@charset "UTF-8";

/*taishin03*/
.StepBox {
	font-size: 140%;
	color: #660000;
	padding: 0;
	width:90%;
	float: none;
/*	border: thin groove #660000;
	background-color: #FFFFCC;*/
	margin:1em auto;
	text-align: left; 
}
.StepBox  h2{
	background:none;
}
.StepBox  h5{
	width:8em;
	color:#5C0909;
	border-top:solid 1px #5C0909;
	border-bottom:solid 1px #5C0909;
	font-size:140%;
	text-align: center;
}
.rBorder{
	border-right:1px solid #5C0909;
}
.STEP {
	position: relative;
	margin: 1em 0 -1px;
	padding:0;
	font: bold 30px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	background-color: #FFDC85;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	text-shadow: 1px 1px 0 rgba(255,255,255,1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #FFDC85,
				-30px 0 0 0 #FFDC85;
}


.STEP {
/*	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 16px;
	font-style: oblique;
	line-height: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #CC6633;
	padding: 6px;
	height: 20px;
	width: 100px;
	border: thick solid #FFCC66;
	margin-top: 10px;
	margin-bottom: 10px;*/
}
.telnum { 
 font-size: 130%;
	color: #E06749;
	border-right:10px solid #E06749;
	border-left:10px solid #E06749;
	text-align: center;
	font-weight: bolder;
	/*font-size: 160%;*/
	width: 80%;
}

.stepCol{
	width:100%;
/*	border-top:1px dashed #E06749;*/
	border-bottom:1px dashed #E06749;
}
@media screen and (min-width:481px){
.StepBox {
	font-size:100%;
	padding: 1.2em 0 1em;
}
	
	.STEP {
    width: 50%;
    margin: 0 0px 1em 30px;
}
.stepCol{
	float:left;
	width:49%;
	border-bottom:none;
}
	
.stepCol p{
	font-size:80%;
	}
}

@media only screen and (min-width: 1260px) {
	.StepBox {
	font-size:140%;
}
	
.STEP {
	width:50%;
margin: 0 0 1em 20px;
}
	.stepCol p{
	font-size:100%;
	}
}