@charset "utf-8";

/* =============================================================================
   受講のご案内 .how
   ========================================================================== */

/*----------------------------------------------------
	受講のご案内 #how_top
----------------------------------------------------*/

#content #main #how_top ul { 
	margin: 0;
	padding: 0;
}

#content #main #how_top li { 
	margin:0 0 0.5em 20px;
	padding: 0;	
	list-style-type:none;
	position: relative;
}

#content #main #how_top li:after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #5e90c8;
	border-radius: 100%;
}

#content #main #how_top li ul { 
	margin-top:0.5em;
}

#content #main #how_top li ul li:after {
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 2px solid #5e90c8;
	border-radius: 100%;
}

#content #main #how_top li dl.soudan { 
	margin: 0 0 0 30px;
	padding: 0;
}

#content #main #how_top li dl.soudan dt { 
	margin:0;
	padding: 0;	
	font-size: 1.8rem;
	color: #004fa3;
}

#content #main #how_top li dl.soudan dd { 
	margin:0;
	padding: 0;	
}

@media only screen and (max-width:640px){
	#content #main #how_top li dl.soudan { 
	margin: 10px 0;
	}

	#content #main #how_top li dl.soudan dt { 
	font-size: 1.4rem;
	}

	#content #main #how_top li dl.soudan dd { 
	font-size: 1.3rem;
	}
}


/*----------------------------------------------------
	申込方法 #how_flow
----------------------------------------------------*/

	/* Box */

#content #main #how_flow .howboxarw {
	margin: 0; 
	padding: 0 0 48px 0;
	background:#fff url(../images/arw_bg.png) center bottom no-repeat;
}

#content #main #how_flow .howbox {
	margin: 5px 0 0 0; 
	padding: 0 20px 5px 20px;
	border: 1px solid #000;
}

#content #main #how_flow .howbox h2 {
	margin: 0 0 30px 0;
	border-top:none;
}

@media only screen and (max-width:640px){
	#content #main #how_flow .howboxarw {
	padding: 0 0 26px 0;
	background:#fff url(../images_sp/arw_bg_sp.png) center bottom no-repeat;
	background-size: 24px 24px;
	}

	#content #main #how_flow .howbox {
	padding: 0 10px 5px 10px;
	}

	#content #main #how_flow .howbox h2 {
	margin: 0 0 15px 0;
	}
}


	/* リンク */

#content #main #how_flow ul {
	margin: 1em 0 1em 0; 
	padding: 0; 
	list-style-type:none;
}

#content #main #how_flow .howbox .link {
	margin:  0;
	padding: 0 0 1em 20px;
	background: url(../images/arw_blk.png) 0px 0.4em no-repeat;
}

#content #main #how_flow .howbox .link2 {
	margin:  0.5em 0 0 0;
	padding: 0 0 1em 20px;
	background: url(../images/arw_blk.png) 0px 0.4em no-repeat;
}

@media only screen and (max-width:640px){
	#content #main #how_flow .howbox .link,
	#content #main #how_flow .howbox .link2 {
	background: url(../images_sp/arw_blk_sp.png) 0px 8px no-repeat;
	background-size: 8px 8px;
	}
}


	/* dl */

#content #main #how_flow dt {
	margin: 0 0 0.5em 0;
	padding: 8px 5px 7px 10px;
	line-height:1.5;
	color:#ffffff;
	background:#666;
	font-weight:normal;
	border-radius: 2px;
}

#content #main #how_flow dd {
	margin: 0 0 0.5em 10px;
	padding: 0;
}

#content #main #how_flow dd em {
	font-size:2rem;
	color:#506993;
	font-style:normal;
} 

@media only screen and (max-width:640px){
	#content #main #how_flow dd {
	margin: 0 0 0.5em 0;
	}

	#content #main #how_flow dd em {
	font-size:1.6rem;
	} 
}

	/* 段落 */

#content #main #how_flow .ct {
	margin: 0 0 1em 0; 
	padding: 0 0 0 1em; 
	text-indent:-1em;
	color:#506993;
	font-weight:bold;
}


/*----------------------------------------------------
	ひとめでわかる！語学講座一覧とレベル #how_lebel
----------------------------------------------------*/

#content #main #how_lebel .readtxt { 
	text-align:center;
	margin: 2.5em auto -1em auto; 
	padding: 0;
	font-size:2.6rem;
}

#content #main #how_lebel .readtxt span {
	display:inline-block;
	margin: 0 4px 0 0; 
	padding: 0 10px;
	color:#f08510;
	border:2px solid #f08510;
	border-radius: 3px;
	font-size:2.0rem;
}

#content #main #how_lebel h2#lebel01 { 
    padding: 20px 6px 14px 16px;
	border:none;
	color:#fff;
	border-radius: 3px;
	background:#f08510;	
}

#content #main #how_lebel h2#lebel02 { 
    padding: 20px 6px 14px 16px; 
	border:none;
	color:#fff;
	border-radius: 3px;
	background:#f53d99;	
}

