@charset "utf-8";
.secFlow_form {
	margin-top: 56px;
	margin-bottom: 115px;
}
.secFlow_form .imgTop{
	text-align: center;
	margin-bottom: 19px;
}
.secFlow_form .tit{
	font-size: 30px;
	line-height: 2;
	text-align: center;
	font-weight: bold;
	padding: 15px;
	letter-spacing: 2.5px;
	position: relative;
	display: block;
	background: #009c84;
	color: #fff;
	pointer-events: all;
	cursor: pointer;
}
.secFlow_form .boxConditions{
	padding: 72px 72px 80px;
	background: #e9eeec;
}
.secFlow_form .txtTop{
	font-size: 18px;
	line-height: 2;
	letter-spacing: 0.5px;
}
.secFlow_form .txtTop .txtlink{
	color: #1e88e5;
	text-decoration: underline;
}
.secFlow_form .flowbox{
	padding: 32px 40px;
	background: #fff;
	margin-top: 40px;
	display: none;
}
.secFlow_form .btnOpen{
	width: 100%;
	height: 75px;
	border-radius: 37.5px;
	background: #dd3e49;
	font-size: 25px;
	letter-spacing: 0.5px;
	color: #fefefe;
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	margin-top: 50px;
	cursor: pointer;
}
#flowtit_form .symbol{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 30px;
	top: calc(50% - 20px);
	background: #fff;
	border-radius: 50%;
}
#flowtit_form .symbol::after{
	content: "";
	position: absolute;
	width: 19px;
	height: 2px;
	left: calc(50% - 9.5px);
	top: calc(50% - 1px);
	background: #dd3e49;
}
#flowtit_form .symbol::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 19px;
	left: calc(50% - 1px);
	top: calc(50% - 9.5px);
	background: #dd3e49;
}
#flowtit_form.on .symbol::before{
	opacity: 0;
}
.secFlow_form .boxList .itemFlow .img{
	width: 100%;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
}
.secFlow_form .notetit,
.secFlow_form .notetxt{
	font-size: 15px;
	line-height: 2.14;
}
.secFlow_form .notetxt{
    padding-left: 30px;
}
@media only screen and (max-width:767px){
	.secFlow_form {
		width: 92%;
        margin: 30px auto 55px;
	}
	.secFlow_form .imgTop{
		width: 262px;
		margin: 0 auto;
	}
	.secFlow_form .tit{
		font-size: 18px;
		padding: 9px 0 5px;
		margin-top: 9px;
	}
	.secFlow_form .boxConditions{
		padding: 19px 15px 25px;
	}
	.secFlow_form .txtTop{
		font-size: 14px;
		line-height: 1.86;
		letter-spacing: 0;
	}
	.secFlow_form .flowbox{
		padding: 15px;
		margin-top: 15px;
	}
	.secFlow_form .btnOpen{
		height: 40px;
		border-radius: 20px;
		font-size: 15px;
		letter-spacing: 0;
		margin-top: 19px;
	}
	#flowtit_form .symbol{
		width: 21px;
		height: 21px;
		right: 15px;
		top: calc(50% - 10.5px);
	}
	#flowtit_form .symbol::after{
		width: 11px;
		left: calc(50% - 5.5px);
	}
	#flowtit_form .symbol::before{
		height: 11px;
		top: calc(50% - 5.5px);
	}
	#flowtit_form.on .symbol::before{
		height: 11px;
		top: calc(50% - 5.5px);
	}
	.secFlow_form .itemFlow:nth-child(n + 2){
		margin-top: 20px;
	}
	.secFlow_form .boxList .itemFlow .img{
		width: 50px;
		height: 50px;
	}
	.secFlow_form .notetit,
	.secFlow_form .notetxt{
		font-size:13px;
		line-height:1.85;
	}
	.secFlow_form .notetxt{
        padding-left: 0;
    }
}
@media only screen and (max-width:330px){
	.secFlow_form .tit{
		letter-spacing: 0;
	}
}