@charset "utf-8";

/*
 *
 * Usage:education layout (education only)
 *
 * Name:education.css
 *
 */

/*---------------------------------------------------------------------
 CLASS
---------------------------------------------------------------------*/
.mB5 { margin-bottom:5px !important; }
.mB10 { margin-bottom:10px !important; }
.mB12 { margin-bottom:12px !important; }
.mB18 { margin-bottom:18px !important; }
.mB20 { margin-bottom:20px !important; }
.mB24 { margin-bottom:24px !important; }
.mB28 { margin-bottom:28px !important; }
.mB30 { margin-bottom:30px !important; }
.mB40 { margin-bottom:40px !important; }
.mB48 { margin-bottom:48px !important; }
.mR5 { margin-right:5px !important; }
.mR10 { margin-right:10px !important; }
.mR15 { margin-right:15px !important; }
.mL5 { margin-left:5px !important; }
.mL10 { margin-left:10px !important; }
.mL15 { margin-left:15px !important; }

.block { display:block !important; }

.w150 { width:150px !important; }
.w222 { width:222px !important; }

.fR { float:right !important; }
.fL { float:left !important; }
.bold { font-weight:bold !important; }
.normal { font-weight:normal !important; }
.cautionColor { color:#bf3f3f !important; }
.indent { margin-left:1em !important; text-indent:-1em !important; }

.borderTopNo { border-top:none !important; }

.aC { text-align:center !important; }
.aR { text-align:right !important; }
.vM { vertical-align:middle !important; }

/*---------------------------------------------------------------------
 Page Style
---------------------------------------------------------------------*/
	body 				{ text-align:center; }
	#rCaseList			{ margin: -10px;}
	.rTileCol3 .rPanel 	{ width: 220px;border: 1px solid #eeeeee;}
	.lead				{ line-height: 32px; font-size: 185%;/*24px*/}
	.fbInfo	a			{ display: block; color:#39599f; }
	.fbLogo				{ display: inline-block; background:url(../images_global/ico_fb_info.png) 0% 50% no-repeat; padding: 0 0 0 23px;line-height: 1.8;}
	.ext				{ position:relative; background:url(../images_global/ico_extlink.gif) 100% 50% no-repeat; padding-right:17px; }
	.fbext				{ background:url(../images_global/ico_extlink.gif) 100% 50% no-repeat; padding-right:17px; }
	.color-608c00       { color:#608c00; }
	.color-ff527f		{ color:#ff527f;}
	.color-00a4cc		{ color:#00a4cc;}
	.color-fd6b00		{ color:#fd6b00;}
	.color-7E5AAD		{ color:#7E5AAD;}
	.rFs-M.w50-r		{ width: 50%;float: right;}
	.rBtnGroup .only	{ width: 40%; }
	.rBtnGroup .only a	{ padding-left: 2em }
/*---------------------------------------------------------------------
 noscript Style
---------------------------------------------------------------------*/
	body.noscript #globalContainer				{ padding-top:20px; }
	body.noscript #education #noscript			{ text-align:center; background-color:#F8F4F5; border:4px solid #F3E0E2; color:#000000; margin:0 auto 40px; padding:15px; width:882px; }
	body.noscript #education #noscript dt		{ font-weight:bold; }
	body.noscript #education #noscript dd		{ line-height:1.5; margin-top:4px; }


/*---------------------------------------------------------------------
レスポンシブ（７６８以下）
---------------------------------------------------------------------*/
@media screen and (max-width:768px){
	.rCategoryMenu		{ display: block;}
	.lead				{ line-height: 21px;font-size: 130.769%;/*17px*/}
	.banner1			{ margin: 10px 0;}
	
	body.responsive-sp .rBlockSect .rMgTop-20 			{ margin-top: 0;}
	body.responsive-sp .rPanel 							{ padding: 3.33333333333333%;}
	body.responsive-sp #rCaseList .rPanel .rPanelInner 	{ margin-top: 5.35714285714286%;}
	body.responsive-sp .rPanel .rPanelLinks 			{ position: initial;margin-top: 5.35714285714286%;}
	
	#sec01:last-child	{ padding-bottom: 5%;}
	.rFs-M.w50-r		{ width: 100%;float: none}
	.rBtnGroup .only	{ width: 100%; }
}