.contants-wrap {
width: 100%;
max-width: 100%;
margin: 0 auto;
}


.mixitup-control-active {
  transition-duration: 200ms;
}
.people-att-text{
font-size: 12px;
font-weight: 400;
line-height: 1.5;
text-align: right;
width: 95%;
max-width: 1600px;
margin: 0 auto;
padding: 16px 0 0;
}
.prof-contents {
max-width: 1216px;
margin: 0 auto;
padding: 5% 2.5% 0;
}
.itv-contents {
padding: 0 2.5% 8%;
background: url("../images/people-cont-bg.jpg") no-repeat;
background-size: 100% auto;
}
.itv-prof-box {
max-width: 916px;
margin: 0 auto 6.5%;
justify-content: center;
color: #001F6B;
}
.itv-prof-ttl-en {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 20px;
line-height: 2.2;
} 
.itv-prof-ttl{
font-size: 20px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 1.2%;
}
.itv-prof-ttl span{
font-weight: 400;
font-size: 18px;
position: relative;
top: -2px;
}
.itv-1st-box,
.itv-3rd-box{
display: flex;
justify-content: space-between;
color: #001F6B;
}
.itv-1st-box{
max-width: 1216px;
margin: 0 auto min(7.5%, 96px);
}
.itv-2nd-box{
max-width: 1216px;
margin: 0 auto min(7.5%, 96px);
}
.itv-3rd-box{
max-width: 1216px;
margin: 0 auto min(5%, 80px);
}
.itv-img-box{
width: 48.6%;
display: flex;
align-items: center;
}
.itv-img-box img{
border-radius: 4px;
}
.with-bg01{

}
.itv-cont-box{
width: 49.3%;
padding: 3.2% 2.6% 2.6% 2.6%;
background: rgba(255,255,255,0.7);
border-radius: 4px;
}
.itv-cont-ttl-box{
display: flex;
margin: 0 0 10%;
}
.itv-cont-ttl-box dt {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 48px;
line-height: 1;
width: 74px;
flex-shrink: 0;
display: flex;
align-items: center;
}
.itv-cont-ttl-box dd{
font-size: 24px;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
}
.itv-cont-ttl{
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 10%;
}
.itv-2nd-box{
max-width: 916px;
color: #001F6B;
}
.itv-2nd-box .itv-cont-ttl-box{
max-width: 916px;
margin: 0 auto 7%;
justify-content: center;
}
.itv-2nd-box .itv-cont-ttl{
text-align: center;
margin: 0 auto 7%;
}

.episode-box{
max-width: 916px;
margin: 0 auto min(7%, 80px);
display: flex;
justify-content: space-between;
}
.episode-cont{
width: 48.2%;
color: #001F6B;
}
.episode-ttl-en {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 20px;
line-height: 2.2;
} 
.episode-ttl{
font-size: 24px;
font-weight: 700;
line-height: 1.5;
margin: 0 0 3%;
}
.episode-img{
width: 48.2%;
display: flex;
align-items: center;
}
.schedule-block{
max-width: 1216px;
margin: 0 auto;
color: #001F6B;
padding: 2.5% 5%;
background: url("../images/schedule.png") no-repeat;
background-size: cover;
overflow: hidden;
}
.schedule-box{
max-width: 916px;
margin: 0 auto ;
}
.schedule-box-ttl-en{
font-family: "Roboto", sans-serif;
font-weight: 100;
font-size: 48px;
line-height: 1.5;
text-align: center;
margin: 0 0 2%;
}
.schedule-box-ttl{
font-weight: 700;
font-size: 24px;
line-height: 1.5;
text-align: center;
margin: 0 0 1.6%;
}
.schedule-ex{
text-align: center;
margin: 0 0 2%;
}
.schedule-once{
display: flex;
justify-content: space-between;
background: rgba(255,255,255,0.8);
margin: 0 0 2%;
padding: 3.7% 3.5%;
}