#content #main #how_lebel h2#lebel03 { 
    padding: 20px 6px 14px 16px;
	border:none;
	color:#fff;
	border-radius: 3px;
	background:#1f9fca;	
}

#content #main #how_lebel h2#lebel04 { 
    padding: 20px 6px 14px 16px;
	border:none;
	color:#fff;
	border-radius: 3px;
	background:#663300;	
}

#content #main #how_lebel h2#lebel05 { 
    padding: 20px 6px 14px 16px;
	border:none;
	color:#fff;
	border-radius: 3px;
	background:#8aaad2;	
}

@media only screen and (max-width:640px){
	#content #main #how_lebel .readtxt { 
	margin: 1em auto -1em auto; 
	font-size: 1.4rem;
	}

#content #main #how_lebel .readtxt span {
	font-size: 1.3rem;
}

	#content #main #how_lebel h2#lebel01,
	#content #main #how_lebel h2#lebel02,
	#content #main #how_lebel h2#lebel03,
	#content #main #how_lebel h2#lebel04,
	#content #main #how_lebel h2#lebel05 {
    padding: 12px 10px 8px 10px;
	font-size: 1.4rem;
	}
}



/*----------------------------------------------------
	奨学金制度 #how_scholarship
----------------------------------------------------*/

	/* h2 */

#content #main #how_scholarship h2.scholarship_tabletitle {
	margin: 40px 0 6px 0;
    padding: 0 2px 1px 2px;
	color: #334c66;
	font-size: 2rem;
	line-height:1.5;
	border:none;
}

@media only screen and (max-width:640px){
	#content #main #how_scholarship h2.scholarship_tabletitle {
	margin: 30px 0 4px 0;
	padding: 0 2px 1px 2px;
	font-size: 1.6rem;
	}
}

#content #main #how_scholarship table {
	width:100%;
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #dcdcdc;
	box-sizing: border-box;
}

#content #main #how_scholarship table th {
	width: 9em;
	margin: 0;
	padding: 6px 15px;
	white-space:nowrap;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background:#f9f9f9;
	font-weight:normal;
	line-height:1.5;
	text-align: left;
	box-sizing: border-box;
}

#content #main #how_scholarship table td {
	margin: 0;
	padding: 6px 15px;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	line-height:1.5;
	box-sizing: border-box;
}

@media only screen and (max-width:640px){
	#content #main #how_scholarship table th {
	width:auto;
	padding: 6px;
	font-size:1.1rem;
	}

	#content #main #how_scholarship table td {
	padding: 6px;
	font-size:1.1rem;
	}
}


	/* dl */

#content #main #how_scholarship dl.scholarship_mm {
	margin: 20px 0 1.5em 0;
    padding: 0;
}

#content #main #how_scholarship dl.scholarship_mm dt {
	margin: 40px 0 6px 0;
    padding: 0 2px 1px 2px;
	color: #334c66;
	font-size: 2rem;
	line-height:1.5;
	border:none;
}

@media only screen and (max-width:640px){
	#content #main #how_scholarship dl.scholarship_mm dt {
	margin: 30px 0 4px 0;
	padding: 0 2px 1px 2px;
	font-size: 1.6rem;
	}
}

#content #main #how_scholarship dl.scholarship_mm dd {
	margin: 0;
    padding: 0;
}

#content #main #how_scholarship dl.scholarship_mm ol {
	margin: 0;
    padding: 0;
}

#content #main #how_scholarship dl.scholarship_mm li { 
	margin:0 0 0.5em 20px;
	padding: 0;	
	list-style-type:decimal;
}

/*----------------------------------------------------
	HSK試験 #how_hsk
----------------------------------------------------*/

	/* button */

#content #main #how_hsk .appbtn {
	margin: 20px auto 1em auto;
	padding: 0;
	text-align:center;
}

#content #main #how_hsk .appbtn a {
	display: block;
	width:400px;
	margin: 0 auto;
	padding: 24px 2px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.6rem;
	color:#fff;
	border-radius:2px;
	text-align:center;
	box-sizing: border-box;
	background:#004396 url(../images_sp/arw_white_sp.png);
	background-size: 20px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

#content #main #how_hsk .appbtn a:link		{ color:#fff100; text-decoration:none;}
#content #main #how_hsk .appbtn a:visited	{ color:#fff100; text-decoration:none;}
#content #main #how_hsk .appbtn a:active	{ color:#fff100; text-decoration:none;}
#content #main #how_hsk .appbtn a:hover	{ color:#fff100; text-decoration:none;}


#content #main #how_hsk .appbtn a:hover {
	background:#005bac url(../images_sp/arw_white_sp.png);
	background-size: 20px 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

@media only screen and (max-width:640px){
	#content #main #how_hsk .appbtn a {
	width:100%;
	padding: 16px 2px;
	font-size:1.5rem;
	font-weight: normal;
	line-height:1.5rem;
	}
}