@charset "UTF-8";
/* ====================================================================================================
■ research
==================================================================================================== */
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    /* researchSlide */
    .researchSlideWrap {
        width: 1056px;
        margin: 16px auto 0;
        padding: 40px 0 32px;
        box-sizing: border-box;
        overflow: hidden;
    } 
    .researchSlide.swiper-container {
        width: 100%;
        height: auto;
    }
    .researchSlide .slidePh {
        position: relative;
        width: 100%;
        max-height: 700px;
        height : -webkit-calc(100vh - 314px) ; /* -210px -(40+32)px -32px */
        height : calc(100vh - 314px) ; /* -210px -(40+32)px -32px */
        overflow: hidden;
    }
    .researchSlide .slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .researchSlide .typeHiroshima .slideCap {
        text-align: left;
    }
    .researchSlide .typeKitahiroshima .slideCap {
        text-align: right;
    }
    .researchSlide .slideCap {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        background: #fff;
    }
    .researchSlide .capSpotEn {
        position: absolute;
        top: -40px;
        font-size: 24px;
        color: #EC1234;
        line-height: 1;
    }
    .researchSlide .capTxt {
        position: absolute;
        bottom: -32px;
        font-size: 14px;
        line-height: 1;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) {
    /* researchSlide */
    .researchSlideWrap {
        width: 100%;
        margin: 12vw auto 0;
        padding: 8vw 0 8vw;
        box-sizing: border-box;
        overflow: hidden;
    } 
    .researchSlide.swiper-container {
        width: 100%;
        height: auto;
    }
    .researchSlide .slidePh {
        position: relative;
        width: 100%;
        height: 66.6666vw;
        overflow: hidden;
    }
    .researchSlide .slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .researchSlide .typeHiroshima .slideCap {
        text-align: left;
    }
    .researchSlide .typeKitahiroshima .slideCap {
        text-align: right;
    }
    .researchSlide .slideCap {
        width: 100%;
        padding: 0 4vw;
        box-sizing: border-box;
        background: #fff;
    }
    .researchSlide .capSpotEn {
        position: absolute;
        top: -8vw; /* -30px */
        font-size: 4.8vw;
        color: #EC1234;
        line-height: 1;
    }
    .researchSlide .capTxt {
        position: absolute;
        bottom: -8vw; /* -30px */
        font-size: 3.2vw;
        line-height: 1;
    }
}