.areaMainChild {
    margin-bottom: 139px;
}

.wrapVision .iframeVison .boxVision .contentVision {
    margin-bottom: 0;
}

.areaArchive {
    margin-bottom: 204px;
}

.areaArchive .inner {
    max-width: 1840px;
}

.areaArchive .wrapVision .iframeVison {
    flex-direction: row-reverse;
    margin-bottom: 140px;
}

.areaArchive .wrapVision .iframeVison:last-child {
    margin-bottom: 0;
}

.areaArchive .wrapVision .iframeVison:nth-child(2n) {
    flex-direction: row;
}

.areaArchive .wrapVision .iframeVison .boxVision {
    width: 450px;
    padding: 57px 40px 0px 0;
}

.areaArchive .wrapVision .iframeVison:nth-child(2n) .boxVision {
    padding: 91px 40px 0px 0;
}

.areaArchive .wrapVision .iframeVison .boxVision .contentVision .titleVision {
    margin-bottom: 30px;
}

.areaArchive .wrapVision .iframeVison .boxVision .contentVision .txtVision {
    line-height: 1.95;
    letter-spacing: 0;
}

.areaArchive .wrapVision .iframeVison .wrapVisionPhoto {
    width: calc(100% - 549px);
}

.areaArchive .wrapVision .iframeVison:nth-child(2n) .wrapVisionPhoto {
    width: calc(100% - 499px);
}

.areaArchive .wrapVision .iframeVison .wrapVisionPhoto .mainVisionPhoto {
    margin-right: 31px;
}

.areaArchive .wrapVision .iframeVison .wrapVisionPhoto .mainVisionPhoto:last-child {
    margin-right: 0;
}

.areaArchive .wrapVision .iframeVison .wrapVisionPhoto .mainVisionPhoto img {
    aspect-ratio: 600 / 800;
}

.areaArchive .wrapVision .iframeVison:nth-child(2n) .wrapVisionPhoto .mainVisionPhoto img {
    aspect-ratio: 1280 / 875;
}

/* areaInterview */
.areaInterview {
    background: #F4F4F4;
    padding: 190px 0 198px;
}

.areaInterview .inner {
    max-width: 1702px;
}

.areaInterview .wrapInterview {}

.areaInterview .wrapInterview .titleInterview {
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 1.2px;
    margin-bottom: 60px;
    line-height: 1.8;
}

.areaInterview .wrapInterview .listInterview {
    display: flex;
    justify-content: space-between;
}

