@charset "utf-8";

p.cap{
	margin-bottom: 44px;
}
.detail{
	width: 96%;
	margin: 12px auto 0;
}
h3{
	border-bottom: 4px solid #ccc;
	margin: 24px 0 0;
	padding: 4px 8px 0;
	font-weight: bold;
	line-height: 1.84;
}
h3::before{
	content:"\f00c";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 4px 2px 0;
}

p.info{
	padding: 12px 16px 32px 16px;
}
span.info{
	display: inline-block;
	padding: 12px 24px 0px 12px;
}

ul.lesson{
	margin: 0px 3.6% 32px;
}
	ul.lesson li{
		font-weight: normal;
	}

.form{
	background: #FFF;
	border: 8px solid #a1d6f3;
	margin: 32px auto 64px;
	padding: 20px 16px 0px;
}
.form p{
	text-align: center;
}

i.fa{
	margin: 0 6px 0 0;
}



.s_btn,
.s_btn2{
	display: block;
	font-size: 1.4rem;
	text-align: center;
	margin: 20px auto 16px !important;
	padding: 0;
}
.s_btn a,
.s_btn2 a{
	color: #fff;
	background-color: #0083e2;
	padding: 10px 20px;
	line-height: 1.4;
	display: inline-block;
	border-radius: 24px;
/*	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);*/
	font-size: 124%;
	margin: 10px;
}
.s_btn a:hover,
.s_btn a:focus,
.s_btn a:active,
.s_btn2 a:hover,
.s_btn2 a:focus,
.s_btn2 a:active{
	background-color: #ff1d83;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
}
	.s_btn a::before,
	.s_btn2 a::before{
		content:"\f138";
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
		padding: 0 0.5em 3px 0;
	}

.s_btn2 a{
	background-color: #00b58a;
}


/* no01 */
.s_btn_bk{
	margin: 80px auto 16px !important;
}
	.s_btn_bk a::before{
		content:"\f137" !important;
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
		padding: 0 4px 3px 0;
	}



.tit-archive {
	color: #0058a9;
	font-weight: 700;
	text-align: center;
	font-size: 1.8rem;
}



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

	#s_header{
		margin: 0;
	}

	div.form p{
		text-align: left;
	}

	div.form p.s_btn{
		text-align: center;
	}

	.s_btn a,
	.s_btn2 a{
		min-width: 60%;
	}

}
/* -------------------------------------------------------------------------------------------------------------------
961px-                                                                                                             PC
------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 960px) {

	#top{
		padding: 64px 0 32px;
	}

	#s_nav ul a::before {
	    font-size: inherit;
	}


	.s_btn a,
	.s_btn2 a{
		width: 50%;
	}
	
	.s_btn2 a{
		display: block;
		margin: 0 auto 20px;
	}

}