@charset "utf-8";


/*==========================================
 conceptInner
===========================================*/
#concept{
	padding-bottom: 80px;
}

#concept_01,
#concept_02,
#concept_03{
	margin-top: 50px;
	border-top: 1px dotted #aaa;
}

#concept_02,
#concept_03{
	margin-top: 70px;
}


.conceptInner .flexWrap{}
.conceptInner .flexWrap div:first-of-type{
	width: 54%;
}
.conceptInner .flexWrap div:last-of-type{
	width: 38%;
	padding-top: 15px;
	text-align: center;
}

.conceptInner .flexWrap div:last-of-type img{
	width:100%;
	max-width: 600px;
	margin: 0 auto;
}

@media only screen and (max-width: 799px){
	.conceptInner .flexWrap div:first-of-type{
		width: 100%;
	}
	.conceptInner .flexWrap div:last-of-type{
		width: 100%;
		padding-top: 40px;
	}
}

/*==========================================
 top_toppix
===========================================*/
#top_toppix{}

#top_toppix a{
	text-decoration: none;
	color: #000;
}

#top_toppix .list h4 {
	font-size: 1.2em;
}

#top_toppix a:hover h4,
#top_toppix a:active h4{
	color: #004ab8;
}