.schedule-time{
width: 31.5%;
display: flex;
align-items: center;
position: relative;
}
.schedule-time dl{
width: 100%;
background: #001F6B;
color: #fff;
display: flex;
padding: 6px 4px;
position: relative;
}
.schedule-time dl::after{
position: absolute;
bottom: -32px;
left: 50%;
width: 14px;
height: 12px;
content: '';
background: url("../images/schedule-arrow.svg") no-repeat;
background-size: 100% auto;
transform: translateX(-50%);
}
.schedule-once:last-child .schedule-time dl::after{
display: none;
}
.schedule-time dt{
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 24px;
width: 76px;
flex-shrink: 0;
text-align: center;
line-height: 28px;
position: relative;
top: 1px;
}
.schedule-time dd{
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
.schedule-cont{
width: 64.6%;
font-weight: 500;
display: flex;
align-items: center;
}
.schedule-att-text{
font-size: 12px;
font-weight: 400;
max-width: 916px;
margin: min(7%, 80px) auto 0;
line-height: 1.5;
text-align: right;
}













.people-other-box{
width: 100%;
max-width: 1216px;
margin: 0 auto;
padding: 0 9.1%;
}
.people-slider-once{
padding: 0 12px;
}
.people-slider-cont{
padding: 0 0 42px;
}
.people-slider-cont a{
display: block;
position: relative;
}
.people-slider-cont a img{
}
.people-slider-catch{
position: absolute;
background: #fff;
left: 0;
bottom: -46px;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
color: #001F6B;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 92px;
min-width: 346px;
padding: 0 16px 0 16px;
}
.people-slider-catch span{
display: block;
}
.people-slider-catch p{
font-size: 14px;
font-weight: 500;
line-height: 2;
padding-left: 1em;
text-indent: -1em;
}



.people-other-contents {
margin: 0 auto 4%;
padding: 0 6% 0;
}



.people-slider .slick-prev,
.people-slider .slick-next{
overflow: hidden;
}
.people-slider .slick-prev:before,
.people-slider .slick-prev:after {
content: "←";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 32px;
line-height: 58px;
font-weight: 100;
animation-fill-mode: forwards;
animation-duration: 0.6s;
color: #fff;
margin: auto;
width: 32px;
}
.people-slider .slick-prev:after {
transform: translateX(-200%);
}
.people-slider .slick-prev:hover:before {
animation-name: transformtoleft04;
animation-delay: 0s;
opacity: 1!important;
color: #001F6B;
}
.people-slider .slick-prev:hover:after {
animation-name: transformtoleft03;
animation-delay: 0.2s;
opacity: 1!important;
color: #001F6B;
}
@keyframes transformtoleft03 {
0% {
transform: translateX(200%);
}
100% {
transform: translateX(0);
}
}
@keyframes transformtoleft04 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-200%);
}
}

.people-slider .slick-next:before,
.people-slider .slick-next:after {
content: "→";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 32px;
line-height: 58px;
font-weight: 100;
animation-fill-mode: forwards;
animation-duration: 0.6s;
color: #fff;
margin: auto;
width: 32px;
}
.people-slider .slick-next:after {
transform: translateY(-100%);
}
.people-slider .slick-next:hover:before {
animation-name: transformtoleft06; /* 修正: hover時のアニメーションを指定 */
animation-delay: 0s;
opacity: 1!important;
color: #001F6B;
}
.people-slider .slick-next:hover:after {
animation-name: transformtoleft05; /* 修正: hover時のアニメーションを指定 */
animation-delay: 0.2s;
opacity: 1!important;
color: #001F6B;
}
@keyframes transformtoleft05 {
0% {
transform: translateX(-200%);
}
100% {
transform: translateX(0);
}
}
@keyframes transformtoleft06 {
0% {
transform: translateX(0);
}
100% {
transform: translateX(200%);
}
}


@media only screen and (min-width : 901px) {
.loaded .interview .page-main-cover.ose {
width: 60%;
}
.interview .page-main-ttl-box {
padding: 0 0 7% 2.8%;
}
}






@media only screen and (max-width : 1400px) {
.interview .pm-ttl-box h1 {
font-size: 36px;
padding: 6% 0 0;
}
.interview .page-main-ttl-box {
padding: 0 0 7% 2.4%;
}
}
@media only screen and (max-width : 1279px) {
.interview .pm-ttl-box h1 {
font-size: 2.8vw;
padding: 6% 0 0;
}
.interview .page-main-ttl-box {
padding: 0 0 7% 2.4%;
}
.page-main-ttl-cat span {
font-size: 1.4vw;
padding: 8px 14px;
}
.people-slider-catch{
min-width: 75%;

}
.people-slider-catch span{
font-size: 1.56vw;
}


}




