.flexBox{
	display: flex;
}
.sb{
	justify-content: space-between;
}
.f12{
	font-size: 12px;
}
.mT10{
	margin-top: 10px;
}

.wrap-main > .title {
    background-image: url(/product/zexeed/images/back_others.jpg);
}



#lowerContent{
	margin-bottom: 5em;
}
#lowerContent p,
#lowerContent div{
	line-height: 1.8em;
}
#lowerContent .nowrap {
    white-space: nowrap;
}
.afe {
    align-items: flex-end;
}


#example{
	max-width: 1000px;
	padding: 0 40px;
	margin: 0 auto 0;
}

.exampleTitle{
	font-weight: bold;
	font-size: 40px;
	color: #00569b;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1em;
	margin-top: 1em;
}
.exampleTitle .ZEXEED{
	width: 200px;
	height: 30px;
	margin: 0 2em;
	position: relative;
}
.exampleTitle .ZEXEED:before,
.exampleTitle .ZEXEED:after{
	content: "";
	width: 1.5em;
	height: 1px;
	background: #00569b;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.exampleTitle .ZEXEED:before{
	left: -2em;
}
.exampleTitle .ZEXEED:after{
	right: -1.7em;
}
.exampleTitle .ZEXEED img{
	vertical-align: top;
}


.exampleList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 3em;
}
.exampleList .exampleListIn{
	width: 48%;
}
.exampleList .exampleListIn:nth-of-type(n+3){
	margin-top: 2em;
}
.exampleList .exampleListIn h2{
	color: #04355E;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}
.exampleList .exampleListIn .photo{
	/*border: #00569b solid 2px;*/
}
.exampleList .exampleListIn .txt{
	font-size: 14px;
	margin-top: 0.7em;
	line-height: 1.7em;
}


@media screen and (max-width: 896px) {
	#example{
		padding: 0 20px;
	}
	
	.exampleTitle{
		display: block;
		text-align: center;
		font-size: 26px;
	}
	.exampleList .exampleListIn h2{
		font-size: 17px;
	}
	.exampleTitle .ZEXEED{
		margin: 0 auto 0.3em;
	}
	

	.exampleList{
		display: block;
	}
	.exampleList .exampleListIn{
		width: auto;
	}
	.exampleList .exampleListIn:nth-of-type(n+2){
		margin-top: 8%;
	}
	
}