@charset "UTF-8";



.list {margin: 0!important;}

.main_pic {margin: 0 0 400px;}
.interview_title {width: 50%;min-width: 610px;}
.interview_title h1 {width: auto;background: #fff;padding: 1vw 0;text-align: center;}
.interview_title h1 img {height: 4vw!important;width: auto!important;margin: auto!important;}
.interview_title p {font-size: 2vw;line-height: 2;color: #000; background: #ffd700;display: block;text-align: center;}
.black {color: #000!important;}
@media screen and (max-width: 1060px) {
.main_pic {margin: 0 0 300px;}
.interview_title {width: 50%;min-width: inherit;}
.interview_title h1 {width: auto;background: #fff;padding: 1vw 0;text-align: center;}
.interview_title h1 img {height: 4vw!important;width: auto!important;margin: auto!important;}
.interview_title p {font-size: 2vw;line-height: 2;color: #000; background: #ffd700;display: block;text-align: center;}
}
@media screen and (max-width:767px){
.main_pic {margin: 0 0 50%;}
.interview_title {width: 50%;min-width: inherit;}
.interview_title h1 {width: auto;background: #fff;padding: 1vw 0;text-align: center;}
.interview_title h1 img {height: 4vw!important;width: auto!important;margin: auto!important;position:inherit!important;}
.interview_title p {font-size: 2vw;line-height: 2;color: #000; background: #ffd700;display: block;text-align: center;}
}







.interview_staff {}
.interview_staff h1 {font-size: 3.4vw;line-height: 1.6;color: #fff;font-weight: 700;margin: 0 0 20px;}
.interview_staff p {font-size: 1.4vw;line-height: 1.6;color: #fff;margin: 0 0 20px;}
.interview_staff h2 {font-size: 2.4vw;line-height: 1; background: #ffd801;padding: 10px 15px;display: inline-block;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.interview_staff {}
.interview_staff h1 {font-size: 4vw;line-height: 1.6;color: #fff;font-weight: 700;margin: 0 0 2.5%;}
.interview_staff p {font-size:2.8vw;line-height: 1.6;color: #fff;margin: 0 0 2.5%;}
.interview_staff h2 {font-size: 4vw;line-height: 1; background: #ffd801;padding: 10px 15px;display: inline-block;}
}


.voice {padding: 0 0 100px;}
.voice .voice_inner {}
.voice .voice_inner ul {}
.voice .voice_inner ul li {margin: 0 0 100px;}
.voice .voice_inner ul li:first-child {margin: 0;}
.voice .voice_inner ul li:last-child {margin: 0;}
.voice .voice_inner ul li dl dt {padding: 0 0 0 50px;}
.voice .voice_inner ul li.movie {display: flex;align-items:flex-start;}
.voice .voice_inner ul li.movie .movie_pic{width: 320px;height: auto;vertical-align: top;margin-top: -340px;}
.voice .voice_inner ul li.movie .movie_pic img {width: 100%;height: auto;vertical-align: bottom;}
.voice .voice_inner ul li.movie .movie_text {width: 800px;text-align: left;vertical-align: top;margin-top: -340px;}
.voice .voice_inner ul li.movie .movie_text h3 {font-size: 34px;line-height: 1.6;margin: 0 0 20px;width: 100%;display: block;}
.voice .voice_inner ul li.movie .movie_text p {font-size: 20px;line-height: 1.6;margin: 0 0 20px;width: 100%;display: block;}

.voice .voice_inner ul li.movie .movie_text video {width: 100%;height: auto;}

@media screen and (max-width: 1060px) {
.voice {padding: 0 0 10%;}
.voice .voice_inner {}
.voice .voice_inner ul {}
.voice .voice_inner ul li {margin: 0 0 10%;}
.voice .voice_inner ul li:first-child {margin: 0;}
.voice .voice_inner ul li:last-child {margin: 0;}
.voice .voice_inner ul li dl dt {padding: 0 0 0 2.5vw;}
.voice .voice_inner ul li.movie {display: flex;align-items:flex-start;}
.voice .voice_inner ul li.movie .movie_pic{width: 30%;height: auto;vertical-align: top;margin-top: -240px;}
.voice .voice_inner ul li.movie .movie_pic img {width: 100%;height: auto;vertical-align: bottom;}
.voice .voice_inner ul li.movie .movie_text {width:70%;text-align: left;vertical-align: top;margin-top: -240px;}
.voice .voice_inner ul li.movie .movie_text h3 {font-size: 2vw;line-height: 1.6;margin: 0 0 20px;width: 100%;display: block;}
.voice .voice_inner ul li.movie .movie_text p {font-size: 1.4vw;line-height: 1.6;margin: 0 0 20px;width: 100%;display: block;}
}
@media screen and (max-width:767px){
.voice {padding: 0 0 10%;}
.voice .voice_inner {}
.voice .voice_inner ul {}
.voice .voice_inner ul li {margin: 0 0 10%;}
.voice .voice_inner ul li:first-child {margin: 0;}
.voice .voice_inner ul li:last-child {margin: 0;}
.voice .voice_inner ul li dl dt {padding: 0 0 0 2.5vw;}
.voice .voice_inner ul li.movie {display: flex;align-items:flex-start;padding: 0 0 5%;}
.voice .voice_inner ul li.movie .movie_pic{width: 23%;height: auto;vertical-align: bottom;margin: -50% 2% 0 0;}
.voice .voice_inner ul li.movie .movie_pic img {width: 100%;height: auto;vertical-align: bottom;}
.voice .voice_inner ul li.movie .movie_text {width: 75%;text-align: left;vertical-align: top;margin-top: -50%;}
.voice .voice_inner ul li.movie .movie_text h3 {font-size: 4vw;line-height: 1.6;margin: 0 0 5%;width: 100%;display: block;}
.voice .voice_inner ul li.movie .movie_text p {font-size: 3vw;line-height: 1.6;margin: 0 0 5%;width: 100%;display: block;}

.voice .voice_inner ul li.movie .movie_text video {width: 133%;height: auto;margin: 0 0 0 -33%}

}








.schedule {width:1120px;margin:0 auto 0;text-align: left;padding: 100px 0;}

.schedule dl {display: flex; align-items: center;margin: 0 0 50px;min-height: 54px;}
.schedule dl:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 50px;
  background-image: url("../images/triangle_yellow.svg");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
}
.schedule dl dt {font-size: 18px;line-height: 2;width: 160px;}
.schedule dl dt span {width: 160px;display: inline-block; text-align: center;font-size: 24px;line-height: 2;}
.schedule dl dd {font-size: 18px;line-height: 2;border-left: 1px solid #000;padding: 0 0 0 20px;}
@media screen and (max-width: 1060px) {
.schedule {width:80%;margin:0 auto 0;text-align: left;padding: 10% 0 5%;}

.schedule dl {display: flex; align-items: self-start;margin: 0 0 50px;min-height: 54px;}
.schedule dl:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 50px;
  background-image: url("../images/triangle_yellow.svg");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
}
.schedule dl dt {font-size: 1.4vw;line-height: 2;width:20%;vertical-align: top;}
.schedule dl dt span {width: 100%;display: inline-block; text-align: center;font-size: 2vw;line-height: 2;}
.schedule dl dd {width: 80%; font-size: 1.4vw;line-height: 2;border-left: 1px solid #000;padding: 0 0 0 20px;}
}
@media screen and (max-width:767px){
.schedule {width:80%;margin:0 auto 0;text-align: left;padding: 10% 0 5%;}

.schedule dl {display: block; align-items: self-start;margin: 0 0 5%;min-height: 54px;}
.schedule dl:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 50px;
  background-image: url("../images/triangle_yellow.svg");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
}
.schedule dl dt {font-size: 3vw;line-height: 1.6;width:100%;vertical-align: top;}
.schedule dl dt span {width: 100%;display: inline-block; text-align: center;font-size: 4vw;line-height: 2;}
.schedule dl dd {width: 100%; font-size: 3vw;line-height: 1.6;border-left: none;border-top: 1px solid #000;padding: 5% 0 0;}
}



.next {width:1120px;text-align: left;margin: 0 auto 10%;}
.next ul {display: flex;padding: 50px 0 0;}
.next ul li {width: 22%;margin: 0 4% 0 0;}
.next ul li img {width: 100%;height: auto;}
.next ul li:nth-child(4n) {margin: 0;}
.next ul li a {transition: transform .6s ease;display: block;}
.next ul li a:hover {transform: scale(0.95);}
@media screen and (max-width: 1060px) {
.next {width:80%;text-align: left;margin: 0 auto 10%;}
.next ul {display: flex;padding: 5% 0 0;}
.next ul li {width: 22%;margin: 0 4% 0 0;}
.next ul li img {width: 100%;height: auto;}
.next ul li:nth-child(4n) {margin: 0;}
.next ul li a {transition: transform .6s ease;display: block;}
.next ul li a:hover {transform: scale(0.95);}
}
@media screen and (max-width:767px){
.next {width:80%;text-align: left;margin: 0 auto 10%;}
.next ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;padding: 5% 0 0;}
.next ul li {width: 48%;margin: 0 4% 4% 0;}
.next ul li img {width: 100%;height: auto;}
.next ul li:nth-child(4n) {margin: 0;}
.next ul li:nth-child(2n) {margin: 0 0 4%;}
.next ul li:last-child,.next ul li:nth-last-child(2):nth-child(odd) {margin-bottom: 0;}
.next ul li a {transition: transform .6s ease;display: block;}
.next ul li a:hover {transform: scale(0.95);}
}








.sub_title{width:auto;height:3vw; margin:0 0 10px;text-align: left;}
.sub_title img{width:auto;height:100%;}
.sub_title_caption{font-size:18px;margin:0 0 45px;padding:0 0 0 15px;position:relative;}
.sub_title_caption:before{content:"";height:1px;width:10px;background:#000;display:block;position:absolute;top:0;left:0;bottom:0;margin:auto;}

@media screen and (max-width: 1060px) {

.sub_title{width:auto;height:3vw; margin:0 0 10px;}
.sub_title img{width:auto;height:100%;}
.sub_title_caption{font-size:2vw;margin:0 0 45px;padding:0 0 0 15px;position:relative;}
.sub_title_caption:before{content:"";height:1px;width:10px;background:#000;display:block;position:absolute;top:0;left:0;bottom:0;margin:auto;}


}
@media screen and (max-width:767px){

.sub_title{width:auto;height:7vw; margin:0 0 10px;}
.sub_title img{width:auto;height:100%;}
.sub_title_caption{width:100%;margin:0 auto 10%;font-size:3vw;padding:0 0 0 10px;}
.sub_title_caption:before{content:"";height:1px;width:6px;}

}








.slick-slide {
  padding: 0 10px;
}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){

}





.interview{position:relative;}
.interview .interview_inner{}
.staff_list{background:#FEFBD4;position:relative; padding: 100px 0 100px;}
.staff_list p.list_sub_title {font-size: 32px;line-height: 1.6;margin: 0 0 50px;}
.staff_list ul{width:1120px;margin:0 auto 0;display:flex;justify-content:center;flex-wrap:wrap;position:relative; }
.staff_list ul li{width: 32%;margin:0 2% 2% 0;position: relative;overflow: hidden;transition: transform .6s ease;}
.staff_list ul li:hover {transform: scale(0.95);}
.staff_list ul li:nth-of-type(3n){margin:0 0 2%;}
.staff_list ul li:before {/*スペースを作る*/
content: '';
top: 0;
left: 0;
width: 20%;/*指定したい幅*/
padding-top: 0;/*画像の幅に対する高さ比率*/
display: block;
}
.staff_list ul li:after {/*画像を絶対配置*/
position: absolute;
content: '';
top: -0.2%;
left:-0.2%;
display: block;
width: 16%;/*幅*/
height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
background-image: url("../images/triangle_yellow.svg");
background-size: contain;
background-repeat: no-repeat;/*画像を繰り返さない*/
}

.staff_list ul li a{position:relative;display:block;text-decoration:none;color:#000;}
.staff_list ul li .img_box{position:relative;}
.staff_list ul li .img_box img{width:100%;height:auto;}
.staff_list ul li .text_box{position:relative;width:290px;margin:-110px auto 0;}
.staff_list ul li .text_box .text_box_inner{background:#FFF;padding:30px 0;text-align:center;}
.staff_list ul li .text_box .text_box_inner .position{font-size:15px;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .name{font-size:26px;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .rby{font-size:10px;color:#009;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .year{font-size:13px;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .comment{font-size:13px;margin:0 auto;position:relative;padding:15px 0 0 ;}
.staff_list ul li .text_box .text_box_inner .comment:before{content:"";width:40px;height:2px;position:absolute;top:0;left:0;right:0;margin:auto;background:linear-gradient(90deg,#293369 0%, #293369 50%, #FFE101 50%, #FFE101 100%);}
.staff_list ul li .text_box .text_box_inner .comment p{font-size:13px;line-height:1.6;margin:0 auto;}
.staff_list ul li .text_box .text_box_inner .comment p span{font-size:13px;margin:0 auto 5px;display:block;}

@media screen and (max-width: 1060px) {

.interview{position:relative;}
.interview .interview_inner{}
.staff_list{background:#FEFBD4;position:relative; padding:5vw 0;}

.staff_list p.list_sub_title {font-size: 2vw;line-height: 1.6;margin: 0 0 50px;}

.staff_list ul{width:80%;margin:0 auto 0;display:flex;justify-content:center;flex-wrap:wrap;position:relative; }

.staff_list ul:after{content:"";display:block;width:20vw;background:url("../images/interview_subcatch.svg") center 0 no-repeat;background-size:contain;height:20vw;position:absolute;bottom:10vw;right:-5vw;display: none;}
.staff_list ul li{width: 32%;margin:0 2% 2% 0;position: relative;overflow: hidden;}
.staff_list ul li:nth-of-type(3n){margin:0 0 2%;}
.staff_list ul li:before {/*スペースを作る*/
content: '';
top: 0;
left: 0;
width: 20%;/*指定したい幅*/
padding-top: 0;/*画像の幅に対する高さ比率*/
display: block;
}
.staff_list ul li:after {/*画像を絶対配置*/
position: absolute;
content: '';
top: -0.2%;
left:-0.2%;
display: block;
width: 16%;/*幅*/
height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
background-image: url("../images/triangle_yellow.svg");
background-size: contain;
background-repeat: no-repeat;/*画像を繰り返さない*/
}

.staff_list ul li a{position:relative;display:block;text-decoration:none;color:#000;}
.staff_list ul li .img_box{position:relative;}
.staff_list ul li .img_box img{width:100%;height:auto;}
.staff_list ul li .text_box{position:relative;width:80%;margin:-110px auto 0;}
.staff_list ul li .text_box .text_box_inner{background:#FFF;padding:2vw 0;text-align:center;}
.staff_list ul li .text_box .text_box_inner .position{font-size:1vw;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .name{font-size:3vw;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .rby{font-size:1vw;color:#009;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .year{font-size:1vw;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .comment{font-size:1.2vw;margin:0 auto;position:relative;padding:15px 0 0 ;}
.staff_list ul li .text_box .text_box_inner .comment:before{content:"";width:40px;height:2px;position:absolute;top:0;left:0;right:0;margin:auto;background:linear-gradient(90deg,#293369 0%, #293369 50%, #FFE101 50%, #FFE101 100%);}
.staff_list ul li .text_box .text_box_inner .comment p{font-size:1vw;line-height:1.6;margin:0 auto;}
.staff_list ul li .text_box .text_box_inner .comment p span{font-size:1vw;margin:0 auto 5px;display:block;}

}



@media screen and (max-width:767px){
.interview{position:relative;}
.interview .interview_inner{}

.staff_list{background:#FEFBD4;position:relative; padding: 5vw 0;}

.staff_list p.list_sub_title {width: 80%; font-size: 3vw;line-height: 1.6;text-align: left; margin: 0 auto 5%;}


.staff_list ul{width:100%;margin:0 auto 0;display:flex;justify-content:center;flex-wrap:wrap;position:relative; }

.staff_list ul:after{content:"";display:block;width:20vw;background:url("../images/interview_subcatch.svg") center 0 no-repeat;background-size:contain;height:20vw;position:absolute;bottom:10vw;right:-5vw;display: none;}
.staff_list ul li{width: 32%;margin:0 2% 2% 0;position: relative;overflow: hidden;}
.staff_list ul li:nth-of-type(3n){margin:0 0 2%;}
.staff_list ul li:before {/*スペースを作る*/
content: '';
top: 0;
left: 0;
width: 20%;/*指定したい幅*/
padding-top: 0;/*画像の幅に対する高さ比率*/
display: block;
}
.staff_list ul li:after {/*画像を絶対配置*/
position: absolute;
content: '';
top: -0.2%;
left:-0.2%;
display: block;
width: 16%;/*幅*/
height: 800px;/*どれだけデカくなってもはみ出ないであろう高さを指定*/
background-image: url("../images/triangle_yellow.svg");
background-size: contain;
background-repeat: no-repeat;/*画像を繰り返さない*/
}
.staff_list ul li a{position:relative;display:block;text-decoration:none;color:#000;}
.staff_list ul li .img_box{position:relative;}
.staff_list ul li .img_box img{width:100%;height:auto;}
.staff_list ul li .text_box{position:relative;width:80%;margin:-110px auto 0;}
.staff_list ul li .text_box .text_box_inner{background:#FFF;padding:5vw 0;text-align:center;}
.staff_list ul li .text_box .text_box_inner .position{font-size:3vw;line-height: 1.6;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .name{font-size:5vw;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .rby{font-size:3vw; color:#009;margin:0 auto 10px;}
.staff_list ul li .text_box .text_box_inner .year{font-size:3vw;margin:0 auto 15px;}
.staff_list ul li .text_box .text_box_inner .comment{font-size:3.4vw;margin:0 auto;position:relative;padding:15px 0 0 ;}
.staff_list ul li .text_box .text_box_inner .comment:before{content:"";width:40px;height:2px;position:absolute;top:0;left:0;right:0;margin:auto;background:linear-gradient(90deg,#293369 0%, #293369 50%, #FFE101 50%, #FFE101 100%);}
.staff_list ul li .text_box .text_box_inner .comment p{font-size:3vw;line-height:1.6;margin:0 auto;}
.staff_list ul li .text_box .text_box_inner .comment p span{font-size:3vw;margin:0 auto 5px;display:block;}


}





@media screen and (max-width:767px){
.main_pic img.main {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);

}

}









.slick-dots {
position: absolute!important;
bottom: -50px!important;
display: block!important;
width: 100%!important;
padding: 0!important;
margin: 0!important;
list-style: none!important;
text-align: center!important;
}
.slick-dots li {
position: relative!important;
display: inline-block!important;
width: 30px!important;
height: 40px!important;
margin: 0 5px!important;
padding: 0!important;
cursor: pointer!important;
}


.slick-dots li:before {display: none!important;}
.slick-dots li:after {display: none!important;}



.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 60px!important;
    height: 60px!important;
    padding: 5px;
    cursor: pointer;
    color: #000;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 60px!important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



button.play-pause {display: none!important;}









.movie_back {margin:0 auto;position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie_back iframe {  position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width:767px){
.movie_back {width: 133%; margin: 0 0 0 -33%;position: relative;padding-bottom:75%;height: 0;overflow: hidden;}
.movie_back iframe {  position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

}