<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　concept
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
   #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 10px;
	height: 400px;
	background:url(../images/concept/bg_kv.jpg) no-repeat center bottom;
	background-size:cover;
}
.VisualNote{
	position: absolute;
	top:160px;
	right:10px;
	color:#FFF;}
@media screen and (max-width: 768px) {
.VisualNote{
	top:252px;
	right:4px;
}
}
/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* concept
-----------------------------------------------------------------*/
.concept h2{
	margin-bottom: 75px;	
}
.concept .lead{
	margin-bottom: 40px;
	text-align:center;
}
.concept .txt-lead{
	margin-bottom: 85px;
	text-align:center;
	font-size:115%;
	line-height:2.2em;
}

.concept .feature{
	position: relative;
	max-width:970px;
	margin: 0 auto;	
}
.concept .feature h3{
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 33%;	
}
.concept .feature ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;	
	margin-bottom: 40px;
}
.concept .feature li{
	width: 33.5%;
	margin-bottom: 30px;	
}
.concept .feature .caption{
	display:block;
	padding-top: 3px;	
}



/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


/*--------------------------------------------------------------------------
   #Visual
---------------------------------------------------------------------------*/
#Visual{
	margin-top: 0;
	height: 180px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* concept
-----------------------------------------------------------------*/
.concept h2{
	margin-bottom: 20px;	
}
.concept .lead{
	margin-bottom: 15px;
}
.concept .txt-lead{
	margin-bottom: 30px;
	font-size:86%;
	line-height:2em;
	text-align:left;
}

.concept .feature h3{
	position: static;
	transform:none;
	width: 70%;
	margin: 0 auto 25px;
	text-align:center;	
}
.concept .feature ul{
	display:block;
	margin-bottom: 20px;
}
.concept .feature li{
	width: 100%;
	margin-bottom: 25px;
	text-align:center;	
}
.concept .feature .caption{
	max-width:320px;
	margin: 0 auto;
	padding-top: 2px;
	font-size:72%;
	text-align:left;	
}




}</pre></body></html>