.navigation {
    background:#FFF;
}
.navigation .nav-concepts a {
    background-image: url(../images/menu-item00.png);
}

.nreset-interview {
    background-color: #f0fcfa;
    line-height: 1.6;
    font-family: "A1 Mincho", "Shippori Mincho", 'Noto Serif JP', serif;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    margin:0px 0 0 0;
}

.nreset-interview {  line-height: 1.6; font-family: "A1 Mincho", "Shippori Mincho", 'Noto Serif JP', serif; font-size: 16px; overflow: hidden; position: relative; }
.nreset-interview::before, .nreset-interview::after { content: ""; position: absolute; top: 0; left: -50px; width: calc(50vw - 680px); height: 100%; z-index: 30; background: linear-gradient(90deg, #bee5e2 60%, rgba(190, 229, 226, 0) 100%); }
.nreset-interview::after { left: auto; right: -50px; background: linear-gradient(-90deg, #bee5e2 60%, rgba(190, 229, 226, 0) 100%); }

.kv-interview {  
    margin: 55px 0 0 0;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
position: relative;
box-shadow:0 5px 30px #5cb9b4; }
.kv-interview h1{
    background-color: #FFF;position: absolute; left: 0vw; top: 15vw;
    width: 55vw;
    text-align: right;
    padding: 1.8vw 2.5vw 1vw 0;
    transition-delay: 1.0s;
}
.kv-interview h1 img{  width: 37vw;  transition-duration: 2.0s;  }
.kv-txt{color: #FFF;
        border-left: 5px solid #5cb9b4;
    padding: 0 0 0px 10px;
    font-size:1.5vw;
    font-weight: 500;
    position: absolute;
    bottom:4vw;
    left: 15vw;
    text-align: left;
    text-shadow: 1px 1px 2px #333;
    transition-delay: 1.0s;
        }
.name-box{color: #666;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 1em;
    font-size:.7vw;
    position: absolute;
    bottom:4vw;
    right: 6vw;
    transition-delay: 1.0s;
        }


.kv-interview figure { width: 100%; max-width: 1620px; margin: auto; vertical-align:top;}
.kv-interview figure img{vertical-align:top;}



.interview{
    margin: 0 0 100px 0;
}


.set-box{
    width: 90%;
    max-width: 1020px;
    background-color: #FFF;
    margin: 50px auto;
    font-family: "Noto Sans JP", sans-serif;
}

.q-box,.a-box{
    background-image: url("../images/interview/q.svg");
    background-repeat: no-repeat;
    background-position: 21px center;
    background-size: 27px auto;
}
.a-box{
    background-image: url("../images/interview/a.svg");
    margin: 30px 0 0 0;
}
.q-box h3{
    border-left:1px solid #5cb9b4;
    margin: 0 15px 0 70px;
    font-size: 1.5em;
    line-height: 1.4em;
    padding: 15px 15px 15px 30px;
    color: #5cb9b4;
}

.a-box div{
    display: flex;
    border-left:1px solid #5cb9b4;
    margin: 0 15px 0 70px;
    font-size: 1.1em;
    padding: 0px 15px 15px 30px;
    line-height: 1.75em;
    font-weight: 300;
}
.a-box img{
    width: 40%;
    margin: 0 0 10px 30px;
}
.a-box span{
    font-size: 0.8em;
}


@media (max-width: 767px) {
.kv-interview{
    margin: 0 0 38vw 0;
}
.kv-interview h1{
    left: 0vw;
    top: auto;
    bottom:14vw;
    width: 85vw;
    padding: 3vw 5.5vw 0.6vw 0;
}
.kv-interview h1 img{  width: 70vw;}
.kv-txt{
    width: 90%;
    font-size:3.7vw;
    bottom:-31vw;
    left: 5vw;
    text-shadow:none;
    color: #333;
        }
.name-box{
    font-size:2.2vw;
    padding: 0.8em;
    background-color: rgba(255, 255, 255, 0.8);
    bottom:3vw;
    right: 6vw;
        }
    .space{
        width: 0.5em;
    }
    
    
.interview{
    margin: 0 0 70px 0;
}
.q-box,.a-box{
    background-position: 15px center;
    background-size: 22px auto;
}
.a-box{
    background-image: url("../images/interview/a.svg");
    background-position: 15px 15px;
    margin: 30px 0 0 0;
}
.q-box h3{
    margin: 0 15px 0 55px;
    font-size: 1.15em;
    line-height: 1.4em;
    padding: 15px 15px 15px 20px;
}
.a-box div{
  flex-direction: column;
    margin: 0 15px 0 55px;
    font-size: 1em;
    padding: 0px 15px 15px 20px;
    line-height: 1.75em;
}
.a-box img{
    width: 100%;
    margin: 15px 0 10px 0px;
}
    
    
    
    
    
    
    
    
    
}