/*------------------------------------------------------------
common
------------------------------------------------------------*/
body {
    font-family: 'Noto Sans JP', 'Century Gothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック体, YuGothic, "Yu Gothic Medium", 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
}

#interview {
    font-size: min(13px, 1.083vw);
    font-weight: 500;
    color: #000;
    /*overflow: hidden;*/
    background: #fff;
    position: relative;
}

#interview * {
    box-sizing: border-box;
}

#interview a {
    transition: opacity .3s;
}

#interview a[href^="tel:"] {
    display: inline-block;
    transition: none;
}

#interview a:hover {
    text-decoration: none;
}

#interview a:focus-visible {
    outline: none;
}

#interview img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#interview .js-fadein {
    opacity: 0;
    transform: translate(0, 20px);
    transition-property: opacity, transform;
    transition-duration: 1s;
}
#interview p{
    font-size: min(18px, 1.5vw);
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    color: #5e5f5f;
}


#interview .scroll-in {
    opacity: 1;
    transform: translate(0, 0);
}

#interview .pc-br {
    display: inline;
}

#interview .sp-br {
    display: none;
}

#interview .inner {
    width: calc(100% - 40px) ;
    max-width: 1200px;
    margin: 0 auto;
}

#interview .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



/*PEOPLE*/

#interview .people{
    background: #F5F5F5;
}

#interview .people .inner{
    padding: 60px 20px min(91px, 7.583vw) ;
    position: relative;
}
#interview .people .inner .people-list{
  min-height: min(600px, 50vw);
  padding-top: 20px;
}

#interview .people .inner .people-list .swiper-wrapper{
    position: relative;
    bottom: max(-106px, -8.833vw);
}


#interview .people .inner .people-list .people-item{
    cursor: pointer;
}

@media (hover: hover) or (pointer: fine) {
  #interview .people .inner .people-list .people-item:hover .avatar-img img{
    transform: scale(1.07);
  }
}


#interview .people .inner .people-list .people-item .avatar-img{
    width: 100%;
    overflow: hidden;
}
#interview .people .inner .people-list .people-item .avatar-img img{
    width: min(260px, 21.667vw);
    display: block;
    margin:0 auto;
    position: relative;
    z-index: 0;
    transform: scale(1);
    transition: .3s;
}

#interview .people .inner .people-list .people-item .job{
    font-size: min(22px, 1.833vw);
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background-color: #5cacd7;
    padding: min(6px, 0.5vw) 0;
    margin-bottom: 13px;
    margin-top: -29px;
    position: relative;
    z-index: 1;
    transition: background .3s;
}
#interview .people .inner .people-list .people-item:nth-child(2){
    position: relative;
    top: -122px;
}
#interview .people .inner .people-list .people-item.cl2 .job{
    background-color: #96D0BA;
}

#interview .people .inner .people-list .people-item.cl3 .job{
    background-color: #A7C925;
}

#interview .people .inner .people-list .people-item:hover .job{
    background-color: #7DBDDF;
}
#interview .people .inner .people-list .people-item.cl2:hover .job{
    background-color: #ABD9C8;
}

#interview .people .inner .people-list .people-item.cl3:hover .job{
    background-color: #C9DA87;
}
#interview .people .inner .people-list .people-item .info{
    align-items: center;
    width: fit-content;
    margin:0 auto;
    column-gap: 10px;
}



#interview .people .inner .people-list .people-item .info span.name{
    font-size: min(20px, 1.667vw);
    font-weight: bold;
    text-align: left;
}

#interview .people .inner .people-list .people-item .info span.date{
    font-size: min(16px, 1.333vw);
    font-weight: 500;
}

#interview .people .inner .people-list .people-item .icon{
    width: min(16px, 1.333vw);
    display: block;
    margin:10px auto 0;
    transition: transform .3s;
}
#interview .people .inner .people-list .people-item:hover .icon{
  transform: translateY(10px);
}


/*INTERVIEW LIST*/
#interview .interview-list{
    padding-bottom:min(150px, 12.5vw);
}
#interview .interview-list .interview-item{
    position: relative;
}
#interview .interview-list .interview-item .slide-img{
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
}
#interview  .interview-item .content{
    width: min(54.167vw, 1040px);
    min-width: 50%;
    position: relative;
    margin: -100vh 0 0 auto;
    z-index: 3;
}

