@charset "UTF-8";

/* mv */
#mv { background-image:url(../imgtop/mv.jpg); height:450px; }

/* common */
.product h3,
.concept h3 { justify-content:center; }
.product h3::before,
.concept h3::before { content:""; width:5rem; height:1px; margin-right:1em; background:#0F283C; }

/* product */
.product p { text-align:center; }
.productList    { padding:0; margin-top:2em; width:100%; }
.productList ul { margin:0; }
.productList a  { flex-direction:column; justify-content:center; height:225px; padding:0; text-align:center; }
.productList a::before { width:100%; height:70px; margin-right:0; }
.productList em { width:100%; margin-top:1em; font-size:1.25em; }
.productList li:nth-child(4) .pc { display:block; }

/* concept */
.concept { background:#D0E6F0; margin-bottom:0; }
.concept .inner     { padding:5em 20px; }
.concept .inner > p { text-align:center; }
.concept .btn { margin:1em auto; }
.concept ul                { margin:2.5em 0 0 0; }
.concept li                { width:48.5%; margin-bottom:0; background:#FFF; }
.concept li:nth-child(n+3) { margin-top:2em; }
.concept img { display:block; margin-bottom:1.25em; }
.concept h4  { background:none; padding:0; margin:1.25rem; color:#333; }
.concept em  { color:#CC0000 }
.concept p   { margin:1.25em; }

/* business */
.business      { margin-top:0; }
.business .btn { margin-top:2em; }
.business .inner { display:flex; justify-content:space-between; }
.business .inner div { width:50%; padding-top:5em; padding-bottom:5em; }
.businessContent { position:relative; padding-left:2em; }
.businessContent::before {
	content:""; position:absolute; left:0; top:0;
	background:url(../imgtop/businessBg.jpg)repeat-x left center / cover;
	width:50vw; height:100%; z-index:-1;
}
.businessContent ul:first-child { margin:0 auto; }
.businessContent ul ul,
.businessContent ul + ul { margin-bottom:0; }
.businessContent ul + ul li { margin:0; }


/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){
	#mv .inner { align-items:flex-start; }
	#mv h2     { padding-top:1em; }

	/* common */
	h3::after,
	.product h3::before, .concept h3::before { width:1em; }

	/* product */
	.productList a  { flex-direction:initial; padding:15px; height:auto; text-align:left; }
	.productList em { margin:0; }
	.productList a::before { width:40px; height:40px; margin:0 10px 0 0; }
	.productList li:nth-child(4) .pc { display:none; }

	/* concept */
	.concept .inner { padding-left:5%; padding-right:5%; }
	.concept li { width:100%; }
	.concept li:nth-child(n+2) { margin-top:2em; }

	/* business */
	.business .inner { display:block; }
	.business .inner div { width:100%; padding-left:0; }
	.businessContent::before { width:100vw; left:50%; transform:translate(-50%,0); }

	/* newsList */
	.newsList .btn  { order:1; }
}