@charset "UTF-8";

#interviewee{
    width:1000px;
    margin:0 auto 50px auto;
    font-family: 'Noto Sans JP', 'Jost', 'Noto Sans', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1.5;
    font-size: 16px;
}

.leadStr{
    width:720px;
    margin:0 auto 0 auto;
    text-align:center;
    position:relative;
}
.leadStr .tx01{
    font-size:30px;
    font-weight:400;
    color:#333;
    line-height:1.7;
    padding:32px 0;
    border-top:1px solid #F61A63;
    border-bottom:1px solid #F61A63;
}
.leadStr .ap1,.leadStr .ap2{
    display:block;
    height:40px;
    width:auto;
    font-size:40px;
    line-height:1;
    font-weight:550;
    color:#F61A63;
    background-color:#fff;
    position:absolute;
}
.leadStr .ap1{
    top:-13px;
    left:0;
    padding-right:2px;
}
.leadStr .ap2{
    bottom:-26px;
    right:0;
    padding-left:2px;
}


#interviewee .ttlBox{
    width:1000px;
    height:320px;
    text-align:center;
    margin:0 auto;
    background: url("../_img_bg/bg_special.png") no-repeat;
    background-size: contain;
}
.ttlBox .ttl01{
    font-family: Jost, sans-serif;
    font-size:45px;
    color:#F61A63;
    font-weight:800;
    margin:0 0 20px 0;
    padding:70px 0 0 0;
    line-height:1;
}
#interviewee .ttl01 span{
    display:block;
    font-size:16px;
    font-weight:600;
    line-height:1;
    padding-top:1em;
    font-family: 'Noto Sans JP', sans-serif;
}
#interviewee .ttl02{
    font-size:50px;
    font-weight:700;
    text-align:center;
}
#interviewee .ttl02 span{
    display:block;
    font-family: Jost, sans-serif;
    font-size:16px;
    font-weight:600;
    text-align:center;
    color:#777;
}

.YTmovie{
    width:720px;
    margin:5px auto 120px auto;
}
.YTmovie .ttl03{
    font-size:16px;
    font-weight:400;
    color:#333;
    text-align:center;
    line-height:1.8;
    margin-bottom:40px;
    font-family: 'Noto Sans JP', sans-serif;
}
.mvThumb{
    width:720px;
    height:405px;
    position: relative;
    background: white;
    cursor:pointer;
    opacity:1;
    transition: 0.3s ease;
}
.mvThumb img{
    width:100%;
}
.mvThumb:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #fb7aed 0%, #f51a63 120% );
    transform: translate3d(15px, 15px, 0) scale(1);
    filter: blur(0px);
    opacity: var(0.5);
    transition: opacity 0.3s;
    border-radius: inherit;
}
.mvThumb::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}
.mvThumb .playIcon{
    width:177px;
    height:auto;
    position:absolute;
    top:145px;
    left:273px;
    /* opacity:0.9; */
}
.mvThumb:hover {
    opacity:0.7;
    transition: 0.3s ease;
    cursor:pointer;
}

.whatSaid{
    width:720px;
    margin:0 auto 0 auto;
}
.whatSaid .ttl04{
    font-size:28px;
    padding-bottom:0.5em;
    margin-bottom:0.7em;
    border-bottom:1px solid #F61A63;
}
.whatSaid .sentence{
    font-size:16px;
    line-height:1.8;
    color:#333;
    margin-bottom:80px;
}
.whatSaid .sentence img{
    width:100%;
    display:block;
    margin-top:33px;
}
.whatSaid .clause{
    font-size:16px;
    line-height:1.8;
    color:#333;
    margin-bottom:1em;
}
.profileAS{
    width:100%;
    box-sizing: border-box;
    background-color:#FAEAF0;
    border-left:8px solid #F61A63;
    display: flex;
    justify-content: left; 
    padding:40px 32px;
}
.profileAS .left{
    padding-right:40px;
}
.profileAS .ttl05{
    font-size:39px;
    font-family: Jost, sans-serif;
    font-weight:800;
    line-height:57px;
}
.profileAS .ttl06{
    font-size:30px;
    font-weight:700;
    color:#333333;
    line-height:57px;
}
.profileAS .kana{
    font-size:14px;
    font-weight:500;
    color:#666;
    margin-top:-7px;
}
.profileAS .career{
    list-style-type: none;
    margin-top:32px;
}
.profileAS .career li{
    font-size:16px;
     color:#333333;
     font-weight:400;
     line-height:1.6;
}
.toSpecialTop{
    font-size:18px;
    text-align:center;
    margin-top:50px;
}
.toSpecialTop a{
    font-size:18px;
    color:#000;
    font-family: Jost, sans-serif;
    font-weight:700;
}



