html {-webkit-text-size-adjust:none}
@media screen and ( min-width:1024px )
{
    .step_bar {
		margin: 2em 0em 2em 0em;
	}
    
	/*ステップバー関連*/
	.stepBar {
		position: relative;
		list-style: none;
		margin: 0 0 1em 0;
		padding: 0;
		text-align: center;
		width: 100%;
		overflow: hidden;
		font-size:11pt;
		font-size:1.1vw;
		*zoom: 1;
	}	

	.stepBar .step {
	    color: #000;
		position: relative;
		float: left;
		display: inline-block;
		line-height: 80px;
		padding: 0 40px 0 20px;
		background-color: #eee;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.stepBar .step:before, .stepBar .step:after {
		position: absolute;
		left: -15px;
		display: block;
		content: '';
		background-color: #eee;
		border-left: 4px solid #FFF;
		width: 15px;
		height: 40px;
	}

	.stepBar .step:after {
		top: 0;
		-moz-transform: skew(30deg);
		-ms-transform: skew(30deg);
		-webkit-transform: skew(30deg);
		transform: skew(30deg);
	}

	.stepBar .step:before {
		bottom: 0;
		-moz-transform: skew(-30deg);
		-ms-transform: skew(-30deg);
		-webkit-transform: skew(-30deg);
		transform: skew(-30deg);
	}
	
	.stepBar .step:first-child {
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	
	.stepBar .step:first-child:before, .stepBar .step:first-child:after {
		content: none;
	}
	

	.stepBar .step:last-child {
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.stepBar .step.current {
		color: #FFF;
		background-color: #0077bf;
	}

	.stepBar .step.current:before, .stepBar .step.current:after {
		background-color: #0077bf;
	}

	.stepBar.step4 .step {
		width: 25%;
	}
	
	.stepBar.step5 .step {
		width: 20%;
	}

	.stepBar.step6 .step {
		width: 16.66%;
	}

	.message_question {
		display: none;
	}
    .stepBar .step .beaf:before, .stepBar .step .beaf:after {
        position: absolute;
        left: -10px;
        display: block;
        content: '';
        background-color: #eee;
        width: 16px;
        height: 20px;
   }
   .stepBar .step .beaf:after {
        top: 0;
        -moz-transform: skew(30deg);
        -ms-transform: skew(30deg);
        -webkit-transform: skew(30deg);
        transform: skew(30deg);
   }
   .stepBar .step .beaf:before {
        bottom: 0;
        -moz-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg);
   }
   .stepBar .step.current .beaf{
		color: #FFF;
		background-color: #0077bf;
	}

	.stepBar .step.current .beaf:before, .stepBar .step.current .beaf:after {
		background-color: #0077bf;
	}

}


@media screen and (max-width:1023px) and (min-width:768px)
{
	/* ステップ用 */
	.step_bar {
		margin: 2em 0em 2em 0em;
	}

	.cd-breadcrumb li::after, .cd-multi-steps li::after {
		display: inline-block;
		content: '\00bb';
		margin: 0 .6em;
		color: #959fa5;
	}



	/*ステップバー関連*/
	.stepBar {
		position: relative;
		list-style: none;
		margin: 0 0 1em 0;
		padding: 0;
		text-align: center;
		width: 100%;
		overflow: hidden;
		font-size:1vw;
		*zoom: 1;
	}	

	.stepBar .step {
	   color: #000;
		position: relative;
		/* float: left; */
		display: inline-block;
		line-height: 80px;
		padding: 0 54px 0 40px;
		background-color: #eee;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.stepBar .step:before, .stepBar .step:after {
		position: absolute;
		left: -15px;
		display: block;
		content: '';
		background-color: #eee;
		border-left: 4px solid #FFF;
		width: 15px;
		height: 40px;
	}

	.stepBar .step:after {
		top: 0;
		-moz-transform: skew(30deg);
		-ms-transform: skew(30deg);
		-webkit-transform: skew(30deg);
		transform: skew(30deg);
	}

	.stepBar .step:before {
		bottom: 0;
		-moz-transform: skew(-30deg);
		-ms-transform: skew(-30deg);
		-webkit-transform: skew(-30deg);
		transform: skew(-30deg);
	}

	.stepBar .step:first-child {
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.stepBar .step:first-child:before, .stepBar .step:first-child:after {
		content: none;
	}

	.stepBar .step:last-child {
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.stepBar .step.current {
		color: #FFF;
		background-color: #0077bf;
	}

	.stepBar .step.current:before, .stepBar .step.current:after {
		background-color: #0077bf;
	}

	.stepBar.step5 .step {
		width: 20%;
	}
	.stepBar.step5 .step.step2 {
		width: 22%;
	}
	.stepBar.step5 .step.step3 {
		width: 18%;
	}
	

	.message_question {
		display: none;
	}
    .stepBar .step .beaf:before, .stepBar .step .beaf:after {
        position: absolute;
        left: -10px;
        display: block;
        content: '';
        background-color: #eee;
        width: 16px;
        height: 20px;
   }
   .stepBar .step .beaf:after {
        top: 0;
        -moz-transform: skew(30deg);
        -ms-transform: skew(30deg);
        -webkit-transform: skew(30deg);
        transform: skew(30deg);
   }
   .stepBar .step .beaf:before {
        bottom: 0;
        -moz-transform: skew(-30deg);
        -ms-transform: skew(-30deg);
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg);
   }
   .stepBar .step.current .beaf{
		color: #FFF;
		background-color: #0077bf;
	}

	.stepBar .step.current .beaf:before, .stepBar .step.current .beaf:after {
		background-color: #0077bf;
	}

}



@media screen and ( max-width:767px )
{
	/* ステップ用 */
	.step_bar {
		margin: 2em 0em 5em 0em;
	}

	.cd-breadcrumb li::after, .cd-multi-steps li::after {
		display: inline-block;
		content: '\00bb';
		margin: 0 .6em;
		color: #959fa5;
	}

	.message_question {
		display: none;
	}



	/*ステップバー関連*/
	.stepBar {
		margin: 0 0 3em 0;
		padding: 0;
		height: 30px;
		counter-reset: step;
		z-index: 0;
		position: relative;
	}

	.stepBar li {
		list-style-type: none;
		width: 25%;
		float: left;
		font-size: 11px;
		position: relative;
		text-align: center;
		text-transform: uppercase;
		color: #aaa;
	}

	.stepBar li:before {
		content: "";
		width: 45px;
		height: 45px;
		content: counter(step);
		counter-increment: step;
		line-height: 45px;
		display: block;
		text-align: center;
		margin: 0 auto 10px auto;
		border-radius: 50%;
		background-color: #eee;
	}

	.stepBar li:after {
		width: 100%;
		height: 2px;
		content: '';
		position: absolute;
		background-color: #eee;
		top: 20px;
		left: -50%;
		z-index: -1;
	}

	.stepBar li:first-child:after {
		content: none;
	}

	.stepBar li.step.current {
		color: blue;
	}

	.stepBar li.step.current:before {
		background-color: #0077bf;
		color:#fff;
	}
	

	.stepBar li.step.current + li:after {
		background-color: #0077bf;
	}
	


}

div.column_wrp {
     margin-left: 0px; 
     padding: 0px; 
}