@charset "UTF-8";
/* CSS Document */
header .header_contents02 .menu_list > li.link04 > .pc_menu_link .link_txt {
	color: #0068B7;
}

.page_title02 {
	background-image: url("../images/registrate/title_bg_pc.jpg");
	margin-bottom: 60px;
}

.wrap01 .r_content {
	padding-top: 25px;
	text-align: center;
}
.wrap01 .r_content ol {
	display: inline-block;
}
.wrap01 .r_content ol li {
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	line-height: 1.7em;
	text-indent: -1em;
	padding-left: 1em;
}
.wrap01 .r_content ol li strong {
	font-weight: 500;
	color: #0068B7;
}
.wrap01 .r_content ol li + li {
	margin-top: 0.3em;
}
.wrap01 .btn_r {
	max-width: 317px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
.wrap01 .btn_r a {
	display: block;
	background-color: #3ABDE0;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 0.9em 0 1.0em;
	border-radius: 2em;
}

.wrap01 .r_txt01 {
	display: block;
	font-size: 14px;
	text-align: left;
	max-width: 770px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 38px;
}


#r_info .r_content .btn_inq a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2dc8f0+30,1e44a7+100 */
	background: #2dc8f0; /* Old browsers */
	background: -moz-linear-gradient(left,  #2dc8f0 30%, #1e44a7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2dc8f0 30%,#1e44a7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2dc8f0 30%,#1e44a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dc8f0', endColorstr='#1e44a7',GradientType=1 ); /* IE6-9 */
	display: block;
	padding: 2px;
}
#r_info .r_content .btn_inq a .bg {
	display: block;
	width: 100%;
	background-color: #fff;
	color: #333;
	border-radius: 2em;
	padding: 0.9em 0 1.0em;
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
}

#r_method {
	margin-top: 70px;
}
#r_method .flow_title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
}
#r_method .line {
	max-width: 598px;
	width: 100%;
	height: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a0e9+0,547fc1+50,8f60a5+100 */
	background: #00a0e9; /* Old browsers */
	background: -moz-linear-gradient(left,  #00a0e9 0%, #547fc1 50%, #8f60a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #00a0e9 0%,#547fc1 50%,#8f60a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #00a0e9 0%,#547fc1 50%,#8f60a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#8f60a5',GradientType=1 ); /* IE6-9 */
}
#r_method .flow_img {
	max-width: 768px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 26px;
	margin-bottom: 36px;
}
#r_method .btn_r {
	max-width: 371px;
}




@media screen and (max-width: 900px) {

	.page_title02 {
		background-image: url("../images/registrate/title_bg_sp.jpg");
		margin-bottom: 8vw;
	}

	.wrap01 .r_content {
		padding-top: 5.3vw;
	}
	.wrap01 .r_content ol li {
		font-size: 4.4vw;
	}
	.wrap01 .r_content ol li + li {
		margin-top: 0.5em;
	}
	.wrap01 .btn_r {
		max-width: none;
		width: 70.6vw;
		margin-top: 6.7vw;
	}
	.wrap01 .btn_r a {
		font-size: 3.7vw;
	}

	.wrap01 .r_txt01 {
		font-size: 3vw;
		margin-top: 6vw;
	}

	#r_info .r_content .btn_inq a {
		padding: 0.5vw;
	}
	#r_info .r_content .btn_inq a .bg {
		font-size: 3.7vw;
	}

	#r_method {
		margin-top: 9.3vw;
	}
	#r_method .flow_title {
		font-size: 4.4vw;
	}
	#r_method .line {
		max-width: none;
		width: 70.3vw;
		height: 0.5vw;
		margin-top: 1vw;
	}
	#r_method .flow_img {
		max-width: none;
		width: 70.3vw;
		margin-top: 7.5vw;
		margin-bottom: 6.7vw;
	}
	#r_method .btn_r {
		max-width: none;
		width: 100%;
	}

}