#interview .interview-list .interview-item .slide-img img{
    object-fit: cover;
    width: 100%;
    height: 100vh;
    object-position: center;
}


#interview .interview-list .interview-item .content .content-inner{
    padding:min(120px, 6.25vw) min(60px, 3.125vw);
    background-color: rgba(255, 255, 255, 0.8);
}

#interview .interview-list .interview-item .content .content-inner h2{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: min(36px, 3vw);
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    color: #5cacd7;
    margin-bottom: min(80px, 6.667vw);
    padding-left:min(60px, 5vw);
}

#interview .interview-list .interview-item .content .content-inner .block{
    padding: min(60px, 3.125vw);
    border-radius: 50px;
    background-color: #f5fafd;
}

#interview .interview-list .interview-item .content .content-inner .block .title{
    font-size: min(22px, 1.833vw);
    font-weight: bold;
    color: #5cacd7;
    padding-top:min(60px, 5vw);
    margin-bottom:min(16px, 1.333vw);
    font-family: "Zen Kaku Gothic New", sans-serif;
}

#interview .interview-list .interview-item .content .content-inner .block.typing{
    padding-top:0;
}

#interview .interview-list .interview-item .content .content-inner .block.no-typing{
    margin-top:min(80px, 6.667vw);
}

#interview .interview-list .interview-item .content .content-inner .block h3{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: min(26px, 2.167vw);
    line-height: 1.6;
    color: #5cacd7;
    margin-bottom:10px;
}


#interview .interview-list .interview-item .content .content-inner .block .schedule{
    margin-top: min(87px, 7.25vw);
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item{
    display: flex;
    margin-bottom: 10px;
    position: relative;
    min-height: 202px;
    flex-wrap: wrap;
}


#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child{
    margin-bottom: 0;
}


#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time{
    width: 25%;
    background:#fff;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time:after{
    content:"";
    width: 8px;
    height: 8px;
    background: #5CACD7;
    top:50%;
    transform: translateY(-50%);
    right:20px;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule{
    position: relative;
}

/*#interview .interview-list .interview-item .content .content-inner .block .schedule:before{*/
/*  content:"";*/
/*  width: 0px;*/
/*  height: 100%;*/
/*  top:50%;*/
/*  transform: translateY(-50%);*/
/*  right:30px;*/
/*  border-radius: 100%;*/
/*  position: absolute;*/
/*  border:1px solid #5E5F5F;*/
/*}*/
#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time:before{
    content: "";
    width: 0px;
    height: calc(100% + 10px);
    top: 101%;
    transform: translateY(-50%);
    right: 23.5px;
    border-radius: 100%;
    position: absolute;
    border: 1px solid #5E5F5F;
    z-index: 1;
}
#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child .time:before{
    display: none;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare{
    width: 37.5%;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .time{
    border-top-left-radius: 50px;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:last-child{
    border-top-right-radius: 50px;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child .time{
    border-bottom-left-radius: 50px;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child div:last-child{
    border-bottom-right-radius: 50px;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item div:nth-child(2){
    background-color: #f5f5f5;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item div:nth-child(3){
    background-color: #cee6f3;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare .table-inner{
    padding: min(30px, 2.5vw) min(19px, 1.667vw);
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare h4{
    font-size: min(16px, 1vw);
    font-weight: bold;
    text-align: left;
    margin-bottom: min(20px, 1.667vw);
    color: #5E5F5F;
}


#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare p{
    font-size: min(16px, 1vw);
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time p{
    font-size: min(26px, 1.354vw);
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    color: #5e5f5f;
    padding-left:min(40px, 2.083vw);
    font-family: futura-pt, sans-serif;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time p span{
    margin:0 2px;
    position: relative;
    top:-3px;
}

#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .compare{
    position: relative;
}
#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .compare:before{
    content: "一般職の場合（過去）";
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: min(18px, 1.2vw);
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    width: 83.3333%;
    padding: 4px 0;
    position: absolute;
    border-radius: 30px;
    background-color: #5e5f5f;
    left: 50%;
    transform: translateX(-50%);
    top: -57px;
    font-feature-settings: "palt" 1;
}


#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:nth-child(3):before{
    content: "主任の場合（現在）";
    font-family: "Zen Kaku Gothic New", sans-serif;
    background-color: #5cacd7;
    font-feature-settings: "palt" 1;
}

#interview .interview-list .interview-item .slide-img .info-box {
    padding: min(30px, 2.5vw) min(41px, 3.417vw) min(28px, 2.333vw);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: calc(min(54.167vw, 1040px) + 60px);
    z-index: 9;
    width: min(400px, 33.333vw);
}

#interview .interview-list .interview-item .slide-img .info-box .name{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: min(26px, 2.167vw);
    font-weight: bold;
    line-height: 1.8;
    text-align: left;
    color: #5e5f5f;
    margin-bottom:min(20px, 1.667vw);
    white-space: nowrap;
}


#interview .interview-list .interview-item .slide-img .info-box .name span{
    padding: min(4px, 0.333vw) min(30px, 2.5vw);
    border-radius: 30px;
    background-color: #5cacd7;
    font-size: min(20px, 1.667vw);
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: #fff;
    margin-left:min(20px, 1.667vw);
    font-family: "Noto Sans JP", sans-serif;
    white-space: nowrap;
}

#interview .interview-list .interview-item .slide-img .info-box .date{
    font-size: min(18px, 1.5vw);
}

