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



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

クイックリンク

****************************************************************************************************/
.quickLink__item.-item1{ float: left; }
.quickLink__item.-item2{ float: right; }
.quickLink__item.-item3{ float: left; }
.quickLink__item.-item4{ float: right; }
/****************************************************************************************************

ボックス

****************************************************************************************************/
.box.-type1{
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FDF0E4;
}
@media print, screen and (min-width:737px){
.box.-type1{
    margin-bottom: 20px;
    padding: 20px;
}
}
/****************************************************************************************************

about

****************************************************************************************************/
.aboutLayout{
    margin-bottom: 20px;
    position: relative;
}
@media print, screen and (min-width:769px){
.aboutLayout{
    margin-bottom: 40px;
}
}

.aboutLayoutCol.-col1{ margin-bottom: 20px; }
.aboutLayoutCol.-col2{ }
@media print, screen and (min-width:769px){
.aboutLayoutCol.-col1{
    float: left;
    margin-bottom: 0;
    width: calc( 630 / 980 * 100% )
}

.aboutLayoutCol.-col2{
    float: right;
    width: calc( 290 / 980 * 100% )
}
}

.about__img{
}
@media print, screen and (min-width:769px){
.about__img{
    margin-left: calc( -340 / 630 * 100% );
    width: calc( 964 / 630 * 100% );
}
    .about__img img{
        max-width: none;
        width: 100%;
    }
}



/****************************************************************************************************

startup

****************************************************************************************************/
/*--------------------------------------------------
写真2枚組
中央に2つのヘックス
--------------------------------------------------*/
.startup__photo.-type2{ position: relative; }
.startup__photo.-type2.-r{}
.startup__photo.-type2.-l{}
    .startup__photo.-type2::before{
        content: '';
        position: absolute;
        top: 0;
        margin-top: calc( 140 / 550 * 100% );
        background-repeat: no-repeat;
        background-size: contain;
    }

        .startup__photo.-type2.-r::before{
            left: calc( 120 / 550 * 100% );
            background-image: url(../../common/images/innovation/photo2_r_hex_bg.png);
            width: calc( 355 / 550 * 100% );
            height: 308px;
        }

        .startup__photo.-type2.-l::before{
            left: calc( 90 / 550 * 100% );
            background-image: url(../../common/images/innovation/photo2_l_hex_bg.png);
            width: calc( 370 / 550 * 100% );
            height: 303px;
        }

.startup__photo.-type2 .startup__photoInner{ position: relative; }

    .startup__photo.-type2.-r .startup__photoBlock.-set1{
        margin-bottom: 10px;
        width: calc( 320 / 550 * 100% );
    }
@media print, screen and (min-width:737px){
    .startup__photo.-type2.-r .startup__photoBlock.-set1{
        margin-bottom: calc( 30 / 550 * 100% );
    }
}

    .startup__photo.-type2.-r .startup__photoBlock.-set2{
        width: calc( 300 / 550 * 100% );
    }

    .startup__photo.-type2.-l .startup__photoBlock.-set1{
        margin-bottom: 10px;
        width: calc( 320 / 530 * 100% );
    }
@media print, screen and (min-width:737px){
    .startup__photo.-type2.-l .startup__photoBlock.-set1{
        margin-bottom: calc( 30 / 530 * 100% );
    }
}

    .startup__photo.-type2.-l .startup__photoBlock.-set2{
        width: calc( 300 / 530 * 100% );
    }

    .startup__photo.-type2.-r .startup__photoBlock.-set1{ float: right; }
    .startup__photo.-type2.-r .startup__photoBlock.-set2{ clear: both; }

    .startup__photo.-type2.-l .startup__photoBlock.-set1{ }
    .startup__photo.-type2.-l .startup__photoBlock.-set2{ float: right; }


/****************************************************************************************************

入居企業・研究室紹介

****************************************************************************************************/
.infoList{
    display: flex;
    flex-wrap: wrap;
}
@media print, screen and (min-width:737px){
}

.infoList__item{
    position: relative;
    margin: 0 5px 10px;
    padding: 5px 0 0 20px;
    width: calc( 50% - 10px );
}
@media print, screen and (min-width:737px){
.infoList__item{
    margin-right: 0;
    margin-left: calc( 40 / 980 * 100% );
    margin-bottom: calc( 40 / 980 * 100% );
    padding: 30px 0 0 30px;
    width: calc( 300 / 980 * 100% );
}
    .infoList__item:first-child{ margin-left: 0; }
    .infoList__item:nth-child(3n+1){ margin-left: 0; }
}


    .infoList__item::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: calc( 150px / 2 );
        height: calc( 120px / 2 );
        background-repeat: no-repeat;
        background-image: url(../images/index/info/hex.png);
        background-size: contain;
    }
@media print, screen and (min-width:737px){
    .infoList__item::before{
        width: 150px;
        height: 120px;
    }
}


.infoList__main{
    position: relative;
}

.infoList__text{
    font-size: 1.0rem;
}
@media print, screen and (min-width:737px){
.infoList__text{
    font-size: 1.4rem;
}
}

.infoTable{
}
.infoTableCol.-col1{ width: 50%; }
.infoTableCol.-col2{ width: 50%; }

.infoTable th{
    text-align: left;
}
/****************************************************************************************************

お問い合わせ

****************************************************************************************************/
.contact{
}

@media print, screen and (min-width:737px){
.contact__mainInner{
}
}

.contact__list{
}

.contact__list li{
    display: inline-block;
}