:root{--headerH:6vw;--contentW:28vw}@media screen and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:12vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){:root{--headerH:80px;--contentW:16vw}}h2.voice-index-title{position:relative;text-align:center;font-size:clamp(2.49rem,2.43vw,4.67rem);font-family:Jost,sans-serif;font-weight:600;color:#fcf9d2;margin-bottom:5vw;z-index:1}h2.voice-index-title::after{content:"";background:url(../images/voice/voice-index-title.webp) center center no-repeat;position:absolute;background-size:contain;width:34%;height:12vw;transform:translateY(-50%);left:33%;top:50%;z-index:-1}ul.voice-content-list{width:100%;display:flex;gap:1vw;flex-wrap:wrap}ul.voice-content-list li.voice-column-box{display:flex;justify-content:center;width:calc((100% - 2vw)/ 2);margin-bottom:1vw}ul.voice-content-list li.voice-column-box a{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}ul.voice-content-list li.voice-column-box a .voice-content-ph{width:60%;border-radius:30px;margin-bottom:1vw;background-color:gray;overflow:hidden;height:11vw}ul.voice-content-list li.voice-column-box a .voice-content-ph figure img{width:100%;height:100%;object-fit:cover;transition:all .4s ease}ul.voice-content-list li.voice-column-box a .voice-content-title{width:100%;text-align:center}ul.voice-content-list li.voice-column-box a .voice-content-title h3{font-size:clamp(1.14rem,1.11vw,2.13rem);line-height:1.6;margin-bottom:1vw}ul.voice-content-list li.voice-column-box a .voice-content-title .member p{font-size:clamp(1.1rem,.83vw,1.6rem)}ul.voice-content-list li.voice-column-box a .voice-content-title .member p.cross{font-size:clamp(3.34rem,3.26vw,6.27rem)}@media (hover:hover){ul.voice-content-list li.voice-column-box a:hover img{transform:scale(1.1)}}.member{display:flex;justify-content:center;flex-wrap:wrap;color:#fff;row-gap:1.4vw;text-align:center}.member p{padding:0 1em;border-radius:30px;background-color:#000}.member p.cross{font-size:clamp(4.27rem,4.17vw,8rem);font-weight:100;color:#000;background-color:unset;padding:unset}.voice-mainvisual-bg{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:-1;background-color:#fff}.voice-page-title{width:100%;margin-bottom:4vw}.voice-page-title h2{font-size:clamp(2.42rem,2.36vw,4.53rem);font-family:"Noto Serif JP",serif;font-weight:600;margin-bottom:2vw;line-height:1.6}.voice-page-title .member{justify-content:flex-start}.member-column-box{display:flex;flex-wrap:wrap;gap:3vw;width:100%}.member-column-box .member-card{width:calc((100% - 3vw)/ 2);height:17vw;margin-bottom:1vw;display:flex}.member-column-box .member-card figure{width:50%;background-color:gray;overflow:hidden}.member-column-box .member-card figure img{width:100%;height:100%;object-fit:cover}.member-column-box .member-card .text{width:50%;padding:1vw;background-color:#000;color:#fff;font-size:clamp(1.1rem,.69vw,1.33rem);line-height:1.8;overflow:hidden}.member-column-box .member-card .text span.name{font-size:clamp(1.14rem,1.11vw,2.13rem)}.member-column-box .member-card .text span.info{font-size:clamp(1.1rem,.83vw,1.6rem)}.video-section{padding-block:8vw 2vw;border-radius:0 0 2vw 2vw;width:100%;height:100%;background:rgba(0,0,0,.4)}video{position:fixed;top:var(--headerH);left:2vw;width:calc(100% - 4vw);height:100%;object-fit:cover;z-index:-2;background-color:gray;transition:opacity .3s ease}video:nth-of-type(2){display:none}video:nth-of-type(3){display:none}.voice-video-content{height:100vh}.bg-video-content{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4)}.topic-wrap{display:flex;justify-content:space-between;position:relative;z-index:1;margin-bottom:6vw}.topic-wrap .topic-title{display:flex;flex-direction:column;justify-content:center;width:10%;border-right:1px solid #fff;writing-mode:vertical-rl}.topic-wrap .topic-title p{color:#fff}.topic-wrap .topic-title p span.num{font-size:clamp(2.84rem,2.78vw,5.33rem);font-family:Jost,sans-serif;font-weight:700}.topic-wrap .topic-title p span.sub{font-size:clamp(1.1rem,1.04vw,2rem);font-family:Jost,sans-serif;font-weight:600;letter-spacing:0}.topic-wrap .topic-title p span.slash{font-size:clamp(2.13rem,2.08vw,4rem);font-weight:100;display:inline-block;transform:rotate(90deg)}.topic-wrap .talk-content{width:85%}.topic-wrap .talk-content h3{color:#fff;font-size:clamp(1.99rem,1.94vw,3.73rem);font-family:"Noto Serif JP",serif;font-weight:600;margin-bottom:3vw;line-height:1.6}.topic-wrap .talk-content .text-container{display:flex;justify-content:space-between;color:#fff;margin-bottom:2vw}.topic-wrap .talk-content .text-container p{color:#fff;margin-bottom:0}.topic-wrap .talk-content .text-container .icon{width:6vw;height:6vw;border-radius:100%;background-color:gray;overflow:hidden}.topic-wrap .talk-content .text-container .icon figure img{width:100%}.topic-wrap .talk-content .text-container .text{width:85%;display:flex;align-items:center}.topic-wrap .talk-content .text-container.pb2{padding-bottom:2vw}.topic-wrap .talk-content .talk-image{width:100%;height:30vw;border-radius:30px;background-color:gray;overflow:hidden}.topic-wrap .talk-content .talk-image figure img{width:100%;object-fit:cover}footer .voice-navi{width:calc(100% - 16vw);padding-top:4vw;margin:0 auto 2vw}footer .voice-navi h2.interview{font-size:clamp(2.13rem,2.08vw,4rem);font-weight:600;margin-bottom:3vw}footer .voice-navi ul.interview-list{display:flex;justify-content:space-between;column-gap:1vw}footer .voice-navi ul.interview-list li.interview-card{width:25%;margin-bottom:3vw}footer .voice-navi ul.interview-list li.interview-card.wide{width:35%}footer .voice-navi ul.interview-list li.interview-card a{display:flex;flex-direction:column;align-items:center}footer .voice-navi ul.interview-list li.interview-card a figure{width:16vw;height:16vw;border-radius:100%;overflow:hidden;background:gray;margin-bottom:1vw}footer .voice-navi ul.interview-list li.interview-card a figure img{width:100%;height:100%;object-fit:cover;transition:all .4s ease}@media (hover:hover){footer .voice-navi ul.interview-list li.interview-card a:hover img{transform:scale(1.1)}}footer .voice-navi ul.interview-list li.interview-card a p.cross{font-size:clamp(2.84rem,2.78vw,5.33rem)}@media screen and (max-width:1024px) and (orientation:portrait){h2.voice-index-title{font-size:clamp(2.65rem,7.07vw,3.04rem);margin-bottom:7vh}h2.voice-index-title::after{width:78%;height:18vh;left:12%}ul.voice-content-list{flex-direction:column}ul.voice-content-list li.voice-column-box{width:100%;margin-bottom:3vh}ul.voice-content-list li.voice-column-box a .voice-content-ph{height:auto;aspect-ratio:16/9}ul.voice-content-list li.voice-column-box a .voice-content-ph figure{width:100%;height:100%;margin:0}ul.voice-content-list li.voice-column-box a .voice-content-ph figure img{display:block;width:100%;height:100%;object-fit:cover}.member{row-gap:5vw}.member p{min-width:12vh}.member p.cross{font-size:clamp(5rem,13.33vw,5.73rem);min-width:unset}.voice-page-title h2{font-size:clamp(2rem,5.33vw,2.29rem);margin-bottom:2vh}.member-column-box{flex-direction:column}.member-column-box .member-card{width:100%;height:fit-content}.member-column-box .member-card figure img{height:100%;object-fit:cover}.member-column-box .member-card .text{padding:1.2vh;font-size:clamp(1.1rem,2.67vw,1.15rem);line-height:1.6}.member-column-box .member-card .text span.name{font-size:clamp(1.4rem,3.73vw,1.61rem)}.member-column-box .member-card .text span.info{font-size:clamp(1.1rem,2.67vw,1.15rem)}.video-section{padding-block:12vw 3.5vw}video{left:3vw;width:calc(100% - 6vw)}.topic-wrap .topic-title{justify-content:flex-start}.topic-wrap .topic-title p{font-size:clamp(1.2rem,3.2vw,1.38rem)}.topic-wrap .topic-title p span.num{font-size:clamp(2rem,5.33vw,2.29rem)}.topic-wrap .topic-title p span.sub{font-size:clamp(1.2rem,3.2vw,1.38rem)}.topic-wrap .topic-title p span.slash{font-size:clamp(2.6rem,6.93vw,2.98rem)}.topic-wrap .talk-content h3{font-size:clamp(2.2rem,5.87vw,2.52rem)}.topic-wrap .talk-content .text-container{margin-bottom:2vh}.topic-wrap .talk-content .text-container .icon{width:15vw;height:15vw}.topic-wrap .talk-content .text-container .text{width:72%}.topic-wrap .talk-content .talk-image{height:20vh;border-radius:16px}.topic-wrap .talk-content .talk-image figure{height:20vh}.topic-wrap .talk-content .talk-image figure img{height:100%}footer .voice-navi h2.interview{font-size:clamp(3rem,8vw,3.44rem);margin-bottom:3vh}footer .voice-navi ul.interview-list{flex-direction:column}footer .voice-navi ul.interview-list li.interview-card{width:100%;margin-bottom:5vh}footer .voice-navi ul.interview-list li.interview-card.wide{width:100%}footer .voice-navi ul.interview-list li.interview-card a figure{width:26vh;height:26vh;margin-bottom:2vh}footer .voice-navi ul.interview-list li.interview-card a p.cross{font-size:clamp(2rem,5.33vw,2.29rem)}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){h2.voice-index-title{font-size:clamp(3.65rem,4.75vw,4.87rem)}h2.voice-index-title::after{width:72%;height:16vh;left:13%}ul.voice-content-list{flex-direction:row}ul.voice-content-list li.voice-column-box{width:calc((100% - 3vh)/ 2)}ul.voice-content-list li.voice-column-box a .voice-content-title h3{font-size:clamp(1.65rem,2.15vw,2.2rem)}ul.voice-content-list li.voice-column-box a .voice-content-title .member p{font-size:clamp(1.35rem,1.76vw,1.8rem)}ul.voice-content-list li.voice-column-box a .voice-content-title .member p.cross{font-size:clamp(6rem,7.81vw,8rem)}.member{row-gap:3vw}.member p{min-width:8vh}.member p.cross{font-size:clamp(6rem,7.81vw,8rem);min-width:unset}.voice-page-title h2{font-size:clamp(3.4rem,4.43vw,4.53rem)}.member-column-box{flex-direction:row;flex-wrap:wrap}.member-column-box .member-card{width:calc((100% - 3vw)/ 2);height:20vh;overflow:hidden}.member-column-box .member-card .text{font-size:clamp(1.1rem,1.3vw,1.33rem)}.member-column-box .member-card .text span.name{font-size:clamp(1.6rem,2.08vw,2.13rem)}.member-column-box .member-card .text span.info{font-size:clamp(1.2rem,1.56vw,1.6rem)}video{left:2.5vw;width:calc(100% - 5vw)}.topic-wrap .topic-title p span.num{font-size:clamp(4rem,5.21vw,5.33rem)}.topic-wrap .topic-title p span.sub{font-size:clamp(1.5rem,1.95vw,2rem)}.topic-wrap .topic-title p span.slash{font-size:clamp(2.6rem,3.39vw,3.47rem)}.topic-wrap .talk-content{width:85%}.topic-wrap .talk-content h3{font-size:clamp(2.8rem,3.65vw,3.73rem)}.topic-wrap .talk-content .text-container{margin-bottom:2vh}.topic-wrap .talk-content .text-container .icon{width:10vw;height:10vw}.topic-wrap .talk-content .text-container .text{width:80%}.topic-wrap .talk-content .talk-image{height:26vh}.topic-wrap .talk-content .talk-image figure{height:26vh}footer .voice-navi h2.interview{font-size:clamp(3rem,3.91vw,4rem)}footer .voice-navi ul.interview-list{flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:3vw;row-gap:5vw}footer .voice-navi ul.interview-list li.interview-card{width:48%;margin-bottom:3vh}footer .voice-navi ul.interview-list li.interview-card a figure{margin-bottom:2vh}}