@charset "UTF-8";
.space__gallery{
    padding: 50px 0 60px;
}

.space__pictures{
    display: flex;
    flex-wrap: wrap;
    max-width: 91.47vw;
    margin: 30px auto 0;
    gap: 4.27vw;
}

.space__picture{
    width: 43.6vw;    
}

.space__txt{
    font-size: 1.4rem;
    line-height: 1; 
    text-align: center;
}

.space__txt::before{
    display: inline-block;
    content: '';
    margin-right: 6px;
    vertical-align: bottom;
    width: 11.2px;
    height: 11.2px;
    background-image: url(../images/icon-magnify.svg);
    background-size: contain;
}

/* space pc */
@media screen and (min-width: 769px) {
    .space__gallery{
        padding: 100px 0 85px;
    }

    .space__pictures{
        max-width: 88.3vw;
        gap: 2.5vw 3vw;
        margin-top: 60px;
    }

    .space__txt{
        font-size: 1.6rem;
    }

    .space__txt::before{
        width: 15px;
        height: 15px;
    }
    
    .space__picture--1{
        width: 38.8vw;
    }

    .space__picture--2{
        width: 46.5vw;
    }

    .space__picture--3{
        width: 38.8vw;
    }

    .space__picture--4{
        width: 46.5vw;
        margin-top: -12.8vw;
    }

    .space__picture--5{
        width: 25.4vw;
    }

    .space__picture--6{
        width: 59.4vw;
    }
}

/* hoverで半透明 */
.space__picture a{
    display: block;

}

.space__picture a:hover{ 
	opacity:0.6;
	transition:0.4s;
}