@charset "UTF-8";

/* -----------------------------------------------
common header
----------------------------------------------- */

.btn {
	display: block;
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	z-index: 200;
	background-size: 26px 26px;
	background-color: transparent;
	background-image: url(../img_sp/icon_menu.png);
	background-repeat: no-repeat;
	background-position: 16px 8px;
}
.peke {
	background-image: url(../img_sp/icon_close2.png);
}
.drawr {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	_width: 260px;
	z-index: 100;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
_#menu li {
        width:260px;
}
_#menu li a {
        color:#fff;
        display: block;
        padding: 15px;
}

/* menu */

#menuPanel {
	background: #f0f5fc url(../img_sp/bg_shadow.png) top left repeat-y;
	width: 82%;
}
#menuPanel ul {
	margin-top: 0px;
}
#menuPanel ul li {
	border-bottom: 1px #c2c7d2 solid;
}
#menuPanel ul li .primary {
}
#menuPanel ul li .primary a {
	position: relative;
	display: block;
	line-height: 22px;
	color: #142551;
	font-size: 100%;
	font-weight: bold;
	_height: 120%;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 44px;
}
#menuPanel ul li .primary a:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 15px;
	width: 21px;
	height: 21px;
}
#menuPanel ul li .menu01 a:before {
	background: url(/sp/common/images/icon_m01.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu02 a:before {
	background: url(/sp/common/images/icon_m14.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu03 a:before {
	background: url(/sp/common/images/icon_m03.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu04 a:before {
	background: url(/sp/common/images/icon_m15.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu05 a:before {
	background: url(/sp/common/images/icon_m16.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu06 a:before {
	background: url(/sp/common/images/icon_m06.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu07 a:before {
	background: url(/sp/common/images/icon_m07.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu08 a:before {
	background: url(/sp/common/images/icon_m08.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu09 a:before {
	background: url(/sp/common/images/icon_m09.png) top left no-repeat ;
	background-size: 21px 21px;
}
#menuPanel ul li .menu10 a:before {
	background: url(/sp/common/images/icon_m10.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu11 a:before {
	background: url(/sp/common/images/icon_m11.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu12 a:before {
	background: url(/sp/common/images/icon_m12.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu13 a:before {
	background: url(/sp/common/images/icon_m13.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu17 a:before {
	background: url(/sp/common/images/icon_m17.png) top left no-repeat;
	background-size: 21px 21px;
}
#menuPanel ul li .menu18 a:before {
	background: url(/sp/common/images/icon_m18.png) top left no-repeat;
	background-size: 21px 21px;
}
/*
#menuPanel ul li .menu09 a:before {
	display: none;
}
*/
#menuPanel ul li dl dt {
	border-top: 1px #c2c7d2 solid;
}
#menuPanel ul li dl dt:first-child {
	border-top:  none;
}
#menuPanel ul li dl dd {
	border-top: 1px #c2c7d2 solid;
}
#menuPanel ul li dl dd a {
	padding: 12px 0 12px 44px;
	display: block;
	color: #142551;
	font-size: 90%;
}
#menuPanel ul li dl > * {
	background: #dff4ea url(../img_sp/bg_shadow.png) top left repeat-y;
}
#menuPanel ul li dl > *:nth-child(n+5) {
	background-color: #fee9eb;
}
#menuPanel ul li dl > *:nth-child(n+10) {
	background-color: #f2e6f2;
}
#menuPanel ul li dl > *:nth-child(n+15) {
	background-color: #f0f5fc;
}
#menuPanel ul li dl > *:nth-child(n+21) {
	background-color: #fff8db;
}
#menuPanel .btnClose {
	padding-bottom: 24px;
	text-align: center;
	overflow: visible;
}
#menuPanel .btnClose a {
	margin: 0;
	padding: 0 0 0 17px;
	position: relative;
	display: inline-block;
	line-height: 12px;
	color: #142551;
	font-size: 1.4rem;
	font-weight: bold;
	overflow: visible;
}
#menuPanel .btnClose a span {
	margin: 0;
	position: relative;
	display: inline-block;
	min-width: inherit !important;
	overflow: visible !important;
	overflow: visible;
}
#menuPanel .btnClose a:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	width: 12px;
	height: 12px;
	background: url(../img_sp/icon_close2.png) top left no-repeat;
	background-size: 12px 12px;
}
#menuPanel .btnClose a span {
	padding: 0 0 3px 0;
	border-bottom: 1px #142551 solid;
	font-size: 1.4rem;
}
#menuPanel .btnClose a .ui-btn-text:before {
}

/*----------------------------------------
	header_sp
----------------------------------------*/

#header_sp {
	width: 100%;
	height: 50px;
	background: #fff;
	overflow: hidden;
	z-index: 9500;
}
#header_sp .tagline {
	padding: 0 3.4375%;
	height: 27px;
	background-color: #f0f5fc;
}
#header_sp .tagline h1 {
	line-height: 27px;
	color: #142551;
	font-size: 1rem;
}
#header_sp .tagline h1 span {
	color: #313e61;
}
#header_sp p {
	display: block;
	margin: 0 0 0 2%;
	padding: 10px 0;
	float: left;
	width: 189px;
	min-height: inherit;
}
#header_sp ul {
	float: right;
	width: 112px;
}
#header_sp ul li {
	border-left: 1px #dfdfdf solid;
	float: left;
	width: 55px;
	height: 50px;
}
#header_sp ul li a {
	display: block;
	width: 55px;
	height: 50px;
	color: #142551;
	text-align: center;
	font-size: 0.8rem;
}
#header_sp ul li a:before {
	margin: 0 auto;
	padding: 8px 0 3px 0;
	content: "";
	display: block;
	width: 26px;
	height: 26px;
}
#header_sp ul li:first-child a:before {
	background: url(../img_sp/icon_dial.png) 0 8px no-repeat;
	background-size: 26px 26px;
}
_#header_sp ul li:last-child a:before {
	background: url(../img_sp/icon_menu.png) 0 8px no-repeat;
	background-size: 26px 26px;
}


