@charset "UTF-8";

#mv { background-image:url(./img/mv.jpg); }

/* message */
.message .flexBox > p   { width:300px; }
.message .flexBox img   { width:100%; height:100%; object-fit:cover; }
.message .flexBox > div { width:630px; }
.message div p:last-child { text-align:right; margin-top:2em; }
.message h5 { margin-top:2em; }
.message ol { padding-left:1.5em; }
.message li { margin-bottom:1em; }

/* concept */
.concept .flexBox > p:first-child { width:300px; }
.concept .flexBox > p + p,
.concept .flexBox div { width:630px; }
.productList    { padding:0; width:100%; }
.productList ul { flex-wrap:wrap; }
.productList li { width:48.5%; }
.productList li:nth-child(n+3) { margin-top:1.2em; }
.productList li:nth-child(4) .pc { display:block; }


@media (max-width: 768px){
	/* message */
	.message .flexBox       { flex-wrap:wrap; }
	.message .flexBox > p   { order:1; width:100%; height:150px; margin-top:2em; }
	.message .flexBox > div { width:100%; }

	/* concept */
	.concept .flexBox { flex-wrap:wrap; }
	.concept .flexBox > p:first-child { width:100%; margin-bottom:1em; }
	.concept .flexBox img { display:block; width:100%; height:150px; object-fit:cover; object-position:50% 20%; }
	.concept .flexBox div { width:100%; }
	.productList li { width:100%; }
	.productList li:nth-child(4) .pc { display:none; }
}