.company{
	margin-top: 20px;
}

/*Kisocrop add css*/
.ks_flow{
	text-align: left;
	margin-top: 20px;
}
.ks_tit{
	color: #3690f0;
	font-size: 24px;
	font-weight: 300;
}
.ks_flow.non-bank .ks_tit { 
    margin: 10px 0 0;
    padding: 10px 0;
}
.ks_flow.non-bank h3 + p {
    font-size: 13px;
    margin-top: 0;
    }
.ks_flow.non-bank h4::before { 
    content: "\025a0";
    display: inline-block;
    color: #2372e2;
    font-size: 22px;
    margin-right: 5px;
}
.ks_flow.non-bank ul {
    text-align: left;
    margin: 0 2%;
	position: relative;
    list-style: none; 
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.ks_flow.non-bank li{
    list-style: none;
	padding: 6px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 50%; 
    box-sizing:border-box;
    margin: 0;
    background-color:#fff;
    font-size: 13px;
}
.page .non-bank ul + p { text-align: right; font-size: 13px; margin-top: 4px; margin-right: 2%; }

@media screen and (min-width: 768px){
    .ks_flow.non-bank.one_column li {
        width: 33.333%;
    }
.ks_flow.non-bank li,.page .non-bank ul + p { 
        font-size: 14px;
}
    .post2 .caution {
        font-size: 14px;
	}
    .ks_flow li {
	    width: 22%;
	    margin: 2%;
	    position: relative;
	}
	.ks_flow li:first-child{
		margin-left: 0px;
	}
	.ks_flow li:last-child{
		margin-right: 0px;
	}
	.ks_flow .step_blue{
		border: 2px solid #3690f0;
		box-sizing: border-box;
	}
	.ks_flow .step_blue .step_head{
		background-color: #3690f0;
		color: #FFFFFF;
		padding: 10px;
		font-size: 22px;
	}
	.ks_flow .step_orange{
		border: 2px solid #d15e00;
		box-sizing: border-box;
	}
	.ks_flow .step_orange .step_head{
		background-color: #d15e00;
		color: #FFFFFF;
		padding: 10px;
		font-size: 22px;
	}

	.template5 .step_blue .step_head{
		font-size: 17px;
	}
	.template5 .step_orange .step_head{
		font-size: 17px;
	}

	.step_head .step_name{
		text-align: center;
	}
	.step_body{
		padding: 20px 10px;
		text-align: center;
	}
	.step_body p{
		text-align: justify;
		font-size: 1vw;
		line-height: 26px;
	}
	.step_body img{
		min-height: 66px;
	}

	.arrow {
	  display: inline-block;
	  position: absolute;
	  width: 20px;
	  height: 20px;
	  background: transparent;
	  text-indent: -9999px;
	  border-top: 2px solid #3690f0;
	  border-left: 2px solid #3690f0;
	  transition: all 250ms ease-in-out;
	  text-decoration: none;
	  color: transparent;
	}

	.arrow:before {
	  display: block;
	  height: 200%;
	  width: 200%;
	  margin-left: -50%;
	  margin-top: -50%;
	  content: "";
	  transform: rotate(45deg);
	}

	.arrow.prev {
	  transform: rotate(-45deg);
	  left: 0;
	}

	.arrow.next {
	  	transform: rotate(135deg);
	  	right: 0;
	  	right: -12%;
    	top: 50%;
	}

	.arrow.up {
	  transform: rotate(45deg);
	  left: 175px;
	}

	.arrow.down {
	  transform: rotate(-135deg);
	  right: 175px;
	}

	.arrow_orange{
		border-top: 2px solid #d15e00;
	  	border-left: 2px solid #d15e00;
	}
	.show-pc{
		display: block;
	}
	.show-sp{
		display: none;
	}
}

@media screen and (max-width: 767px){
	.show-pc{
		display: none;
	}
	.show-sp{
		display: block;
	}
    .ks_flow li {
		width: 46%;
		margin: 4%;
		position: relative;
	}
	.ks_flow li:first-child{
		margin-left: 0px;
	}
	.ks_flow li:last-child{
		margin-right: 0px;
	}
	.ks_flow .step_blue{
		border: 2px solid #3690f0;
		box-sizing: border-box;
	}
	.ks_flow .step_blue .step_head{
		background-color: #3690f0;
		color: #FFFFFF;
		padding: 10px;
		font-size: 22px;
	}
	.ks_flow .step_orange{
		border: 2px solid #d15e00;
		box-sizing: border-box;
	}
	.ks_flow .st2{
		margin-right: 0px;
	}
	.ks_flow .st2 .arrow.next{
		display: none;
	}
	.ks_flow .st3{
		margin-left: 0px;
	}
	.ks_flow .step_orange .step_head{
		background-color: #d15e00;
		color: #FFFFFF;
		padding: 10px;
		font-size: 22px;
	}

	.template5 .step_blue .step_head{
		font-size: 17px;
	}
	.template5 .step_orange .step_head{
		font-size: 17px;
	}

	.step_head .step_name{
		text-align: center;
	}
	.step_body{
		padding: 20px 10px;
		text-align: center;
	}
	.step_body p{
		text-align: justify;
		font-size: 12px;
		line-height: 26px;
	}
	.step_body img{
		min-height: 66px;
	}

	.arrow {
		display: inline-block;
		position: absolute;
		width: 20px;
		height: 20px;
		background: transparent;
		text-indent: -9999px;
		border-top: 2px solid #3690f0;
		border-left: 2px solid #3690f0;
		transition: all 250ms ease-in-out;
		text-decoration: none;
		color: transparent;
	}

	.arrow:before {
		display: block;
		height: 200%;
		width: 200%;
		margin-left: -50%;
		margin-top: -50%;
		content: "";
		transform: rotate(45deg);
	}

	.arrow.prev {
		transform: rotate(-45deg);
		left: 0;
	}

	.arrow.next {
		transform: rotate(135deg);
		right: 0;
		right: -12%;
		top: 50%;
	}

	.arrow.up {
		transform: rotate(45deg);
		left: 175px;
	}

	.arrow.down {
		transform: rotate(-135deg);
		right: 175px;
	}

	.arrow_orange{
		border-top: 2px solid #d15e00;
		border-left: 2px solid #d15e00;
	}
}