@charset "UTF-8";
/*--------------------------------------------------------------
#step-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#step-area {
		width: auto;
		margin: 0 3.488vw 13.953vw 3.488vw;
	}
	
	#step-area h3 {
		text-align: center;
		margin-bottom: 6.977vw;
	}
	
	#step-area ul {
		margin-bottom: 8.14vw;
	}
	
	#step-area ul li:nth-child(odd) {
		background: #FFF;
		border-radius: 4.651vw;
		padding: 11.628vw 5.814vw 8.14vw 5.814vw;
		position: relative;
	}
	
	#step-area ul li:nth-child(even) {
		text-align: center;
		margin-top: -1.163vw;
		margin-bottom: -2.326vw;
	}
	
	#step-area ul .material-symbols-outlined {
		font-size: 11.628vw;
		color: #F08484;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
	#step-area ul li dl {
		
	}
	
	#step-area ul li dl dt {
		text-align: center;
		font-size: 5.116vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		width: auto;
		line-height: 1.3;
		margin-bottom: 5.814vw;
	}
	
	#step-area ul li dl dt span {
		font-size: 4.186vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
		color: #F08484;
		position: absolute;
		top: 3.488vw;
		left: 3.488vw;
	}
	
	#step-area ul li dl dd {
		width: auto;
	}
	
	.for_users {
		margin: 0;
		padding: 4.651vw 3.488vw;
		border: 0.233vw solid #CECECE;
	}
	
	.for_users h4 {
		margin-bottom: 4.651vw;
		font-size: 5.116vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		text-align: center;
	}
	
	.for_users .material-symbols-outlined {
		font-size: 9.302vw;
		color: #F08484;
		display: block;
		margin-bottom: 1.163vw;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	.for_users p {
		text-align: left;
		margin-bottom: 6.977vw;
		padding: 0 2.326vw;
	}
	
	.for_users dl {
		border-radius: 4.651vw;
		background: rgba(240,132,132,0.04);
		padding: 6.977vw 4.651vw;
		font-size: 3.488vw;
		font-weight: 500;
		line-height: 1.8;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#step-area {
		width: 58.85vw;
		margin: 0 auto 4.688vw auto;
	}
	
	#step-area h3 {
		text-align: center;
		margin-bottom: 1.562vw;
	}
	
	#step-area ul {
		margin-bottom: 3.906vw;
	}
	
	#step-area ul li:nth-child(odd) {
		background: #FFF;
		border-radius: 1.042vw;
		padding: 2.083vw 3.125vw 2.083vw 0;
		position: relative;
	}
	
	#step-area ul li:nth-child(even) {
		text-align: center;
		margin-top: -0.26vw;
		margin-bottom: -0.521vw;
	}
	
	#step-area ul .material-symbols-outlined {
		font-size: 2.604vw;
		color: #F08484;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
	#step-area ul li dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	#step-area ul li dl dt {
		text-align: center;
		font-size: 1.302vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		width: 20.57vw;
		line-height: 1.3;
		margin-bottom: 0;
	}
	
	#step-area ul li dl dt span {
		font-size: 1.042vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		color: #F08484;
		position: absolute;
		top: 0.781vw;
		left: 1.042vw;
	}
	
	#step-area ul li dl dd {
		width: 34.37vw;
	}
	
	.for_users {
		margin: 0;
		padding: 1.823vw;
		border: 0.052vw solid #CECECE;
	}
	
	.for_users h4 {
		margin-bottom: 1.042vw;
		font-size: 1.302vw;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 600;
		text-align: center;
	}
	
	.for_users .material-symbols-outlined {
		font-size: 2.083vw;
		color: #F08484;
		display: block;
		margin-bottom: 0.26vw;
		font-variation-settings:
			'FILL' 1,
			'wght' 300,
			'GRAD' 0,
			'opsz' 24
	}
	
	.for_users p {
		text-align: center;
		margin-bottom: 2.083vw;
		padding: 0;
	}
	
	.for_users dl {
		border-radius: 1.042vw;
		background: rgba(240,132,132,0.04);
		padding: 1.562vw 4.167vw;
		font-size: 0.781vw;
		font-weight: 500;
		line-height: 1.8;
	}
	
}

/*--------------------------------------------------------------
#management-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#management-area {
		margin: 0 0 10.465vw 0;
		background: #F08F8F;
		border-radius: 0 4.651vw 4.651vw 0;
		padding: 13.953vw 9.302vw 4.651vw 9.302vw;
	}
	
	#management-area h3 {
		text-align: center;
		color: #FFF;
		margin-bottom: 9.302vw;
	}
	
	#management-area ul {
		width: auto;
		margin: 0;
	}
	
	#management-area ul li {
		width: auto;
		margin-bottom: 11.628vw;
	}
	
	#management-area ul div {
		margin-bottom: 4.651vw;
		padding: 0 10.465vw;
	}
	
	#management-area ul li dl,
	#management-area ul li p{
		color: #FFF;
	}
	
	#management-area ul li dt {
		text-align: center;
		font-size: 4.651vw;
		font-weight: 600;
		margin-bottom: 4.651vw;
	}
	
	#management-area ul li dd {
		padding: 0;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#management-area {
		margin: 0 2.083vw 4.688vw 2.083vw;
		background: #F08F8F;
		border-radius: 1.042vw;
		padding: 4.688vw 0;
	}
	
	#management-area h3 {
		text-align: center;
		color: #FFF;
		margin-bottom: 2.604vw;
	}
	
	#management-area ul {
		width: 65.1vw;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#management-area ul li {
		width: 19.27vw;
		margin-bottom: 0;
	}
	
	#management-area ul div {
		margin-bottom: 1.042vw;
		padding: 0;
	}
	
	#management-area ul li dl,
	#management-area ul li p{
		color: #FFF;
	}
	
	#management-area ul li dt {
		text-align: center;
		font-size: 1.302vw;
		font-weight: 600;
		margin-bottom: 1.042vw;
	}
	
	#management-area ul li dd {
		padding: 0 0.781vw;
	}
	
}




/*--------------------------------------------------------------
#transfer-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#transfer-area {
		margin-bottom: 13.953vw;
	}
	
	#transfer-area dl {
		background: #FFF;
		border-radius: 1.163vw;
		padding: 2.326vw 3.488vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		width: auto;
		margin: 0 3.488vw 2.326vw 3.488vw;
	}
	
	#transfer-area dt {
		width: 9.302vw;
	}
	
	#transfer-area dt .material-symbols-outlined {
		font-size: 6.512vw;
		color: #F08484;
		vertical-align: -1.163vw;
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
	}
	
	#transfer-area dd {
		width: 75.58vw;
		font-size: 4.651vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	#transfer-area p {
		text-align: left;
		margin-top: 6.977vw;
		padding: 0 8.14vw;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#transfer-area {
		margin-bottom: 5.208vw;
	}
	
	#transfer-area dl {
		background: #FFF;
		border-radius: 0.26vw;
		padding: 0.521vw 1.042vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		width: 42.7vw;
		margin: 0 auto 0.521vw auto;
	}
	
	#transfer-area dt {
		width: 2.083vw;
	}
	
	#transfer-area dt .material-symbols-outlined {
		font-size: 1.667vw;
		color: #F08484;
		vertical-align: -0.26vw;
		font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 24
	}
	
	#transfer-area dd {
		width: 39.06vw;
		font-size: 1.198vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	#transfer-area p {
		text-align: center;
		margin-top: 2.604vw;
		padding: 0;
	}
	
}

/*--------------------------------------------------------------
#after-area
--------------------------------------------------------------*/
	
@media screen and (min-width: 300px) {
	
	#after-area {
		width: auto;
		margin: 0 8.14vw;
	}
	
	#after-area dl {
		
	}
	
	#after-area dl dt {
		width: auto;
		margin-bottom: 5.814vw;
	}
	#after-area dl dt img {
		border-radius: 4.651vw;
	}
	
	#after-area dl dd {
		width: auto;
	}
	
	#after-area span {
		font-size: 4.651vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-bottom: 5.814vw;
		display: block;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#after-area {
		width: 56.25vw;
		margin: 0 auto;
	}
	
	#after-area dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	#after-area dl dt {
		width: 28.64vw;
		margin-bottom: 0;
	}
	#after-area dl dt img {
		border-radius: 1.042vw;
	}
	
	#after-area dl dd {
		width: 23.95vw;
	}
	
	#after-area span {
		font-size: 1.562vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-bottom: 1.302vw;
		display: block;
	}
	
}