.areaInterview .wrapInterview .listInterview li {
    width: 46.9%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.areaInterview .wrapInterview .listInterview li .interviewPhoto {
    width: 39%;
}

.areaInterview .wrapInterview .listInterview li .interviewPhoto img {
    aspect-ratio: 300/400;
    width: 80%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.areaInterview .wrapInterview .listInterview li .boxInterview {
    width: 64.7%;
    margin-top: -11px;
}

.areaInterview .wrapInterview .listInterview li .boxInterview .titleItemInter {
    font-size: 25px;
    letter-spacing: 1.2px;
    margin-bottom: 33px;
    line-height: 1.8;
    font-weight: normal;
}

.areaInterview .wrapInterview .listInterview li .boxInterview .txtItemInter {
    font-size: 18px;
    line-height: 1.67;
    letter-spacing: 0.4px;
    text-align: justify;
}

.ftPhoto {
    margin-top: 0;
}

@media (max-width: 1300px) and (min-width: 769px) {
    .areaInterview .wrapInterview .listInterview li {
        width: 47.9%;
    }
}

@media (max-width: 1280px) and (min-width: 769px) {
    .areaInterview .wrapInterview .listInterview li {
        flex-direction: column;
        width: 46.9%;
    }

    .areaInterview .wrapInterview .listInterview li .interviewPhoto {
        margin: 0 auto 30px;
        min-width: 220px;
    }

    .areaInterview .wrapInterview .listInterview li .boxInterview {
        width: 100%;
        margin-top: 0;
    }

    .areaInterview .wrapInterview .listInterview li .boxInterview .titleItemInter {
        margin-bottom: 15px;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    .areaMainChild {
        margin-bottom: 11.5vw;
    }

    .areaArchive {
        margin-bottom: 15vw;
    }

    .areaArchive .wrapVision .iframeVison {
        margin-bottom: 11.5vw;
    }

    .areaArchive .wrapVision .iframeVison .wrapVisionPhoto .mainVisionPhoto {
        margin-right: 3vw;
    }

    .areaArchive .wrapVision .iframeVison .boxVision {
        padding: 0;
        width: clamp(368px, 37vw, 456px);
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) .boxVision {
        padding: 0;
    }

    .areaInterview {
        padding: 15vw 0;
    }
}

@media (max-width: 1000px) and (min-width: 769px) {
    .areaArchive .wrapVision .iframeVison {
        flex-direction: column-reverse;
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .areaArchive .wrapVision .iframeVison .wrapVisionPhoto {
        width: 100%;
        margin-bottom: 20px;
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) .wrapVisionPhoto {
        width: 100%;
    }

    .areaArchive .wrapVision .iframeVison .boxVision {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .areaMainChild {
        margin-bottom: clamp(39px, 10.4vw, 55px);
        margin-top: 9px;
    }

    .wrapMainChild .mainChildPhoto {
        margin-bottom: clamp(34px, 8.6vw, 45px);
    }

    .wrapMainChild .boxMainChild .titleMainChild {
        margin-bottom: clamp(14px, 3.3vw, 20px);
    }

    .wrapMainChild .boxMainChild .txtMainChild {
        line-height: 1.85;
    }

    .wrapVision .iframeVison .boxVision .contentVision {
        padding: 0 0% 0 14.1%;
    }

    .areaArchive {
        margin-bottom: clamp(51px, 10.6vw, 55px);
    }

    .areaArchive .inner {
        padding: 0;
    }

    .areaArchive .wrapVision .iframeVison {
        flex-direction: column-reverse;
        margin-bottom: clamp(42px, 10.6vw, 55px);
        padding: 0 15.6% 0 0;
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) {
        flex-direction: column-reverse;
        padding: 0 0 0 11.9%;
    }

    .areaArchive .wrapVision .iframeVison .boxVision {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) .boxVision {
        padding: 0;
    }

    .areaArchive .wrapVision .iframeVison:nth-child(2n) .boxVision .contentVision {
        padding: 0 11.9% 0 0;
    }

    .areaArchive .wrapVision .iframeVison .wrapVisionPhoto,
    .areaArchive .wrapVision .iframeVison:nth-child(2n) .wrapVisionPhoto {
        width: 100%;
        margin-bottom: clamp(42px, 10.6vw, 60px);
    }

    .areaArchive .wrapVision .iframeVison .boxVision .contentVision .titleVision {
        margin-bottom: clamp(6px, 1.2vw, 18px);
    }

    .areaArchive .wrapVision .iframeVison .boxVision .contentVision .txtVision {
        line-height: 1.85;
    }

    .areaArchive .wrapVision .iframeVison .wrapVisionPhoto .mainVisionPhoto {
        margin-right: 4.7%;
    }

    .areaInterview {
        padding: clamp(50px, 12.8vw, 65px) 0 clamp(67px, 17vw, 80px);
    }

    .areaInterview .inner {
        padding: 0 14.3%;
    }

    .areaInterview .wrapInterview .titleInterview {
        font-size: clamp(20px, 5vw, 26px);
        text-align: center;
        margin-bottom: clamp(38px, 9.5vw, 45px);
    }

    .areaInterview .wrapInterview .listInterview {
        flex-direction: column;
    }

    .areaInterview .wrapInterview .listInterview li {
        width: 100%;
        margin-bottom: clamp(57px, 14.4vw, 70px);
        flex-direction: column;
    }

    .areaInterview .wrapInterview .listInterview li:last-child {
        margin-bottom: 0;
    }

    .areaInterview .wrapInterview .listInterview li .boxInterview {
        width: 100%;
        margin: 0;
    }

    .areaInterview .wrapInterview .listInterview li .interviewPhoto {
        margin: 0 auto clamp(39px, 9.9vw, 45px);
        width: clamp(199px, 50.8vw, 270px);
        margin-right: 20px;
    }

    .areaInterview .wrapInterview .listInterview li .boxInterview .titleItemInter {
        font-size: clamp(15px, 3.8vw, 19px);
        letter-spacing: 0.6px;
        margin-bottom: clamp(24px, 5.9vw, 32px);
    }

    .areaInterview .wrapInterview .listInterview li .boxInterview .txtItemInter {
        font-size: clamp(14px, 3.5vw, 18px);
        line-height: 1.84;
    }
    
    .hamburger span{
          background: #000;
      }
}

/* iPad mini & iPad 11インチ向け */
@media (min-width: 768px) and (max-width: 1194px) {
  .areaInterview .wrapInterview .listInterview li {
    justify-content: flex-start; /* space-between を解除 */
  }
}