@charset "UTF-8";



/* ------------------------------
	.lead
------------------------------ */
.lead{
	padding: 60px 0 65px;
}

.lead .str_ttl{
	margin-bottom: 85px;
}

.lead_box{
	position: relative;
	width: 31%;
	padding: 65px 0 35px;
	background: #fff;
	border-radius: 5px;
}

.lead_box .ico{
	position: absolute;
	top: -53px;
	left: 0;
	right: 0;
	margin: auto;
	width: 104px;
}

.lead_box .txt{
	text-align: center;
}

.lead_box .btn_box{
	margin-top: 15px;
}


@media screen and (max-width: 768px){
	.lead{
		padding: 40px 0;
	}

	.lead .str_ttl{
		margin-bottom: 70px;
	}

	.lead .flex{
		display: block;
	}

	.lead_box{
		width: 100%;
		margin-top: 60px;
	}

	.lead_box .ico{
		top: -45px;
		width: 90px;
	}
}



/* ------------------------------
	.step
------------------------------ */
.step{
	padding: 0 0 60px;
}

.step .mid_ttl{
	margin-bottom: 30px;
}

.step .outer{
	padding: 60px;
	border-radius: 5px;
}

.step .step_box{
	position: relative;
}
.step .step_box + .step_box{
	margin-top: 20px;
}

.step .step_box:not(:last-child)::after{
	position: absolute;
	z-index: 2;
	left: 330px;
	bottom: -78px;
	content: "";
	display: block;
	width: 5px;
	height: 130px;
	background: url(../img/business/account/step_dot_ico.png) no-repeat center top;
	background-size: 100%;
}

.step .step_box > div{
	display: flex;
	align-items: center;
	height: 190px;
	background: #f2f5f4;
	border-radius: 5px;
	border: 1px solid #f2f5f4;
	overflow: hidden;
}

.step .step_box .img{
	flex-shrink: 0;
	width: 260px;
}

.step .step_box .txt_box{
	margin-left: 130px;
	margin-right: 20px;
}

.step .step_box .ttl{
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.step .step_box .txt{
	margin-top: 10px;
	font-size: 1.4rem;
}

.step .step_box .ico{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 300px;
	margin: auto;
	width: 65px;
	height: 65px;
}


@media screen and (max-width: 768px){
	.step{
		padding-bottom: 40px;
	}

	.step .outer{
		width: 84%;
		padding: 30px 8%;
	}

	.step .step_box + .step_box{
		margin-top: 25px;
	}

	.step .step_box > div{
		display: block;
		height: auto;
	}

	.step .step_box .img{
		width: 100%;
	}

	.step .step_box .txt_box{
		padding: 10px 8%;
		margin: 0;
	}

	.step .step_box .ico{
		position: absolute;
		top: -8px;
		left: -8px;
		bottom: initial;
		width: 60px;
	}

	.step .step_box .ttl{
		font-size: 1.8rem;
	}
}



/* ------------------------------
	.mynum
------------------------------ */
.mynum{
	padding: 60px 0;
}

.mynum .str_ttl{
	margin-bottom: 50px;
}

.mynum .mid_ttl{
	margin-bottom: 30px;
}

.mynum .outer{
	padding: 60px;
	border-radius: 5px;
}

.mynum .outer + .outer{
	margin-top: 20px;
}

.mynum ul{
	background: #e5e9e8;
	border: 1px solid #e5e9e8;
	border-radius: 5px;
}

.mynum .mynum_box{
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.mynum .mynum_box + .mynum_box{
	border-top: 1px solid #ced5d3;
}

.mynum .mynum_box div[class^="ico"]{
	flex-shrink: 0;
	width: 120px;
	height: 60px;
}
.mynum .mynum_box .ico01{
	background: url(../img/business/account/mynum_ico01.png) no-repeat center center;
	background-size: 46px;
}
.mynum .mynum_box .ico02{
	background: url(../img/business/account/mynum_ico02.png) no-repeat center center;
	background-size: 79px;
}
.mynum .mynum_box .ico03{
	background: url(../img/business/account/mynum_ico03.png) no-repeat center center;
	background-size: 78px;
}
.mynum .mynum_box .ico04{
	background: url(../img/business/account/mynum_ico04.png) no-repeat center center;
	background-size: 41px;
}
.mynum .mynum_box .ico05{
	background: url(../img/business/account/mynum_ico05.png) no-repeat center center;
	background-size: 39px;
}
.mynum .mynum_box .ico06{
	background: url(../img/business/account/mynum_ico06.png) no-repeat center center;
	background-size: 47px;
}

.mynum .mynum_box .txt_box{
	width: 100%;
	padding: 25px;
	background: #fff;
}

.mynum .mynum_box .ttl{
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.mynum .mynum_box .txt{
	margin-top: 5px;
	font-size: 1.4rem;
}


@media screen and (max-width: 768px){
	.mynum{
		padding: 40px 0;
	}

	.mynum .wrap{
		width: 84%;
	}

	.mynum .outer{
		width: 84%;
		padding: 25px 8%;
	}

	.business .mynum .str_ttl{
		margin-bottom: 40px;
		padding-bottom: 34px;
	}

	.mynum .mid_ttl{
		margin-bottom: 25px;
	}

	.mynum ul{
		border: 0;
		border-radius: 0;
		background: #f2f5f4;
	}

	.mynum .mynum_box{
		display: block;
		background: #e5e9e8;
		border: 1px solid #e5e9e8;
		border-radius: 5px;
	}
	.mynum .mynum_box + .mynum_box{
		margin-top: 10px;
	}

	.mynum .mynum_box div[class^="ico"]{
		width: 100%;
		height: 80px;
	}

	.mynum .mynum_box .ico01{
		background-size: 69px;
	}
	.mynum .mynum_box .ico02{
		background-size: 136px;
	}
	.mynum .mynum_box .ico03{
		background-size: 108px;
	}
	.mynum .mynum_box .ico04{
		background-size: 48px;
	}
	.mynum .mynum_box .ico05{
		background-size: 40px;
	}
	.mynum .mynum_box .ico06{
		background-size: 68px;
	}

	.step .step_box:not(:last-child)::after{
		display: none;
	}

	.mynum .mynum_box .txt_box{
		padding: 15px 8%;
	}

	.mynum .mynum_box .ttl{
		font-size: 1.8rem;
	}
}