.m-interview-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-40px;margin-bottom:-40px}@media screen and (max-width:767px){.m-interview-list{margin-left:0;margin-bottom:-10px}}.m-interview-list::before,.m-interview-list::after{content:"";-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;display:block;width:300px;margin-left:40px}@media screen and (max-width:767px){.m-interview-list::before,.m-interview-list::after{content:none}}.m-interview-list .item{width:300px;height:360px;overflow:hidden;margin-left:40px;margin-bottom:40px}@media screen and (max-width:767px){.m-interview-list .item{width:calc(100vw - 50px);height:48vw;max-width:650px;margin:0 auto 15px}.m-interview-list .item.-js-active a::after{border-color:#fff}.m-interview-list .item.-js-active .img_off{opacity:0}.m-interview-list .item.-js-active .content{-webkit-transform:translate(100vw,0);transform:translate(100vw,0)}.m-interview-list .item.-js-active .more{-webkit-transform:translateX(0);transform:translateX(0)}}.m-interview-list .item a{position:relative;display:block;width:100%;height:100%}@media screen and (max-width:767px){.m-interview-list .item a::after{content:"";width:16px;height:16px;position:absolute;top:50%;right:10px;z-index:5;border-top:2px solid #333;border-right:2px solid #333;margin-top:-8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@media screen and (min-width:768px){.m-interview-list .item a:hover .img_off{opacity:0}.m-interview-list .item a:hover .content{-webkit-transform:translate(360px,0);transform:translate(360px,0)}}.m-interview-list .img_off{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:.15s;transition:.15s}.m-interview-list .img_on{position:absolute;top:0;left:0;z-index:1}.m-interview-list .content{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;padding:140px 18px 0;color:#fff;letter-spacing:0;-webkit-transition:.15s;transition:.15s}@media screen and (max-width:767px){.m-interview-list .content{padding:20px 20px 0 39%;color:#333;font-size:11px}}.m-interview-list .title{margin-bottom:15px;font-size:24px;line-height:1.2}@media screen and (max-width:767px){.m-interview-list .title{margin-bottom:10px;font-size:17px}}.m-interview-list .text{line-height:1.2;margin-bottom:5px}@media screen and (max-width:767px){.m-interview-list .text{margin-bottom:3px}}.m-interview-list .name span{font-size:20px;margin-left:3px}@media screen and (max-width:767px){.m-interview-list .name span{font-size:inherit}}.m-interview-list .more{display:none}@media screen and (max-width:767px){.m-interview-list .more{display:block;position:absolute;top:50%;right:26px;margin-top:-0.5em;z-index:4;font-size:16px;color:#fff;line-height:1;-webkit-transition:.15s;transition:.15s;-webkit-transform:translateX(200px);transform:translateX(200px)}}