/*----------------------------------------
	gnavi
----------------------------------------*/

.gnavi_sp{
	display: table;
	width: 100%;
	background-color: #46B6E9;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336699;
}

.gnavi_sp a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	height: 10px;
	min-width: 70px;
	color: #FFF;
	padding-top: 32px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	font-size: 11px;
}
.gnavi_sp .home {
	background-image: url(../img_sp/icon_home.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 30px 30px;
}
.gnavi_sp .course {
	background-image: url(../img_sp/icon_course.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 30px 30px;
}
.gnavi_sp .fee {
	background-image: url(../img_sp/icon_fee.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 30px 30px;
}
_.gnavi_sp .flow {
	background-image: url(../img_sp/icon_flow.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 30px 30px;
}
.gnavi_sp .succeed {
	background-image: url(../img_sp/icon_m018.png);
	background-repeat: no-repeat;
	background-position: center 3px;
	background-size: 26px 26px;
}
.gnavi_sp .faq {
	background-image: url(../img_sp/icon_faq.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 30px 30px;
	border-right-style: none;
}



/*　メインビジュアル
----------------------------------------*/

.main_visual {
}

.main_visual img {
	position:relative;
	z-index:1;
	width:100%;
	height: auto;
}

/*　PC用を利用する場合  */

_.main_visual .image {
  background-repeat: no-repeat;
  background-position: center top;
  height: 0;
  overflow: hidden;
  padding-top: 100px;
  margin-bottom: 10px;
  position: relative;
}


/*　メインビジュアル下のナビ
----------------------------------------*/

.main_visual .lnav {
	margin-top: 10px;
}
.main_visual .lnav_list {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.main_visual .lnav_list li {
	border: 1px #c2c7d2 solid;
	border-radius: 6px;
	margin-bottom: 4px;
}
.main_visual .lnav_list li a {
	padding: 12px 20px 12px 15px;
	border-radius: 6px;
	position: relative;
	display: block;
	color: #142551;
	background-color: #f0f5fc;
	font-size: 13px;
	font-weight: bold;
}
.main_visual .lnav_list li a:after {
	position: absolute;
	top: 11px;
	right: 12px;
	content: "";
	width: 8px;
	height: 15px;
	display: block;
	background: url(/sp/common/images/icon_arrow03.png) top left no-repeat;
	background-size: 8px 15px;
}


/* ページタイトル
---------------------------------------- */

.page_title_wrap {
	_background: url(../img/common/bg_page_title.png) repeat-x top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #e6eef9;
}
.page_title_wrap h1.page_title {
	_display: inline-block;
	margin-right: 0px;
	color: #142551;
	font-size: 100%;
	_vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	padding-top: 10px;
}
.page_title_wrap .description {
	font-weight: bold;
	color: #FFF;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 50%;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* 共通テーブルレイアウト
---------------------------------------- */
.cm_table_layout h3{
    background: #eef3fb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 10px 2px;
    margin-bottom: 5px;
    color: #142551;
    font-size: 21px;
    font-weight: bold;
}
.cm_table_layout table{
	width:100%;
	font-size:medium;
}
.cm_table_layout th{
	padding:10px;
	background-color:#0080d1;
	text-align:center;
	color:#fff;
}
.cm_table_layout td{
	padding:10px;
	text-align:center;
}
.cm_table_layout #closebox{
	display:none;
}
.cm_table_layout pre{
	overflow:scroll;
}

.cm_table_layout2 h3{
    background: #eef3fb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px 10px 2px;
    margin-bottom: 5px;
    color: #142551;
    font-size: 21px;
    font-weight: bold;
}
.cm_table_layout2 table{
	width:100%;
	border-collapse:collapse;
	font-size:medium;
}
.cm_table_layout2 th{
	padding:10px;
	border:1px dotted #ccc;
	background-color:#0080d1;
	text-align:center;
	color:#fff;
}
.cm_table_layout2 td{
	padding:10px;
	border:1px dotted #ccc;
	text-align:center;
}

.cm_table_layout3 h3{
	margin-bottom: 10px;
	background: #0087d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.cm_table_layout3 table{
	width:100%;
	margin-bottom:40px !important;
	border-collapse:collapse;
	font-size: 13px;
}
.cm_table_layout3 th{
	padding:10px;
	border:1px solid #ccc;
	background: #d9e4f6;
	text-align:center;
	color: #142551;
}
.cm_table_layout3 .nowrap th{
	white-space:nowrap;
}
.cm_table_layout3 td{
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
	background-color:#fff;
}
td.noborder{
	padding:5px;
	border:none;
}
.cm_table_layout3 .text{
	font-size: 13px;
	line-height: 26px;
	margin-left: 10px;
	margin-right: 10px;
}

/* メインコンテンツ　角丸、白背景ブロック
---------------------------------------- */
.bg_round_white {
}

/* ページコンテンツブロック
---------------------------------------- */
.content_block {
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}

.content_block .image {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_block .block_head {
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background-image: url(../img/common/icon_pencil.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px 13px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 30px;
}
.content_block .block_body {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  padding: 15px;
	margin-bottom: 20px;
}
.content_block .block_body .text {
	font-size: 90%;
	line-height: 25px;
	color: #555;
	margin-right: 10px;
	margin-left: 10px;
}
.content_block .block_body .bg_round_white {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFF;
	padding-bottom: 20px;
}
.content_block .block_body .head_text {
	font-size: 90%;
	line-height: 25px;
	color: #555;
	margin-right: 10px;
	margin-left: 10px;
}

.content_unit {
  padding: 0;
  margin-bottom: 10px;
}
.content_unit .unit_head {
  padding: 10px 20px 8px;
  border-bottom: solid 1px #dae2f0;
  color: #142551;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
}
.content_unit .unit_body {
  padding: 20px 20px 5px;
}
.content_unit .unit_body dl dt {
  margin-bottom: 8px;
}
.content_unit .unit_body dl dd {
  margin-bottom: 15px;
  overflow: hidden;
}

/* 見出し系
---------------------------------------- */
/* アイコン付き見出し */
.icon_head {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  margin-bottom: 20px;
  color: #142551;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.course .icon_head {
  background-image: url(../img/common/icon_flag.png);
}

.lecturer .icon_head {
  background-image: url(../img/common/icon_person.png);
  background-position: left 2px;
}

.result .icon_head {
  background-image: url(../img/common/icon_result.png);
  background-position: left 3px;
}

.success .icon_head {
  background-image: url(../img/common/icon_success.png);
  padding-top: 1px;
}

/* 背景色ネイビー見出し */
.navy_head {
	background-color: #101a3f;
	padding: 8px 15px 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	zoom: 1;
	line-height: 20px;
}

/* 背景色ネイビー見出し（吹き出し付き） */
.navy_head_left_baloon {
	background-color: #101a3f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	position: relative;
	zoom: 1;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
  margin-bottom: 10px;
}
.navy_head_left_baloon:before {
  content: "";
  display: block;
  background: url(../img/common/baloon_left_navy.png) no-repeat center top;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -4px;
}

/* 穴あき風見出し */
.hole_head {
  background: #eaeefa url(../img/common/icon_hole.png) no-repeat 20px center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 0 7px 45px;
  color: #142551;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  zoom: 1;
}



/* CVBOX 2019.12.13新規  
--------------------------------------------------------------------*/

.contact_wrap{
	margin: 0 auto 2vw;
}

.contact_wrap h2{
	font-size: 4vw;
	font-weight: 600;
	margin: 30px 0 20px;
	text-align: center;
}

.contact_wrap img{
	width: 100%;
}

.contact_wrap .contact_btn p{
	margin: 0 auto 3vw;
	padding: 0 3vw;
}




/*----------------------------------------
	cvbox
----------------------------------------*/


.cvbox {
	margin-bottom: 16px;
	background-color: #FFF;
	padding-top: 20px;
}
.cvbox .label {
	margin: 0 auto 10px auto;
	padding: 8px 0;
	border-radius: 12px;
	width: 95%;
	color: #FFFFFF;
	background-color: #46B6E9;
	font-size: 1rem;
	text-align: center;
}
.cvbox .freedial {
	text-align: center;
}
.cvbox .freedial img{
	margin: 0 auto;
	width: 100%;
}
.cvbox .btn_request {
	margin: 4px 8px;
	text-align: center;
}
.cvbox .btn_request img{
	margin: 0 auto;
	width: 100%;
}
.cvbox .btn_counselling {
	margin: 4px 8px;
	text-align: center;
}
.cvbox .btn_counselling img{
	margin: 0 auto;
	width: 100%;
}
.cvbox .btn_taiken {
	margin: 4px 8px;
	text-align: center;
}
.cvbox .btn_taiken img{
	margin: 0 auto;
	width: 100%;
}


.cvbox ul {
	padding-bottom: 30px;
}
.cvbox ul li {
	float: left;
	width: 41.875%;
}
.cvbox ul li:first-child {
	margin: 0 2.5% 0 6.875%;
}

.cvbox ul li.request a{
	padding: 9px 0;
	border: 1px solid #CC0000;
	border-radius: 6px;
	display: block;
	background-color: #FF6600;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.cvbox ul li.entry a{
	padding: 9px 0;
	border: 1px solid #666600;
	border-radius: 6px;
	display: block;
	background-color: #669900;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.cvbox ul li.counselling a{
	padding: 9px 0;
	border: 1px solid #666600;
	border-radius: 6px;
	display: block;
	background-color: #669900;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.cvbox .koushi_touroku {
	clear:both;
	width: 86.25%;
	margin-left:auto;
	margin-right:auto;
}
.cvbox .koushi_touroku a {
	border: 1px solid #FF3300;
	border-radius: 6px;
	display: block;
	background-color: #FF6600;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 0;
}



/* ページコンテンツ下部
---------------------------------------- */
.contents_tail {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 110px;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	height: 40px;
}
.contents_tail .text {
  color: #142551;
  font-size: 12px;
  line-height: 1.5;
}
.contents_tail.fujishiro {
  background-image: url(../img/common/img_fujishiro.png);
  background-position: 5px bottom;
  background-size: 40%;
}
.contents_tail.saito {
  background-image: url(../img/common/img_saito.png);
  background-position: 5px bottom;
  background-size: 40%;
}

/* テーブル系
---------------------------------------- */
.lightblue_table {
  width: 90%;
  margin-left:auto;
  margin-right:auto;
}
.lightblue_table th,
.lightblue_table td {
  border: solid 1px #dae2f0;
  padding: 5px 10px;
  vertical-align: top;
}
.lightblue_table th {
  background-color: #ecf1fc;
  font-weight: bold;
}



/*----------------------------------------
	commonFooter
----------------------------------------*/

#commonFooter {
	background-color: #FFF;
}
#commonFooter .footerNavi {
	margin-bottom: 18px;
}
#commonFooter .footerNavi ul {
}
#commonFooter .footerNavi ul li {
	border-bottom: 1px #0081ce solid;
	background-color: #00a3e7;
}
#commonFooter .footerNavi ul li a {
	display: block;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 4.6875%;
	padding-bottom: 15px;
	padding-left: 4.6875%;
}
#commonFooter .footerNavi ul li a span {
	padding-left: 28px;
	position: relative;
	display: block;
}
#commonFooter .footerNavi ul li a span:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 21px;
	height: 21px;
}
#commonFooter .footerNavi ul li a span:after {
	position: absolute;
	top: 0px;
	right: 0;
	content: "";
	width: 8px;
	height: 18px;
	background-size: 8px 18px;
	background-image: url(../img_sp/icon_arrow01.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#commonFooter .footerNavi ul li.menu00 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_search.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#commonFooter .footerNavi ul li.menu01 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_course.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerNavi ul li.menu02 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_fee.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerNavi ul li.menu03 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_flow.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerNavi ul li.menu04 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_faq.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerNavi ul li.menu05 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_m02.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerNavi ul li.menu06 a span:before {
	background-size: 21px 21px;
	background-image: url(../img_sp/icon_taikendan.png);
	background-repeat: no-repeat;
	background-position: left -2px;
}
#commonFooter .footerInqury {
	margin-bottom: 16px;
}
#commonFooter .footerInqury .label {
	margin: 0 auto 10px auto;
	padding: 6px 0;
	border-radius: 12px;
	width: 86.25%;
	color: #142551;
	background-color: #f0f5fc;
	font-size: 1rem;
	text-align: center;
}
#commonFooter .footerInqury .freedial {
	margin: 0 auto 8px auto;
	width: 86.25%;
}
#commonFooter .footerInqury ul {
	padding-bottom: 30px;
}
#commonFooter .footerInqury ul li {
	float: left;
	width: 41.875%;
}
#commonFooter .footerInqury ul li:first-child {
	margin: 0 2.5% 0 6.875%;
}
_#commonFooter .footerInqury ul li a {
	padding: 9px 0;
	border: 1px #f2ab00 solid;
	border-radius: 6px;
	display: block;
	color: #142551;
	background-color: #ffcd00;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
}
#commonFooter .footerInqury ul li.request {
	padding: 9px 0;
	border: 1px solid #CC0000;
	border-radius: 6px;
	display: block;
	color: #142551;
	background-color: #FF0000;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
}
#commonFooter .footerInqury ul li.entry {
	padding: 9px 0;
	border: 1px solid #336600;
	border-radius: 6px;
	display: block;
	color: #142551;
	background-color: #669900;
	_text-shadow: 0px 1px 0px #fff;
	text-align: center;
	font-weight: bold;
}
#commonFooter .footerInqury ul li a {
	color: #FFF;
	text-decoration: none;
}
#commonFooter .copyright {
	color: #142551;
	background-color: #f0f5fc;
	font-size: 0.8rem;
	text-align: center;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	clear: both;
	margin-top: 20px;
}
#commonFooter .linkPC {
	padding: 25px 0;
	text-align: center;
}
#commonFooter .linkPC a {
	padding-left: 20px;
	display: inline-block;
	position: relative;
	color: #142551;
	font-size: 1.4rem;
	font-weight: bold;
}
#commonFooter .linkPC a:before {
	position: absolute;
	top: 4px;


	left: 0;
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	background: url(../img_sp/icon_pc.png) top left no-repeat;
	background-size: 14px 14px;
}
#commonFooter .linkPC a span {
	padding-bottom: 0;
	border-bottom: 1px #142551 solid;
}


