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



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

sfinx

****************************************************************************************************/
/*----------------------------------------------------------------------------------------------------
写真
中央に2つのヘックス
----------------------------------------------------------------------------------------------------*/
.sfinxPhoto{
}

.sfinxPhoto{ position: relative; }
.sfinxPhoto.-r{}
.sfinxPhoto.-l{}
    .sfinxPhoto::before{
        content: '';
        position: absolute;
        left: calc( 140 / 580 * 100% );
        bottom: calc( 150 / 560 * 100% );
        width: calc( 340 / 580 * 100% );
        height: calc( 290 / 560 * 100% );
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(../images/sfinx/hex.png);
    }
@media print, screen and (min-width:737px){
    .sfinxPhoto::before{
        bottom: 30px;
        height: 380px;
    }
}


.sfinxPhoto__inner{ position: relative; }


    .sfinxPhoto__block.-set1{
        margin-bottom: calc( 20 / 580 * 100% );
        width: calc( 320 / 580 * 100% );
    }
    .sfinxPhoto__block.-set2{
        float: right;
        width: calc( 300 / 580 * 100% );
    }
    .sfinxPhoto__block.-set3{
        float: right;
        margin-top: calc( 40 / 580 * 100% );
        margin-right: calc( 20 / 580 * 100% );
        width: calc( 200 / 580 * 100% );
    }
/*----------------------------------------------------------------------------------------------------
過去のSFinX受賞結果
----------------------------------------------------------------------------------------------------*/
.sfinx__pastBlock{
}
@media print, screen and (min-width:737px){
.sfinx__pastBlock{
    margin-top: calc( 140 / 360 * 100% );
}
}
/*----------------------------------------------------------------------------------------------------
メンバーの名前
----------------------------------------------------------------------------------------------------*/
.sfinxAward__member{
    width: 240px;
}
.sfinxAward__member.-w372{ width: 280px; }
@media print, screen and (min-width:737px){
.sfinxAward__member{
    width: auto;
}
.sfinxAward__member.-w300{ width: 300px; }
.sfinxAward__member.-w320{ width: 320px; }
.sfinxAward__member.-w372{ width: 372px; }
}