/* --- フェードイン --- */
.fdinBlock {
    opacity: 0;
    transition: opacity 1s;
    transform: translateY(10px);
    transition: opacity 1s, transform 2s;
}
.block-fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
/* --- aタグ --- */
#interviewee a:link {
    color: #000;
    text-decoration: none;
    outline:none;
    opacity:1;
    transition: 0.4s ease-in-out;
}
#interviewee a:visited {color: #000;text-decoration: none;outline:none;}
#interviewee a:hover {
    color: #000;
    text-decoration: none;
    outline:none;
    opacity:0.6;
    transition: 0.2s ease-in-out;
    cursor:pointer;
}
#interviewee a:active {color: #000;text-decoration: none;outline:none;}



/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){
    #interviewee{
        width:96vw;
        margin:0 auto 11vw auto;
        line-height: 1.5;
        font-size: 4.3vw;
        overflow:hidden;
    }

    .leadStr{
        width:90vw;
        margin-top:2vw;
    }
    .leadStr .tx01{
        font-size:4.3vw;
        padding:1em 0;
    }
    .leadStr .ap1,.leadStr .ap2{
        height:6vw;
        width:auto;
        font-size:8vw;
        line-height:1;
        background-color:#fff;
    }
    .leadStr .ap1{
        top:-2.7vw;
        left:0;
        padding-right:1px;
    }
    .leadStr .ap2{
        bottom:-3vw;
        right:0;
        padding-left:1px;
    }

    #interviewee .ttlBox{
        width:100%;
        height:auto;
        background-position: center 13vw;
        padding-bottom:8.5vw;
    }
    .ttlBox .ttl01{
        font-size:6.2vw;
        margin:0 0 3vw 0;
        padding:8vw 0 0 0;
    }
    #interviewee .ttl01 span{
        font-size:3.2vw;
        padding-top:0.7em;
    }
    #interviewee .ttl02{
        font-size:7.5vw;
    }
    #interviewee .ttl02 span{
        display:block;
        font-size:3.2vw;
    }
    
    .YTmovie{
        width:100%;
        margin:0 auto 23vw auto;
    }
    .YTmovie .ttl03{
        font-size:3.8vw;
        margin-bottom:7vw;
    }
    .mvThumb{
        width:94vw;
        height:53vw;
        cursor:default;
    }

    .mvThumb:before {
        transform: translate3d(2vw, 2vw, 0) scale(1);
    }
    .mvThumb .playIcon{
        width:23vw;
        height:auto;
        position:absolute;
        top:18vw;
        left:35vw;
        opacity:0.9;
    }
    .whatSaid{
        width:94vw;
        margin:0 auto;
    }
    .whatSaid .ttl04{
        font-size:5.5vw;
    }
    .whatSaid .sentence{
        font-size:3.9vw;
        margin-bottom:21vw;
    }
    .whatSaid .sentence img{
        width:100%;
        display:block;
        margin-top:10vw;
    }
    .whatSaid .clause{
        font-size:3.9vw;
    }
    .profileAS{
        width:100%;
        display: block;
        padding:3vw 0;
    }
    .profileAS .left{
        padding-right:0;
        margin-bottom:8vw;
    }
    .profileAS .ttl05{
        font-size:10vw;
        line-height:1.5;
        padding-left:4vw;
    }
    .profileAS .right{
        padding:0 0 8vw 10vw;
    }
    .profileAS .ttl06{
        font-size:8vw;
        line-height:1.4;
    }
    .profileAS .en{
        font-size:3.2vw;
        margin-top:0;
    }
    .profileAS .career{
        margin-top:8.5vw;
    }
    .profileAS .career li{
        font-size:4.3vw;
        line-height:1.6;
    }
    .toSpecialTop{
        font-size:4.6vw;
        text-align:center;
        margin-top:10vw;
    }
    .toSpecialTop a{
        font-size:4.6vw;
    }

}/* スマホ */