#interview .interview-list .interview-item:nth-child(2) .slide-img .info-box .name span{
    background-color: #96D0BA;
}

#interview .interview-list .interview-item:nth-child(2) .content .content-inner .block .title, #interview .interview-list .interview-item:nth-child(2) .content .content-inner h2, #interview .interview-list .interview-item:nth-child(2) .content .content-inner .block h3{
    color:#96D0BA;
}


#interview .interview-list .interview-item .content .content-inner .block .chart{
    margin-top:min(70px, 3.646vw);
    display: flex;
    flex-direction: column;
    align-items: flex-end;

}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item{
    width: min(560px, 29.167vw);
}


#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:first-child .ttl{
    border-top-right-radius: min(30px, 1.563vw);
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl{
    font-size: min(20px, 1.042vw);
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
    padding: min(10px, 0.521vw) 0 min(10px, 0.521vw) min(30px, 1.563vw);
    background-color: #b18ab4;
    border-top-left-radius: min(30px, 1.563vw);
    color:#fff;
    position: relative;
    z-index: 1;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl svg{
    width: min(30px, 1.563vw);
    height: min(40px, 2.083vw);
    position: absolute;
    z-index: 0;
    top: max(-37px, -1.927vw);
    left: min(32px, 1.667vw);
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl span{
    font-size: min(18px, 0.938vw);
    margin-right:min(30px, 1.563vw);
    font-weight: bold;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item p{
    color: #b18ab4;
    padding:min(20px, 1.042vw);
    background-color: #efe8f0;
    font-size: min(16px, 0.833vw);
}


#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2){
    width: calc(min(560px, 29.167vw) + min(80px, 4.167vw));
}
#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2) .ttl{
    background-color: #eb779e;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2) .ttl svg path{
    fill: #eb779e;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2) p{
    background-color: #fbe4ec;
    color: #eb779e;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3){
    width: calc(min(560px, 29.167vw) + min(80px, 4.167vw) * 2);
}
#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3) .ttl{
    background-color: #f08558;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3) .ttl svg path{
    fill: #f08558;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3) p{
    background-color:  #fce7de;
    color: #f08558;
}


#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(4){
    width: calc(min(560px, 29.167vw) + min(80px, 4.167vw) * 3);
}
#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(4) .ttl{
    background-color: #6969d1;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(4) .ttl svg path{
    fill: #6969d1;
}

#interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(4) p{
    background-color: #eeeef9;
    color: #6969d1;
}

#interview .interview-list .interview-item:nth-child(3) .slide-img .info-box .name span{
    background-color: #A7C925;
}

#interview .interview-list .interview-item:nth-child(3) .content .content-inner h2{
    color: #A7C925;
}

#interview .interview-list .interview-item:nth-child(3) .content .content-inner .block .title{
    color: #A7C925;
}

#interview .interview-list .interview-item:nth-child(3) .content .content-inner .block h3{
    color: #A7C925;
}

#interview .interview-list .interview-item:nth-child(2) .content .content-inner .block{
    background-color: #F4FAF8;
}

#interview .interview-list .interview-item:nth-child(3) .content .content-inner .block{
    background-color: #FBFCF6;
}

#interview .interview-list .interview-item .content .content-inner .block .chart-wrap .scroll-click{
    display: none;
}