/* ボタン系
---------------------------------------- */

/* グレーボタン */
.btn_grey a {
  display: block;
  border: solid 1px #bdbdbd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(../img/common/btn_grandit.png) no-repeat top;
  background-repeat: repeat-x;
  height: 22px;
  padding-top: 10px;
  text-decoration: none;
  color: #142551;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  position: relative;
  zoom: 1;
}
.btn_grey a:hover {
  background-image: url(../img/common/btn_grandit_hover.png);
}

/* グレーボタンS */
.btn_grey_s {
  width: 58px;
}
.btn_grey_s a {
  display: block;
  background: url(../img/common/btn_grey_s_sprite.png) no-repeat 0 0;
  width: 58px;
  height: 24px;
  padding-top: 6px;
  text-decoration: none;
  color: #142551;
  font-weight: bold;
  text-align: center;
}
.btn_grey_s a:hover {
  background-position: 0 -35px;
}

/* グレーボタンL */
.btn_grey_l {
  width: 160px;
}
.btn_grey_l a {
  display: block;
  background: url(../img/common/btn_grey_l_sprite.png) no-repeat 0 0;
  width: 160px;
  height: 26px;
  padding-top: 8px;
  text-decoration: none;
  color: #142551;
  font-weight: bold;
  text-align: center;
}
.btn_grey_l a:hover {
  background-position: 0 -39px;
}

