<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
	margin: 0;
	padding: 0;	
	box-sizing: border-box;
}

/*header start*/
header#header{
	width:1200px;
	margin: 20px auto 20px auto;
	display: flex;
	align-items: center;
}
/*header end*/
.top{
	width: 100%;
}
	.sp_mainpic{
		display: none;
	}
	.top__text{
		text-align: center;
		font-size: 30px;
	}
		.top__text--blue{
			font-size: 20px;
			color:#0058A9;
		}
	.topform_box{
		margin: 50px auto;
	}
		.topform__box-flex{
			background-color: #FBE5D6;
			height: 441px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.top__img{
			vertical-align: text-bottom;
			height: 441px;
		}
	.form_box {
		width: 511px;
		background-color: white;
	}
	#register_form{
		border: 3px solid #bbe2f1;
		padding:1%;
		height: 441px;
	}			
.body{
	width: 1200px;
	margin: 0 auto;
}
	.Process{
		padding-bottom: 100px;
	}
		.Process_title{
			text-align: center;
			font-size: 30px;
			padding: 100px 0 60px;
			color: #666666;
		}
			.Process_title .green{
				font-size: 40px;
			}
			.line{
				display: inline-block;
				border-bottom: 5px solid #ffba00;
			}	
			.green{
				color: #00aea4;
			}
			.b{
				font-weight: bold;
			}
		.Process_body{
			display: flex;
			justify-content: space-around;
		}
			.Process_block{
				width: 310px;
				height: 310px;
				border: 3px solid #ededed;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				position: relative;
			}
				.Process_num{
					position: absolute;
					font-size: 36px;
					font-weight: bold;
					top: 20px;
					left: 40px;
					color: #666666;
					line-height: 35px;
					font-family:"Meiryo", "Minion Pro", "DFPHSMincho-W3", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
				}
				.Process_block img{
					width: 40%;
					margin-top: 30px;
				}
				.Process_text{
					width: 100%;
					height: 30%;
					text-align: center;
					font-size: 18px;
					line-height: 30px;
				}
.Step{
	width: 100%;
	background-color: #f4f4f4;
	margin-bottom: 40px;
}
	.Step_box{
		display: flex;
		justify-content: space-between;
		padding-bottom: 100px;
	}
		.Step_title{
			font-size: 30px;
			color: #666666;
			text-align: center;
			padding: 50px 0;
		}
		.Step_block{
			width: 275px;
			box-sizing: border-box;
			padding: 20px 10px;
			background-color: white;
			text-align: center;
			border-radius: 15px;
			position: relative;
		}
			.Step_block img{
				width: 100%;
			}
			.Step_num{
				position: absolute;
				font-size: 20px;
				top: -25px;
				left: 15px;
				font-weight: bold;
			}
				.Step_num span{
					font-size: 30px;
				}
			.Step_text{
				text-align: left;
				margin-top: 10px;
				font-size: 12px;
				line-height: 20px;
				font-weight: bold;
			}
				.Step_text .green{
					font-size: 18px;
					font-weight: bold;
				}
		.Arrows{
			display: flex;
			justify-content: center;
			align-items: center;
		}
.People_title{
	font-size: 30px;
	color: #666666;
	text-align: center;
	padding: 50px 0;
}
.People_box{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 100px;
}
	.People_block{
		width: 310px;
		position: relative;
	}
		.People_num{
			position: absolute;
			font-size: 36px;
			font-weight: bold;
			top: 20px;
			left: 35px;
			color: #666666;
			line-height: 35px;
			font-family:"Meiryo", "Minion Pro", "DFPHSMincho-W3", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
		}
		.People_text{
			font-size: 14px;
			line-height: 25px;
			height: 180px;
			font-weight: bold;
		}
			.People_text span{
				font-size: 18px;
				text-align: center;
				display: inline-block;
				width: 100%;
				font-weight: bold;
				line-height: 40px;
			}
.QA{
	width: 100%;
	background-color: #f8f2e2;
	padding-bottom: 90px;
}
	.QA_title{
		text-align: center;
		font-size: 30px;
		padding: 60px 0 60px;
		color: #666666;
	}
	.question_box{
		width: 980px;
		margin: 0 auto;
	}
		.question__item {
		    margin-bottom: 10px;
		}
			.question__item dt {
			    background-color: #ffffff;
			    font-size: 24px;
			    padding: 20px;
			    box-sizing: border-box;
			    display: flex;
			    justify-content: flex-start;
			    align-items: center;
				cursor: pointer;
			}
				.question__item .character{
					width: 40px;
					height: 40px;
					line-height: 40px;
					font-family: Arial, Helvetica, sans-serif;
					text-align: center;
					font-weight: bold;
					font-size: 28px;
					margin-right: 30px;
				}
				.question__item dt .character {
				    background-color: #00b1a7;
				    color: #fff;
				}
				.question__item dt .text {
				    width: 90%;
				    margin-top: 5px;
				}
				.question__item dt .mark {
				    color: #00b1a7;
				    font-weight: bold;
				    font-size: 28px;
				}
			.question__item dd {
				background-color: #fcf9f1;
				padding: 20px;
				box-sizing: border-box;
				display: none;
			}
				.question__item dd .character {
				    color: #ffbf24;
				    float: left;
				}
				.question__item dd .text {
				    width: 92%;
				    margin-left: 70px;
				}
.Operation{
	width: 100%;
	background-color: #ededed;
}
	.Operation_body{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 50px 0;
	}
		.Operation p:first-child{
			width: 15%;
			font-size: 18px;
			font-weight: bold;
		}
		.Operation P:last-child{
			width: 70%;
			font-size: 14px;
			line-height: 25px;
		}
		.gray_line{
			display: block;
			border-top:2px dashed #bebebe;
			margin: 30px 0;
		}
.footer{
	width: 100%;
}
	.footer_box{
		width: 1200px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding: 40px 0;
	}
		.footer_box p{
			font-size: 14px;
			line-height: 25px;
		}
		.blue{
			color: #0066ff;
		}</pre></body></html>