#interview .interview-list .interview-item .image-list{
    height: 100%;
}
#interview .interview-list .interview-item .image-list .image-item.img01{
    background-image: url("../images/interview/interview_employee01_images01.png");
    background-size: 100% 100vh;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
}

@media(max-width: 1201px){

    #interview .interview-list .interview-item .slide-img img, #interview .interview-list .interview-item .slide-img{
        height: 83.333vw;
        max-height: 100vh;
    }

    #interview .interview-item .content{
        margin: max(-83.333vw,-100vh) 0 0 auto;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item{
        margin-bottom:min(20px, 1.667vw);
    }
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .time{
        border-top-right-radius: 50px;
    }
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time{
        width: 100%;

        text-align: center;
        justify-content: center;
        padding:min(22px, 1.833vw) 0;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time p br{
        display: none;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time p{
        font-size: min(26px, 2.167vw);
        padding-left:0;
    }


    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare {
        width: 50%;
    }
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .compare:before{
        font-size: min(18px, 1.5vw);
        top: max(-130px, -10.833vw);
        left: unset;
        right: 50%;
        transform: translateX(50%);
        padding: 4px 0;
        width: 77.96%;

    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:nth-child(2):before{
        right: 50%;
        transform: translateX(50%);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:last-child {
        border-top-right-radius: 0px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare h4 {
        font-size: min(16px, 1.333vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare p {
        font-size: min(16px, 1.333vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time:after {
        width: 10px;
        height: 10px;
        top: unset;
        transform: translateX(50%);
        bottom: min(10px, 0.833vw);
        right: 50%;
    }
    /*#interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item{*/
    /*  position: relative;*/
    /*  min-height: unset;*/
    /*}*/
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time:before{
        display: none;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:before{
        content: "";
        width: 0px;
        height: calc(100% - min(44px, 3.667vw));
        top: min(63px, 5.25vw);
        transform: translateX(50%);
        right: 50%;
        position: absolute;
        border: 1px solid #5E5F5F;
        z-index: 1;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child:before{
        height: calc(100% - min(65px, 5.417vw));
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child .time {
        border-bottom-left-radius: 0px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child div:nth-child(2){
        border-bottom-left-radius: 50px;
    }

    #interview .interview-list .interview-item .content .content-inner .block {
        padding: min(60px, 5vw) min(27px, 2.5vw);
    }

    #interview .interview-list .interview-item .content .content-inner {
        padding: min(60px, 5vw) min(30px, 2.5vw);
    }

    #interview .interview-list .interview-item .content .content-inner h2{
        padding-left: min(30px, 2.5vw);
    }

    #interview .people .inner .people-list{
        min-height: min(650px, 63.415vw);
    }

    #interview .people .inner .people-list .swiper-wrapper {
        bottom: max(-200px, -19.512vw);
    }

    #interview .people .inner .people-list .people-item:hover .avatar-img img{
        width: min(260px, 21.667vw);
    }


    /*CHART*/
    #interview .interview-list .interview-item .content .content-inner .block .chart{
        flex-direction: row-reverse;
        width: min(1360px, 113.333vw);
        padding-top: min(90px, 7.5vw);
        min-height: 324px;
        margin-top: 0;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item{
        width: min(340px, 28.333vw) !important;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl span {
        font-size: min(18px, 1.5vw);
        margin-right: min(30px, 2.5vw);
        display: block;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl {
        font-size: min(20px, 1.667vw);
        padding: 0 0 0 min(50px, 4.167vw);
        height: min(100px, 8.333vw);
        display: flex ;
        flex-direction: column;
        justify-content: center;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(4) p{
        border-bottom-left-radius: 30px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item p{
        font-size: min(16px, 1.333vw);
        padding: min(60px, 5vw) min(30px, 2.5vw);
        height: min(235px, 19.583vw);
        display: flex;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3) .ttl{
        height: calc(min(100px, 8.333vw) + min(48px, 4vw));
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2) .ttl{
        height: calc(min(100px, 8.333vw) + min(48px, 4vw) * 2);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(1) .ttl {
        height: calc(min(100px, 8.333vw) + min(48px, 4vw)* 3);
        border-top-right-radius: 30px;

    }
    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(1) p{
        border-bottom-right-radius: 30px;
    }


    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl svg{
        width: min(42px, 3.5vw);
        height: min(80px, 6.667vw);
        top: max(-66px, -5.5vw);
        left: min(50px, 4.167vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart-wrap{
        overflow: scroll;
        min-height: min(324px, 27vw);
        scrollbar-width: none;
        position: relative;
        z-index: 0;
        max-width: 450px;
        margin: 0 auto;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart-wrap .scroll-click{
        display: inline;
        width: min(210px, 17.5vw);
        height: min(140px, 11.667vw);
        position: absolute;
        left:50%;
        top:50%;
        z-index: 1;
        transform: translate(-50%, -50%);
    }
    #interview .interview-list .interview-item .content .content-inner .block .chart{
        overflow: scroll;
    }
}



@media print, screen and (max-width: 850px){
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time{
        padding:1px 0;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .compare:before {
        top: max(-140px, -11.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(1) p{
        border-bottom-right-radius: 30px;
    }
}



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

    #interview .sp-br {
        display: inline;
    }

    #interview .pc-br {
        display: none;
    }

    #interview .inner {
        width: calc(100% - min(35px, 9.333vw));
    }

    #interview p{
        font-size: min(14px, 3.733vw);
        line-height: 1.8;
    }

    #interview .interview-list .interview-item .slide-img .info-box{
        bottom: -1px;
    }
    #interview .people .inner .people-list {
        min-height: unset;
        position: relative;
        left: 3px;
    }

    #interview .interview-list .interview-item .slide-img{
        height: auto;
        position: relative;
    }

    #interview .interview-item .content {
        margin: auto;
    }


    #interview .people .inner .people-list .people-item:nth-child(2) {
        top: 0;
    }

    #interview .people .inner {
        padding: min(20px, 5.333vw) 0 0;
        padding-top: 54px;
    }
    #interview .people .inner .people-list{
        padding-bottom:min(97px, 25.867vw);
    }
    #interview .people .inner .people-list .swiper-wrapper{
        bottom:0;
    }

    #interview .people .inner .people-list .people-item .avatar-img img{
        width: min(211px, 56.267vw);
    }

    #interview .people .inner .people-list .people-item .job{
        font-size: min(18px, 4.8vw);
        margin-top: max(-24px, -6.4vw);
        padding: 4px 0;
        margin-bottom: 7px;
    }

    #interview .people .inner .people-list .people-item .info span.name{
        font-size: min(16px, 4.267vw);
    }

    #interview .people .inner .people-list .people-item .info span.date{
        font-size: min(13px, 3.467vw);
    }

    #interview .people .inner .people-list .people-item .icon{
        display: none;
    }

    #interview .people .inner .people-list .people-item:hover .avatar-img img{
        width: min(211px, 56.267vw);
    }


    /*INTERVIEW*/
    #interview .interview-item .content{
        position: relative;
        width: 100%;

    }

    #interview .interview-list .interview-item .slide-img img {
        height: unset;
        width: 100%;
    }

    #interview .interview-list .interview-item .slide-img .info-box{
        right: 50%;
        transform: translateX(50%);
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        width: calc(100% - min(35px, 9.333vw));
        padding: min(15px, 4vw) min(66px, 17.6vw);
    }

    #interview .interview-list .interview-item .slide-img .info-box .name{
        font-size: min(18px, 4.8vw);
        font-family: "Noto Sans JP", sans-serif;
    }

    #interview .interview-list .interview-item .slide-img .info-box .name span{
        font-size: min(15px, 4vw);
        padding: min(3px, 0.8vw) min(15px, 4vw) min(4px,1.067vw);
        margin-left: min(8px, 2.133vw);
        position: relative;
        top: -1px;
    }

    #interview .interview-list .interview-item .slide-img .info-box .date {
        font-size: min(13px, 3.467vw);
        font-family: "Zen Kaku Gothic New", sans-serif;
    }

    #interview .interview-list {
        padding-top: min(73px, 19.467vw);
    }
    #interview .interview-list .interview-item{
        padding-bottom:min(75px, 20vw);
    }
    #interview .interview-list .interview-item .content .content-inner {
        padding: min(30px, 8vw) min(17.5px, 4.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner h2{
        font-size: min(20px, 5.333vw);
        padding-left: min(15px, 4vw);
        margin-bottom: min(29px, 7.733vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block {
        padding: min(40px, 10.667vw) min(15px, 4vw);
        border-radius: min(30px, 8vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .title{
        padding-top: min(38px, 10.133vw);
        font-size: min(18px, 4.8vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block.no-typing {
        margin-top: min(40px, 10.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block h3{
        font-size: min(18px, 4.8vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block h3{
        font-size: min(18px, 4.8vw);
        margin-bottom: 5px;
        line-height: 1.6;
        padding-top: 3px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .dots{
        width: min(16px, 4.267vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .compare:before {
        font-size: min(13px, 3.467vw);
        width: 90.322%;
        top: max(-75px, -20vw);
        padding: min(3px, 0.8vw) 0;
        right: min(11px, 2.933vw);
        transform: none;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule {
        margin-top: min(54px, 14.4vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .time {
        border-top-right-radius: 25px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child .time {
        border-top-left-radius: 25px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time{
        padding: min(9px, 2.4vw) 0 min(8px, 2.133vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time p {
        font-size: min(18px, 4.8vw);
    }
    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item {
        min-height: unset;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare h4 {
        font-size: min(13px, 3.467vw);
        margin-bottom: min(10px, 2.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare p{
        font-size: min(13px, 3.467vw);
        line-height: 1.6;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .compare .table-inner {
        padding: min(15px, 4vw) min(10px, 2.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item {
        margin-bottom: min(20px, 5.333vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child div:last-child {
        border-bottom-right-radius: 25px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child div:last-child {
        border-bottom-right-radius: 25px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item .time:after {
        bottom: -5px;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:before{
        height: calc(100% - min(19px, 5.067vw));
        top: min(37px, 9.867vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:last-child:before{
        height: calc(100% - min(39px, 10.4vw));
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:nth-child(2):before {
        right: 4px;
        text-indent: 10px;
        white-space: nowrap;
        transform: none;
    }

    #interview .interview-list .interview-item .content .content-inner .block .schedule .schedule-item:first-child div:nth-child(3):before {
      text-indent: 10px;
      white-space: nowrap;
    }

    #interview .interview-list .interview-item .img-list img{
        display: block;
        width: 100%;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart-wrap .scroll-click{
        width: min(153.5px, 40.933vw);
        height: min(100px, 26.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item p{
        font-size: min(14px, 3.733vw);
        height: min(125px, 33.333vw);
        padding: 0 min(15px, 4vw);
        width: min(250px, 66.667vw);
        align-items: center;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl{
        font-size: min(18px, 4.8vw);
        height: min(90px, 24vw);
        border-top-left-radius: min(30px, 8vw);
        padding: 0 0 0 min(25px, 6.667vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl span{
        font-size: min(14px, 3.733vw);
    }
    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item{
        width: 250px !important;
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart {
        width: min(1000px, 266.667vw);
        padding-top: min(73px, 19.467vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart-wrap{
        max-width: calc(100% - 30px);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item .ttl svg {
        width: min(41.3px, 11.013vw);
        height: min(40px, 10.667vw);
        top: max(-40px, -10.667vw);
        left: min(20px, 5.333vw);
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(3) .ttl{
        height: calc(min(90px, 24vw) + min(40px, 10.667vw));
    }

    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(2) .ttl{
        height: calc(min(90px, 24vw) + min(40px, 10.667vw) * 2);
    }
    #interview .interview-list .interview-item .content .content-inner .block .chart .chart-item:nth-child(1) .ttl{
        height: calc(min(90px, 24vw) + min(40px, 10.667vw) * 3);
    }
    #interview .people .inner .people-list .swiper-button-next:after, .swiper-button-prev:after {
        display: none;
    }

    #interview .people .inner .people-list  .swiper-button img{
        width: min(13px, 3.467vw);
    }

    #interview .people .inner .people-list .swiper-button-next{
        right: -10px;
    }
    #interview .people .inner .people-list .swiper-button-prev{
        left:0px;
    }
    #interview .people .inner .people-list .swiper-button-prev img{
        transform: rotate(178deg);
    }

    #interview .people .inner .people-list .swiper-button-next, #interview .people .inner .people-list .swiper-button-prev {
        top: 43%;
      background: none;
    }

    #interview .people .inner .people-list .swiper-pagination-bullet{
        background: #CCCCCC;
        width: min(8px, 2.133vw);
        height: min(8px, 2.133vw);
    }

    #interview .people .inner .people-list .swiper-pagination-bullet-active{
        width: min(12px, 3.2vw);
        height: min(12px, 3.2vw);
        background: #EB779E;
        position: relative;
        top: 2px;
    }

    #interview .people .inner .people-list .swiper-pagination-bullet{
        margin:0 min(10px, 2.667vw);
        opacity: 1;
    }

    #interview .people .inner .people-list .swiper-pagination-bullets{
        bottom: min(65px, 17.333vw);
    }
}

@media (min-width: 2000px) {
    #interview .interview-list .interview-item .slide-img .info-box{
        right: unset;
        left: 20%;
    }
}

/*@media(max-width: 350px){*/
/*  #interview p {*/
/*    font-size: 12px;*/
/*  }*/

/*  #interview .block02 .inner .merit .merit-list .merit-item .merit-item-inner p.text {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/










/*--------- #titlebannerpage-------- */

#banner-page img {
    width: 100%;
  }
  #banner-page {
    position: relative;
  }
  #banner-page .title-banner {
    position: absolute;
    left: 0px;
    bottom: -5px;
    width: 100%;
  }
  
  #banner-page .title-banner .inner-banner {
    max-width: min(90vw, 1200px);
    margin: auto;
    position: relative;
    z-index: 99;
  }
  
  #banner-page .title-banner .inner-banner::after {
    position: absolute;
    content: "";
    background: #F5F5F5;
    width: min(28.13vw, 540px);
    height: min(7.29vw, 140px);
    left: max(-3.13vw, -60px);
    top: max(-1.93vw, -37px);
    z-index: -1;
    border-top-right-radius: min(3.13vw, 60px);
    border-top-left-radius: min(3.13vw, 60px);
  }
  #banner-page  .mv-slider {
    padding: min(2.34vw, 45px) min(3.13vw, 60px) 0px min(3.13vw, 60px);
    background: #F5F5F5;
  }
  
  #banner-page  .mv-slide {
    border-radius: 40px;
    overflow: hidden;
  
  }
  
  #banner-page .futura-sb {
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  
  
  #banner-page .mv-title-jp {
    font-size: min(2.4vw, 46px);
    color: #2C4198;
    font-weight: 500;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #5E5F5F;
    line-height: min(3.91vw, 75px);
    padding-left: min(2.08vw, 40px);
  }
  #banner-page .mv-title-en {
    font-size: min(1.35vw, 26px);
    color: #2C4198;
    font-weight: 500;
    color: #EB779E;
    position: relative;
    padding-left: min(4.38vw, 84px);
    line-height: min(1.72vw, 33px);
  }
  
  #banner-page .mv-title-en::after {
    position: absolute;
    content: "";
    background: #C2C1C1;
    width: min(0.42vw, 8px);
    height: min(0.42vw, 8px);
    left: min(2.29vw, 44px);
    top: min(0.78vw, 15px);
    z-index: 9;
    border-radius: 50%
  }
  #banner-page .mv-title-en::before {
    position: absolute;
    content: "";
    background: #5E5F5F;
    width: min(0.42vw, 8px);
    height: min(0.42vw, 8px);
    left: min(3.23vw, 62px);
    top: min(0.78vw, 15px);
    z-index: 9;
    border-radius: 50%
  }
  
  
  
  @media (max-width: 768px) { 
  
    #banner-page .mv-title-jp {
        font-size: 27px;
        line-height: 19px;
        padding-left: 9px;
        letter-spacing: 0px;
    }
    #banner-page .mv-title-en {
        font-size: 16px;
        margin-top: 2px;
        letter-spacing: 0px;
        line-height: 33px;
        padding-left: 31px;
    }
    #banner-page .title-banner {
        position: absolute;
        left: 40px;
        bottom: 8px;
        top: unset;
        width: auto;
    }
  
    #banner-page .mv-slider {
        padding: 22px 15px 0px;
        background: #F5F5F5;
    } 
    #banner-page .mv-slide {
        border-radius: 20px;
        overflow: hidden;
    }
    #banner-page .title-banner .inner-banner::after {
        height: 75px;
        left: -40px;
        top: unset;
        z-index: -1;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        width: 270px;
        bottom: -10px;
    }
    #banner-page .mv-title-en::before {
        width: 4px;
        height: 4px;
        left: 21px;
        top: 14px;
    }
  
    #banner-page .mv-title-en::after {
        width: 4px;
        height: 4px;
        left: 10px;
        top: 14px;
  }
  
  
  }