@media screen and (max-width:768px){
    .wood,.wood1,.wood2,.wave,.wave1,.wave2,.leaf,.leaf1,.leaf2,.house {
        display: none;
    }
    .interview-upper {
        padding: 4vw 0 0 0;
    }
    .interview-lower {
        background: #FFFFFF;
        padding: 8vw 0 8vw 0;
    }
    .interview-inner {
        max-width: 100%;
        text-align: center;
    }
    .interview-header .bg img {
        width: 95%;
    }
    .interview-header .bg .text {
        top: 18%;
        left: 50%;
        transform: translate(-50%,0);
        width: 67%;
    }
    .interview-header .bg .text h3 {
        display: block;
        padding: 1.067vw 1.867vw 1.067vw 2.667vw;
        font-size: 8.533vw;
        letter-spacing: 1.333vw;
        background: rgba(255,255,255,0.8);
    }
    .interview-header .bg .text p {
        margin-left: 0;
        padding: 1.333vw 0 1.333vw 1.333vw;
        font-size: 4.267vw;
        letter-spacing: 0.667vw;
        line-height: 1.4;
        background: rgba(0,0,0,0.8);
    }
    .interview-header .lead {
        margin: 8vw auto;
        width: 88.8888%;
        text-align: left;
    }
    .interview-header .lead p {
        font-size: 16px;
        letter-spacing: 0.533vw;
    }


    .section1 .interview-wrap {
        padding: 4vw 0 8vw 0;
    }
    .interview-wrap .interview-box .photo img:nth-of-type(1) {
        width: 100%;
        height: auto;
    }
    .interview-wrap .interview-box .text {
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0;
    }
    .interview-wrap .interview-box .text h4 {
        display: block;
        width: 100%;
        padding: 2.667vw 2.667vw 2.667vw 2.667vw;
        font-size: 3.2vw;
        letter-spacing: 0.933vw;
        line-height: 1.6;
        background: #FFF;
    }
    .interview-wrap .interview-box .text .profile {
        width: 100%;
        padding: 2.667vw 2.667vw 2.667vw 2.667vw;
        letter-spacing: 0.933vw;
    }
    .interview-wrap .interview-box .text .profile .year {
        font-size: 2vw;
        font-weight: bold;
    }
    .interview-wrap .interview-box .text .profile .names {
        margin: 1.867vw 0 4vw 0;
    }
    .interview-wrap .interview-box .text .profile .name {
        font-size: 3.067vw;
        font-weight: bold;
    }
    .interview-wrap .interview-box .text .profile .age {
        font-size: 2.133vw;
        font-weight: bold;
    }
    .interview-wrap .interview-box .text .profile .kana {
        display: block;
        margin-top: 1.333vw;
        font-size: 1.867vw;
        font-weight: bold;
        letter-spacing: 0.267vw;
    }
    .interview-wrap .interview-box .text .profile .position {
        font-size: 2.4vw;
        font-weight: bold;
    }

    .interview-lead {
        max-width: 90%;
        margin: 0 auto;
        padding: 6.667vw 0;
    }
    .interview-lead h4 {
        margin-bottom: 4vw;
        font-size: 4.267vw;
        font-weight: bold;
        line-height: 1.6;
        letter-spacing: 0.533vw;
    }
    .interview-lead p {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 0.133vw;
        text-align: left;
    }

    .interview-dual-box {
        width: 90%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        margin: 0 auto;
    }
    
    .interview-dual-box .text .sentence {
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0.267vw;
    }
    
    .interview-challenge .interview-dual-box .photo {
        width: 100%;
    }
    
    .interview-challenge .interview-dual-box .text {
        width: 100%;
        padding: 0 0 0 0;
    }

    .interview-challenge .interview-dual-box .text .title {
        position: relative;
        background: #FAF3DA;
        margin-left: 0;
        padding: 4vw 0px 4vw 0;
        z-index: 1;
    }
    
    .interview-challenge .interview-dual-box .text .title p {
        font-size: 4.267vw;
        font-weight: bold;
        letter-spacing: 0.533vw;
    }
    
    .interview-challenge .interview-dual-box .text .title p span {
        font-size: 5.4vw;
        font-weight: bold;
    }
    
    .section1 .interview-challenge .interview-dual-box .text .title {
        position: relative;
    }
    .interview-challenge .interview-dual-box .text .sentence {
        text-align: left;
    }
    .section1 .interview-challenge .photo {
        width: 100%;
    }
    .section2 .interview-challenge .photo {
        width: 100%;
    }
    .section1 .interview-challenge .photo img {
        width: 100%;
    }
    .section2 .interview-challenge .photo img {
        width: 100%;
    }

    .interview-merit {
        width: 88.8888%;
        margin: 4vw auto;
    }

    .interview-merit img {
        width: 100%;
        margin: 4vw auto;
    }

    .interview-lead2 {
        width: 88.8888%;
        margin: 0 auto 4vw auto;
    }

    .interview-lead2 h4 {
        margin-bottom: 4vw;
        font-size: 4.267vw;
    }
    
    .interview-lead2 p {
        text-align: left;
        font-size: 14px;
    }



    .interview-staggered-wrap {
        width: 88.8888%;
    }

    .interview-staggered-box {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .interview-staggered-box .text {
        width: 100%;
    }

    .interview-staggered-box .title p {
        padding: 4vw;
        font-size: 4.267vw;
        font-weight: bold;
        line-height: 1.2;
    }
    
    .interview-staggered-box .sentence {
        position: absolute;
        bottom: 0;
        padding: 2.667vw 2.667vw 2.667vw 2.667vw;
        font-size: 14px;
        line-height: 1.6;
        text-align: left;
    }
    
    .interview-staggered-box .photo {
        width: 100%;
    }
    
    .interview-staggered-box .photo img {
        width: 100%;
    }

    .interview-dual-box2 {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
        width: 88.8888%;
        margin: 8vw auto 0 auto;
    }

    .interview-dual-box2 .photo {
        width: 100%;
        padding-right: 0;
    }
    
    .interview-dual-box2 .text {
        width: 100%;
    }

    .interview-dual-box2 .text .title {
        position: relative;
        top: 0px;
        right: 0;
        width: 100%;
        margin-bottom: 4vw;
        text-align: center;
    }

    .interview-dual-box2 .text .title p {
        font-size: 4.267vw;
        font-weight: bold;
        letter-spacing: 4px;
        transform: rotate(0);
    }

    .section2 .interview-challenge .interview-dual-box .text .title {
        padding: 4vw 0;
    }

    .section2 .interview-rewarding {
        width: 100%;
    }

    .section2 .interview-lead2 {
        margin-top: 0;
        margin-bottom: 4vw;
    }

    .section2 .interview-dual-box2 {
        margin: 8vw auto 0 auto;
    }

    .section2 .interview-dual-box2 .text .title {
        top: 0;
        margin-top: 6.5vw;
    }

    .interview-dual-box2 .text .sentence p {
        text-align: left;
    }
}

@media screen and (max-width:991px){
    .interview-contact {
        padding: 12vw 0 8vw 0;
        background: #faf3da;
    }
    .interview-contact h4 {
        text-align: center;
        font-size: 4.267vw;
        font-weight: 700;
        letter-spacing: .533vw;
        margin-bottom: 4vw;
    }
    .interview-contact .interview-contact-inner {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 88.8888%;
        max-width: 1200px;
    }
    .interview-contact .interview-contact-flow h5 {
        margin-bottom: 4vw;
        font-weight: 700;
        font-size: 3.2vw;
        letter-spacing: .933vw;
        text-align: center;
    }
    .interview-contact .interview-contact-flow {
        margin-bottom: 0;
        padding: 10vw 0 6vw 0;
        border-top: 3px solid #45703d;
    }
    .interview-contact .interview-contact-flow ul {
        display: block;
    }
    .interview-contact .interview-contact-flow li {
        margin-bottom: 8vw;
    }
    .interview-contact .interview-contact-flow li:after {
        content: "";
        position: absolute;
        right: calc(50% - 15px);
        top: inherit;
        bottom: calc(-4vw - 7.5px);
        transform: translate(-50%, 0);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 13.0px 7.5px 0 7.5px;
        border-color: #45703d transparent transparent transparent;
    }

    .interview-contact .interview-contact-flow li:last-of-type::after {
        display: none;
    }

    .interview-contact .interview-contact-form h5 {
        margin-bottom: 0;
        font-weight: 700;
        font-size: 3.2vw;
        letter-spacing: .933vw;
        text-align: center;
    }
}