@charset "utf-8";
/* CSS Document */
#content p{
	margin-bottom:20px;
	}
#content h3{
	position:relative;
	border-bottom:2px solid #DEDEDE;
	margin-bottom:5%;
	}
	.after li{
		width: 45%;
		float: left;
		margin: 0 2%;
	}
	.after li:first-child{
		margin-right: 3%;
	}


.step{
	position: absolute;
    width: 10% !important;
    left: 3%;
	margin-top:-2%;
	}
	#flow .lefttxt span{
		font-size:2.4rem;
		font-size:24px;
		color:#FF0004;
		}
	#flow .pattern02{
		padding-bottom:5%;
		}
#flow li{
	margin-bottom:5%;
	}
.half li{
	margin-bottom:4%;
	}
.half li h3{
	font-weight:normal;
	}
.half li h3:before{
	content:url(../img/common/circle.gif);
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	}
	.contactbtn{
	width:40%;
	margin:0 auto;
	}

#flow li:after{
		content:"";
		width:0 ;
		height:0;
		display:block;
		margin:0 auto;
		border:1px solid transparent;
		border-top-color:#EEEEEE;
		border-top-width:30px;
		border-left-width:150px;
		border-right-width:150px;		
		}
#flow li:last-child:after{
		content:none;		
		}
	.half li .inner{
		padding:5%;
		width:90%;
		}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){
#characteristic .lefttxt{
	width:50%;
	margin-right:10%;
	}
#characteristic .rightimg{
	width:40%;
	margin-left:0;
	}
	#characteristic .btn02 a{
	    width: 40%;
		padding:2% 5%;
		}
	#flow .lefttxt{
		width:55%;
		padding-left:5%;
		margin-right:5%;
		}
	#flow .rightimg{
		width:35%;
		}
	.half li{
		width:48%;
		margin-right:4%;
		float:left;
		}
	.half li:nth-child(even){
		margin-right:0;
		}
	.after {
	margin-bottom: 20px;
	display:table;
}
.tel{
	float:left;
	}
.contactbtn {
    float: left;
    margin-left: 3%;
    margin-top: 5%;
}
	.after li{
		display:table-cell;
		width:auto;
		float: none;
		vertical-align:middle;
	}
	.after li:first-child{
		margin-right: 3%;
	}
	}
@media screen and (min-width:1000px){}