@charset "utf-8";

/*
************************************************************************
* space / menu
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */


.space-text {
    font-size: 1.2em;
    display: flex;
}


.space-text .text-left {
    width: 50%;
    margin-bottom: 2em;
}
.space-text .text-right {
    width: 50%;
    margin-bottom: 2em;
}

.childcare {

}
.childcare,
.soylabo {
    font-size: 1.2em;
    text-align: center;
}

.childcare .text,
.soylabo .text {
    margin-bottom: 2em;
    line-height: 2;
}

.space-pictogram {
	margin: 0 auto;
}
.space-pictogram .item {
	padding:1em;
	width: 50%;
}
.pictogram {
	font-size: 1.4em;
	vertical-align: bottom;
}
.pictogram::before {
	content: "";
	display: inline-block;
	width: 45px;
	height: 45px;
	margin-right: 0.2em;
}
.pictogram.pictogram-wifi::before {
	background-image: url(../../../website/img/page/space/pictogram-wifi.svg);
}
.pictogram.pictogram-child::before {
	background-image: url(../../../website/img/page/space/pictogram-child.svg);
}
.pictogram.pictogram-event::before {
	background-image: url(../../../website/img/page/space/pictogram-event.svg);
}
.pictogram.pictogram-food::before {
	background-image: url(../../../website/img/page/space/pictogram-food.svg);
}


table.eigyo {
	margin: 0 auto;
	text-align: left;
}
table.eigyo td.item{
	vertical-align: top;
	padding-right: 1em;
}



/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {

	.space-text {
		font-size: 1em;
		flex-wrap: wrap;
	}

	.space-text .text-left {
	    width: 100%;
	}
	.space-text .text-right {
	    width: 100%;
	}


}