.btn_blue {
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.btn_blue a{
display: block;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background: #0066cb;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-align: center;
width: 55%;
margin: 0 auto;
}


/* お近くの家庭教師を探す */
.btn_search_lecturer a {
  display: block;
  background: url(../img/index/btn_search_sprite.png) no-repeat 0 -67px;
  width: 312px;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  padding-top: 62px;
}
.btn_search_lecturer a:hover {
  background-position: 0 0;
}

/* 詳しく見る */
.btn_detail {
	width: 90%;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.btn_detail a {
  display: block;
  border: solid 1px #b6b6b6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(../img/common/btn_grandit.png) repeat-x center;
  height: 32px;
  color: #142551;
  font-weight: bold;
  line-height: 32px;
  text-decoration: none;
}
.btn_detail a:hover {
  background-image: url(../img/common/btn_grandit_hover.png);
}




/* 文字強調・文字色
---------------------------------------- */

.strong {
	font-weight: bold;
}

.clr_red {
	color: #F00;
}

.clr_yellow {
	color: #FFFF00;
}

/*----------------------------------------
	【adjust】
----------------------------------------*/
.mgb_0 {
  margin-bottom: 0 !important;
}

.mgb_5 {
  margin-bottom: 5px !important;
}

.mgb_10 {
  margin-bottom: 10px !important;
}

.mgb_15 {
  margin-bottom: 15px !important;
}

.mgb_20 {
  margin-bottom: 20px !important;
}

.mgb_25 {
  margin-bottom: 25px !important;
}

.mgb_30 {
  margin-bottom: 30px !important;
}

.mgb_35 {
  margin-bottom: 35px !important;
}

.mgb_40 {
  margin-bottom: 40px !important;
}

.mgb_45 {
  margin-bottom: 45px !important;
}

.mgb_50 {
  margin-bottom: 50px !important;
}

.mgb_55 {
  margin-bottom: 55px !important;
}

.mgb_60 {
  margin-bottom: 60px !important;
}

.mgb_65 {
  margin-bottom: 65px !important;
}

.mgb_70 {
  margin-bottom: 70px !important;
}

.mgb_75 {
  margin-bottom: 75px !important;
}

.mgb_80 {
  margin-bottom: 80px !important;
}

.mgb_85 {
  margin-bottom: 85px !important;
}

.mgb_90 {
  margin-bottom: 90px !important;
}

.mgb_95 {
  margin-bottom: 95px !important;
}

.mgb_100 {
  margin-bottom: 100px !important;
}

.mgt_0 {
  margin-top: 0 !important;
}

.mgtn_5 {
  margin-top: -5px !important;
}

.mgtn_10 {
  margin-top: -10px !important;
}

.mgtn_15 {
  margin-top: -15px !important;
}

.mgtn_20 {
  margin-top: -20px !important;
}

.mgtn_25 {
  margin-top: -25px !important;
}

.mgtn_30 {
  margin-top: -30px !important;
}

.mgtn_35 {
  margin-top: -35px !important;
}

.mgtn_40 {
  margin-top: -40px !important;
}

.pdb_0 {
  padding-bottom: 0 !important;
}

.fc_red {
  color: #de0515;
}

.fw_n {
  font-weight: normal;
}

.fw_b {
  font-weight: bold;
}

.ta_l {
  text-align: left;
}

.ta_c {
  text-align: center;
}

.ta_r {
  text-align: right;
}
/* コンテンツ内バナーの設定
---------------------------------------- */
.main .top_banner img{
	width:100%;
	height:auto;
}

/* コース一覧　 */

.block.course .course_group.elementary .head {
  border: solid 1px #279b49;
  background-color: #39b574;
  padding:10px;
  display:block;
  color:#FFF;
}
.block.course .course_group.juniorhigh .head {
  border: solid 1px #f0364e;
  background-color: #f46376;
  padding:10px;
  display:block;
  color:#FFF;
}
.block.course .course_group.high .head {
  border: solid 1px #8b509f;
  background-color: #a674b5;
  padding:10px;
  display:block;
	color:#FFF;
}
.block.course .course_group.other .head {
	border: solid 1px #d2dbed;
	background-color: #D6D6D6;
	background-color: #1875ce;
	padding: 10px;
	display: block;
	color:#FFF;
}


.block.course .btns div a {
  display: block;
  padding: 10px 15px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #2390e1 url(../img/common/icon_arrow_right_white.png) no-repeat 95% center;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.block.course .btns .btn_pro {
	margin-top: 5px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.block.course .btns .btn_graduate {
	margin-top: 5px;
	clear: both;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}