/*-------------------------------------
■ Step
-------------------------------------*/
.step_flow_box{
	margin-bottom:50px;
}
#sidegrade{
	padding-top:130px;
}

.step_content{
	position:relative;
	margin:0 auto 40px;
	padding:30px 20px 20px;
	color:#fff;
}
.sc_new .step_content{
	max-width:540px;
	background:#0a69b7
}
.sc_switch .step_content{
	width:80%;
	background:#00acd0
}

.step_content:last-child{margin-bottom:0}

.step_content:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:-35px;
	margin:0 auto 0 -20px;
	text-align:center;
	width:0px;
	border-style:solid;
	border-width:20px;
	border-left-color:transparent;
	border-bottom-color:transparent;
	border-right-color:transparent;
}
.step_content:last-child:after{display:none}
.sc_new .step_content:after{border-top-color:#0a69b7}
.sc_switch .step_content:after{border-top-color:#00acd0}


/* ↓ title */
.sc_switch .heading_title{
	color:#00acd0;
}
.heading_title:before,
.heading_title:after{
	border-color:#00acd0;
}

.step_num_head{
	position:relative;
	margin-bottom:10px;
	text-align:center;
}
.sc_new .step_num_head:before{border-top:solid 1px #0a69b7}
.sc_switch .step_num_head:before{border-top:solid 1px #00acd0}

.step_num_head span{
	position:relative;
	display:inline-block;
	padding:0 32px;
}

.step_num_head span strong{
	display:block;
	line-height:1;
	opacity:.55;
}

.step_num_head span strong:first-child{
	font-size:1.1rem;
}
.step_num_head span strong:last-child{
	font-size:3rem;
}
/* ↑ title */

.step_content h5{
	padding-bottom:20px;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
}

.step_content p{
	padding-bottom:20px;
	text-align:center;
}


/* Sidegrade Content
-------------------------------------*/
.sg_content{
}
.content p.sgc_title,
.content p.sgc_text_up,
.content p.sgc_text_under{
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
}

.content p.sgc_title{
	margin-bottom:40px;
}
.content p.sgc_title strong{
	position:relative;
	display:inline-block;
	margin:0 5px;
	font-size:1.8rem;
	color:#00acd0;
}
.content p.sgc_title strong:after{
	content:"";
	position:absolute;
	left:0;
	bottom:3px;
	width:100%;
	height:5px;
	background:#ffda4a;
}
.content p.sgc_title span{
	display:block;
	margin-top:10px;
	font-size:1rem;
}

.content p.sgc_text_up{
	width:80%;
	margin:0 auto;
	padding:30px;
	color:#fff;
	background:#00acd0;
}
.content p.sgc_text_up strong{
	color:#ff0;
}


.sgc_check_box{
	width:80%;
	margin:0 auto 40px;
	padding:40px 30px;
	background:#f6f6f6;
}
.sgc_check_box ul{
}
.sgc_check_box ul li{
	display:table;
	margin-bottom:10px;
	font-size:1.3rem;
	font-weight:bold;
}
.sgc_check_box ul li:last-child{
	margin-bottom:0;
}
.sgc_check_box ul li i{
	display:table-cell;
	padding-right:5px;
	color:#00acd0;
}
.sgc_check_box ul li strong{
	display:table-cell;
	width:100%;
}


.content p.sgc_text_under{
	margin-top:50px;
}
.content p.sgc_text_under a{
	color:#00acd0;
	text-decoration:underline;
}
.content p.sgc_text_under a:hover{
	color:#0a69b7;
	text-decoration:none;
}





@media screen and (max-width:767px){
	.sc_switch .step_content,
	.content p.sgc_text_up,
	.sgc_check_box{
		width:100%;
	}

	.content p.sgc_title,
	.content p.sgc_text_up,
	.content p.sgc_text_under{
		font-size:1.4rem;
	}

	.sgc_check_box ul li{
		font-size:1.1rem;
	}
}





@media screen and (max-width:480px){
	.heading_title{
		letter-spacing:0;
	}

	.step_flow_box{
		margin-bottom:40px;
	}
	#sidegrade{
		padding-top:90px;
	}

	.step_content:after{
		margin:0 auto 10px -14px;
		border-width:14px;
	}

	.step_content h5{
		padding-bottom:15px;
		font-size:1.4rem;
	}

	.step_content p{
		text-align:left;
	}

/* Sidegrade Content
-------------------------------------*/
	.content p.sgc_title,
	.content p.sgc_text_up,
	.content p.sgc_text_under{
		font-size:1.2rem;
	}
	.content p.sgc_title{
		margin-top:-10px;
	}
	.content p.sgc_text_under{
		font-size:1.1rem;
		text-align:left;
	}

	.content p.sgc_text_up,
	.sgc_check_box{
		padding:20px;
	}
}