@charset "utf-8";
/* ===================================================================

 file name  :concept.css
 style info :コンセプト

=================================================================== */

/* =============================

	overwrite

=============================== */




/* =================================== */

#main .lead{
	position:relative;
}
#main .lead h2{
	font-size:200%;
	margin-bottom:1em;
	line-height:1.2;
	text-indent:-0.5em;
}
#main .lead .txt{
	font-size:142%;
	line-height:2;
}
#main .lead .baloon{
	position:absolute;
	top:-64px;
	right:35px;
	z-index:-1;
}
#main .lead .img{
	margin:65px 0 40px 20px;
}



#main .list{
}
#main .list ul{
	background:url(../images/concept/bg_list_pc.png) no-repeat 0 0;
	padding:27px 144px 27px 145px;
	overflow:hidden;
	height:auto;
}
#main .list ul li{
	float:left;
}
#main .list ul li span img{
	opacity:0.4;
}




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

	/* =============================
	
		overwrite
	
	=============================== */
	
	#main img{
		width:100%;
		height:auto;
	}
	
	
	/* =================================== */

	
	#main .lead{
	}
	#main .lead h2{
		font-size:117%;
		margin-bottom:0.8em;
	}
	#main .lead .txt{
		font-size:11px;
	}
	#main .lead .baloon{
		position:relative;
		width:57%;
		margin:1em auto 0;
		padding-right:16%;
		top:0;
		right:0;
		z-index:5;
	}
	#main .lead .img{
		margin:-6.8% 0 6% 0;
	}



	#main .list{
	}
	#main .list ul{
		background:none;
		padding:0;
	}
	#main .list ul li{
		width:50%;
	}








}