@charset "UTF-8";
/* CSS Document */
.flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    align-items: flex-start;
}
 
.flex-item {
	flex-basis: 50%;
	max-width: 50%;
}

.child {
	max-width: 100%;
}


.exposition{
	text-align: left;
	margin-bottom: -10px;
}

.lead{
	margin-top: 40px;
}

.list {
	font-weight: bold;
	font-size: 0.9em;
	display: inline-block;
	padding-bottom: 5px;
}

.caption {
	font-size: 0.8em;
}

.pc{
	display: inline;
	font-size: 1.4em;
}

.sp{
	display: none;
}

article {
	margin-bottom: 80px;
}

section{
	text-align: center;
}

h4 {
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
}

p {
	text-align: left;
	letter-spacing: 0.1em;
 /*	margin-bottom: 20px; */
}


@media screen and (max-width: 1128px) {

	.flex-container {
		align-items: flex-start;
	}

	.flex-item {
		max-width: 100%;
	  }
	.dimension{
		order: 1;
	}
	.pc{
		display: none;
	}
	.sp{
		display: inline;
   		text-align: left;
    	font-size: 1.6em;
	}
}