@media only screen and (max-width : 900px) {
.page-main-wrap {
width: 88%;
margin: 0 auto 20%;
}
.page-main {
margin: 0 0 -24%;
}
.page-main-cover{
position: absolute;
width: calc(100% + 2px);;
bottom: -1px;
left: -1px;
height: 50%;
content: '';
background: url("../images/itv-main-cover_sp.svg") no-repeat bottom left;
background-size: 100% auto;
}

.page-main-ttl-cat {
font-size: 18px;
padding: 8px 14px;
}

.interview .page-main-ttl-box {
position: relative;
height: auto;
top: 0;
left: 0;
display: block;
padding: 0;
}
.interview .page-main-ttl-box::after {
content: '※社員の所属およびインタビュー内容は、取材当時のものです。';
font-size: 10px;
font-weight: 400;
text-align: right;
display: block;
margin: 32px 0 0;
}
.interview .pm-ttl-box h1 {
font-size: 32px;
padding: 7% 0 0;
}

.prof-contents {
padding: 0 6% 0;
}
.itv-prof-ttl-en {
font-size: 20px;
line-height: 1.5;
margin: 0 0 2%;
}
.itv-prof-ttl {
font-size: 20px;
line-height: 1.5;
margin: 0 0 3%;
}
.itv-prof-box {
margin: 0 auto 23%;
}
.itv-1st-box,
.itv-3rd-box{
position: relative;
}
.itv-1st-box::after{
position: absolute;
top: 60vw;
left: -7%;
width: 114%;
height: 250%;
content: '';
background: url("../images/itv-bg01_sp.jpg") no-repeat center top;
background-size: 100% auto;
z-index: -1;
}
.itv-1st-box, .itv-3rd-box {
display: block;
}
.itv-contents {
padding: 0 6% 0;
background: none;
	width: 100%;
	overflow: hidden;
}
.itv-img-box {
width: 100%;
display: block;
align-items: center;
border-radius: 4px;
margin: 0 0 7%;
}
.itv-cont-box {
width: 100%;
padding: 12% 9.3% 10%;
border-radius: 4px;
}
.itv-3rd-box .itv-cont-box {
margin: 0 0 7%;
}
.itv-1st-box .itv-cont-box,
.itv-3rd-box .itv-cont-box {
}
	
.with-bg01{
position: relative;
background: rgba(254,254,254,0.64);
}
.with-bg01::before{
position: absolute;
top: 0;
left: -7%;
width: 114%;
height: 350%;
content: '';
background: url("../images/itv-bg01_sp.jpg") no-repeat center top;
background-size: 100% auto;
z-index: -1;
}

.itv-cont-ttl-box {
display: block;
margin: 0 0 10%;
}
.itv-cont-ttl-box dt {
width: 100%;
font-size: 48px;
margin: 0 0 10%;
display: block;
}
.itv-1st-box {
display: block;
margin: 0 0 27%;
  }
.itv-2nd-box {
margin: 0 0 22%;
}
.itv-3rd-box {
display: block;
margin: 0 0 19%;
  }
.itv-2nd-box .itv-cont-ttl-box dt {
margin: 0 0 10%;
text-align: center;
}
.itv-cont-ttl-box dd {
width: 100%;
font-size: 24px;
display: block;
margin: 0 0 17%;
}
.itv-2nd-box .itv-cont-ttl-box dd {
margin: 0 0 13%;
}

.episode-box {
margin: 0 auto 24%;
display: block;
}
.episode-cont {
width: 100%;
margin: 0 0 9%;
}
.episode-img {
width: 100%;
}
.schedule-block {
padding: 10% 9.8%;
background: url(../images/schedule-bg_sp.jpg) no-repeat;
background-size: 100% auto;
}

.schedule-box-ttl-en {
font-size: 32px;
margin: 0 0 5%;
line-height: 1.5;
}
.schedule-ex {
text-align: left;
}
.schedule-box-ttl {
margin: 0 0 7%;
}
.schedule-once {
display: block;
margin: 0 0 6%;
padding: 12.2%;
position: relative;
}
.schedule-once::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 16px;
height: 16px;
content: '';
background: url(../images/schedule-arrow.svg) no-repeat bottom center;
background-size: 100% auto;
margin: auto;
}
.schedule-time {
width: 100%;
display: block;
margin: 0 0 17%;
}
.schedule-time dl {
display: block;
padding: 8px 4px;
}
.schedule-time dl::after {
display: none;
position: absolute;
bottom: -32px;
left: 50%;
width: 14px;
height: 12px;
content: '';
background: url(../images/schedule-arrow.svg) no-repeat;
background-size: 100% auto;
transform: translateX(-50%);
}
.schedule-time dt {
font-size: 24px;
width: 100%;
line-height: 28px;
top: 0;
margin: 0 0 5%;
}
.schedule-time dd {
font-size: 18px;
line-height: 1.5;
text-align: center;
}
.schedule-cont {
width: 100%;
}



.people-other-box {
width: 100%;
padding: 0 0 100px;
}
.people-slider-once {
padding: 0;
}
.people-slider-catch {
position: absolute;
bottom: -46px;
font-size: 20px;
height: 92px;
min-width: 250px;
padding: 0 16px 0 16px;
}

.schedule-att-text {
margin: 5% auto 27%;
	text-align: left;
}
.people-other-contents {
margin: 0 auto 4%;
padding: 0 6% 0;
}
.schedule-once:last-child::after{
display: none;
}
.itv-2nd-box .itv-cont-ttl {
text-align: left;
margin: 0 auto 10%;
}
.ending-info-ttl {
font-size: 28px;
margin: 0 0 11%;
}
.people-slider-catch span{
font-size: 18px;
line-height: 1.25;
}
.people-att-text{
display: none;
}
}

@media only screen and (max-width : 500px) {
.itv-3rd-box::after{
position: absolute;
top: -50vw;
left: -7%;
width: 114%;
height: 200%;
content: '';
background: url("../images/itv-bg02_sp.jpg") no-repeat center top;
background-size: 100% auto;
z-index: -1;
}
}



@media only screen and (max-width : 389px) {
.interview .pm-ttl-box h1 {
font-size: min(8.2vw, 32px);
}
.itv-prof-ttl {
font-size: 16px;
line-height: 1.5;
margin: 0 0 3%;
}
.itv-prof-ttl span {
font-size: 14px;
}
.itv-cont-ttl,
.episode-ttl{
font-size: 20px;
}

}