@charset "utf-8";
/****************************************************************************************************

共通

****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************

写真

****************************************************************************************************/
/*--------------------------------------------------
写真1枚
下にヘックスのあしらい
activities
--------------------------------------------------*/
.innovPhoto{
    position: relative;
    text-align: center;
}
@media print, screen and (min-width:737px){
    .innovPhoto.-r{ text-align: right; }
    .innovPhoto.-l{ text-align: left; }
}


.innovPhoto .innovPhoto__inner{
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
    .innovPhoto.-r .innovPhoto__inner{ padding-left: 20px; }
    .innovPhoto.-l .innovPhoto__inner{ padding-right: 20px; }
@media print, screen and (min-width:737px){
    .innovPhoto.-r .innovPhoto__inner{
        padding-left: 0;
        width: calc( 320 / 400 * 100% );
    }
    .innovPhoto.-l .innovPhoto__inner{
        display: block;
        padding-right: 0;
    }
    .innovPhoto.-l .innovPhoto__inner img{
        width: calc( 320 / 400 * 100% );
    }
}

    .innovPhoto .innovPhoto__inner::before{
        content: '';
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain;
        background-image: url(../../common/images/innovation/photo3_hex_bg.png);
        height: 204px;
    }
        .innovPhoto.-r .innovPhoto__inner::before{
            left: 0;
            width: calc( 240 / 320 * 100% );
        }
        .innovPhoto.-l .innovPhoto__inner::before{
            right: 0;
            width: calc( 240 / 400 * 100% );
        }
@media print, screen and (min-width:737px){
    .innovPhoto.-r .innovPhoto__inner::before{ left: -80px; }
    .innovPhoto.-l .innovPhoto__inner::before{ right: 0; }
}

    .innovPhoto .innovPhoto__img{ position: relative; }