@charset "shift-jis";
.sprite-sprite, .sprite-btn_backtop, .sprite-btn_side01, .aside .btn_inquiry, .sprite-btn_side02, .aside .btn_search, .sprite-ico_arrow, .sprite-ico_top, footer .pagetop .ico, .sprite-navi01_balloon, .sprite-navi_company_header, .sprite-navi_home_header, .sprite-navi_sitemap_header, .sprite-sidebar_search_title, #side .search > .title, .sprite-top_area01_btn, .top .area01 .btn, .sprite-top_case01, .top_navi .navi01, .sprite-top_case01_on, .top_navi .navi01 a:hover, .sprite-top_case02, .top_navi .navi02, .sprite-top_case02_on, .top_navi .navi02 a:hover, .sprite-top_case03, .top_navi .navi03, .sprite-top_case03_on, .top_navi .navi03 a:hover, .sprite-top_case04, .top_navi .navi04, .sprite-top_case04_on, .top_navi .navi04 a:hover, .sprite-top_case05, .top_navi .navi05, .sprite-top_case05_on, .top_navi .navi05 a:hover {
  background: url('../img/sprite-s42d60955dd.png') no-repeat;
}

.sprite_big-sprite, .sprite_big-bnr01, .sprite_big-bnr02, .sprite_big-bnr03, .sprite_big-bnr04, .sprite_big-btn_eccjr_header, .sprite_big-btn_inquiry, .sprite_big-btn_search, .sprite_big-dotline_blue, .sprite_big-dotline_green, .sprite_big-dotline_lgreen, .sprite_big-dotline_orange, .sprite_big-dotline_pink, .sprite_big-dotline_purple, .sprite_big-dotline_yellow, .sprite_big-logo, .sprite_big-logo2,, .sprite_big-sidebar_bnr01, .sprite_big-sidebar_bnr02, .sprite_big-sidebar_bnr03, .sprite_big-sidebar_bnr04, .sprite_big-tel, .sprite_big-tel_header, .sprite_big-title_footer_inquiry, .sprite_big-top_area01_bg, .top .area01, .sprite_big-top_area01_title, .top .area01 .title, .sprite_big-top_title, .top_navi .title {
  background: url('../img/sprite_big-s036ee603b3.png') no-repeat;
}

.sprite_retina-sprite {
  background: url('../img/sprite_retina-s6e2fb91492.png') no-repeat;
}

.sprite_ico-sprite, .sprite_ico-arrow, #side .teacher .btn a, .sprite_ico-head_blue, .pink #main_content > section h2 > span, .sprite_ico-head_dot_blue, footer .course li,
footer .service li, .sprite_ico-head_green, #main_content > section h2 > span, footer h1, .sprite_ico-head_lgreen, .orange #main_content > section h2 > span, .sprite_ico-head_orange, .yellow #main_content > section h2 > span, .sprite_ico-head_pink, .purple #main_content > section h2 > span, .sprite_ico-head_purple, .lgreen #main_content > section h2 > span, .sprite_ico-head_red, .top .area02 .right > p, .sprite_ico-head_s_green, .ico_green_small, .sprite_ico-head_s_lgreen, footer .nav li, .sprite_ico-head_yellow, .blue #main_content > section h2 > span, .sprite_ico-link_blue, .blue #main_content > section .box_link a span, .blue #main_content > section .content_nav li, .blue #main_content > section .content_nav dd, .blue #main_content > section ul.link_list dt > span, .sprite_ico-link_green, #main_content > section .box_link a span, #main_content > section .content_nav li, #main_content > section .content_nav dd, #main_content > section ul.link_list dt > span, .sprite_ico-link_lgreen, .lgreen #main_content > section .box_link a span, .lgreen #main_content > section .content_nav li, .lgreen #main_content > section .content_nav dd, .lgreen #main_content > section ul.link_list dt > span, .sprite_ico-link_orange, .orange #main_content > section .box_link a span, .orange #main_content > section .content_nav li, .orange #main_content > section .content_nav dd, .orange #main_content > section ul.link_list dt > span, .sprite_ico-link_pink, .pink #main_content > section .box_link a span, .pink #main_content > section .content_nav li, .pink #main_content > section .content_nav dd, .pink #main_content > section ul.link_list dt > span, .sprite_ico-link_purple, .purple #main_content > section .box_link a span, .purple #main_content > section .content_nav li, .purple #main_content > section .content_nav dd, .purple #main_content > section ul.link_list dt > span, .sprite_ico-link_red, #side .search .btn02, .sprite_ico-link_s_green, .top .area03 .btn li > a, .sprite_ico-link_yellow, .yellow #main_content > section .box_link a span, .yellow #main_content > section .content_nav li, .yellow #main_content > section .content_nav dd, .yellow #main_content > section ul.link_list dt > span {
  background: url('../img/sprite_ico-sf5b8ff4055.png') no-repeat;
}

.sprite_ico_retina-sprite {
  background: url('../img/sprite_ico_retina-sf6468bcbd9.png') no-repeat;
}

/*------------------------------------------
mixin icon
------------------------------------------*/
/* arrow */
/* dot_blue */
/* s_lgreen */
/* link_s_green */
/* green */
/* pink */
/* blue */
/* lgreen */
/* orange */
/* purple */
/* yellow */
/* red */
/*--------------------------------
main templete
--------------------------------*/
#main_content > section .box_link a span {
  padding-left: 20px;
}
#main_content > section .content_nav li, #main_content > section .content_nav dd {
  padding-left: 20px;
}
#main_content > section h2 > span {
  padding-left: 20px;
}
#main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp #main_content > section .content_nav li, .sp #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp #main_content > section h2 > span {
  padding-left: 20px;
}
.sp #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* blue content */
.blue #main_content > section .box_link a span {
  padding-left: 20px;
}
.blue #main_content > section .content_nav li, .blue #main_content > section .content_nav dd {
  padding-left: 20px;
}
.blue #main_content > section h2 > span {
  padding-left: 20px;
}
.blue #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .blue #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .blue #main_content > section .content_nav li, .sp .blue #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp .blue #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .blue #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* lgreen content */
.lgreen #main_content > section .box_link a span {
  padding-left: 20px;
}
.lgreen #main_content > section .content_nav li, .lgreen #main_content > section .content_nav dd {
  padding-left: 20px;
}
.lgreen #main_content > section h2 > span {
  padding-left: 20px;
}
.lgreen #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .lgreen #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .lgreen #main_content > section > .content_nav li, .sp .lgreen #main_content > section > .content_nav dd {
  padding-left: 20px;
}
.sp .lgreen #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .lgreen #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* yellow content */
.yellow #main_content > section .box_link a span {
  padding-left: 20px;
}
.yellow #main_content > section .content_nav li, .yellow #main_content > section .content_nav dd {
  padding-left: 20px;
}
.yellow #main_content > section h2 > span {
  padding-left: 20px;
}
.yellow #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .yellow #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .yellow #main_content > section .content_nav li, .sp .yellow #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp .yellow #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .yellow #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* orange content */
.orange #main_content > section .box_link a span {
  padding-left: 20px;
}
.orange #main_content > section .content_nav li, .orange #main_content > section .content_nav dd {
  padding-left: 20px;
}
.orange #main_content > section h2 > span {
  padding-left: 20px;
}
.orange #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .orange #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .orange #main_content > section .content_nav li, .sp .orange #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp .orange #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .orange #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* pink content */
.pink #main_content > section .box_link a span {
  padding-left: 20px;
}
.pink #main_content > section .content_nav li, .pink #main_content > section .content_nav dd {
  padding-left: 20px;
}
.pink #main_content > section h2 > span {
  padding-left: 20px;
}
.pink #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .pink #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .pink #main_content > section .content_nav li, .sp .pink #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp .pink #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .pink #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

/* purple content */
.purple #main_content > section .box_link a span {
  padding-left: 20px;
}
.purple #main_content > section .content_nav li, .purple #main_content > section .content_nav dd {
  padding-left: 20px;
}
.purple #main_content > section h2 > span {
  padding-left: 20px;
}
.purple #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sp .purple #main_content > section .box_link a span {
  padding-left: 20px;
}
.sp .purple #main_content > section .content_nav li, .sp .purple #main_content > section .content_nav dd {
  padding-left: 20px;
}
.sp .purple #main_content > section h2 > span {
  padding-left: 20px;
}
.sp .purple #main_content > section ul.link_list dt > span {
  padding-left: 20px;
}

.sprite-btn_backtop {
  background-position: 0 -2486px;
  height: 50px;
  width: 50px;
}

.sprite-btn_side01, .aside #btn .btn_inquiry {
  background-position: 0 -2024px;
  height: 190px;
  width: 49px;
}

.sprite-btn_side02, .aside #btn .btn_search {
  background-position: 0 -2274px;
  height: 130px;
  width: 49px;
}

.sprite-ico_arrow {
  background-position: 0 -2560px;
  height: 8px;
  width: 6px;
}

.sprite-ico_top, footer .pagetop .ico {
  background-position: 0 -2538px;
  height: 20px;
  width: 14px;
}

.sprite-navi01_balloon {
  background-position: 0 -1936px;
  height: 86px;
  width: 117px;
}

.sprite-navi_company_header, header .nav li.navi02 {
  background-position: 0 -2438px;
  height: 14px;
  width: 74px;
}

.sprite-navi_home_header, header .nav li.navi01 {
  background-position: 0 -2470px;
  height: 14px;
  width: 62px;
}

.sprite-navi_sitemap_header, header .nav li.navi03 {
  background-position: 0 -2454px;
  height: 14px;
  width: 90px;
}

.sprite-sidebar_search_title, #side .search > .title {
  background-position: 0 -2406px;
  height: 30px;
  width: 178px;
}

.sprite-top_area01_btn, .top .area01 .btn {
  background-position: 0 -2216px;
  height: 56px;
  width: 156px;
}
/*
.sprite-top_case01, .top_navi .navi01 {
  background-position: 0 -590px;
  height: 186px;
  width: 186px;
}

.sprite-top_case01_on, .top_navi .navi01 a:hover {
  background-position: 0 -1558px;
  height: 186px;
  width: 186px;
}

.sprite-top_case02, .top_navi .navi02 {
  background-position: 0 -778px;
  height: 188px;
  width: 186px;
}

.sprite-top_case02_on, .top_navi .navi02 a:hover {
  background-position: 0 -1746px;
  height: 188px;
  width: 186px;
}

.sprite-top_case03, .top_navi .navi03 {
  background-position: 0 -190px;
  height: 188px;
  width: 186px;
}

.sprite-top_case03_on, .top_navi .navi03 a:hover {
  background-position: 0 -1178px;
  height: 188px;
  width: 186px;
}

.sprite-top_case04, .top_navi .navi04 {
  background-position: 0 0;
  height: 188px;
  width: 186px;
}

.sprite-top_case04_on, .top_navi .navi04 a:hover {
  background-position: 0 -1368px;
  height: 188px;
  width: 186px;
}

.sprite-top_case05, .top_navi .navi05 {
  background-position: 0 -380px;
  height: 208px;
  width: 186px;
}

.sprite-top_case05_on, .top_navi .navi05 a:hover {
  background-position: 0 -968px;
  height: 208px;
  width: 186px;
}
*/
.sprite_big-bnr01 {
  background-position: 0 -1277px;
  height: 70px;
  width: 230px;
}

.sprite_big-bnr02 {
  background-position: 0 -1029px;
  height: 70px;
  width: 230px;
}

.sprite_big-bnr03 {
  background-position: 0 -328px;
  height: 70px;
  width: 230px;
}

.sprite_big-bnr04 {
  background-position: 0 -251px;
  height: 75px;
  width: 230px;
}

.sprite_big-btn_eccjr_header, header .nav li.navi04 {
  background-position: 0 -1813px;
  height: 30px;
  /* width: 180px; */
}

.sprite_big-dotline_blue {
  background-position: 0 -2465px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_green {
  background-position: 0 -2477px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_lgreen {
  background-position: 0 -2481px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_orange {
  background-position: 0 -2485px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_pink {
  background-position: 0 -2489px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_purple {
  background-position: 0 -2469px;
  height: 2px;
  width: 690px;
}

.sprite_big-dotline_yellow {
  background-position: 0 -2473px;
  height: 2px;
  width: 690px;
}

.sprite_big-logo, header > .logo {
  background-position: 0 -552px;
  height: 52px;
  width: 258px;
}

.sprite_big-logo2, header > .logo2 {
  background-position: 0 -1607px;
  height: 42px;
  width: 172px;
}

.sprite_big-sidebar_bnr01 {
  background-position: 0 -400px;
  height: 80px;
  width: 210px;
}

.sprite_big-sidebar_bnr02 {
  background-position: 0 -164px;
  height: 85px;
  width: 210px;
}

.sprite_big-sidebar_bnr03 {
  background-position: 0 0;
  height: 80px;
  width: 210px;
}

.sprite_big-sidebar_bnr04 {
  background-position: 0 -82px;
  height: 80px;
  width: 210px;
}

.sprite_big-tel{
  background-position: 0 -903px;
  height: 36px;
  width: 529px;
}

.sprite_big-tel_header, header .tel {
  background-position: 0 -1651px;
  height: 36px;
  width: 236px;
}

.sprite_big-title_footer_inquiry,{
  background-position: 0 -1485px;
  height: 18px;
  width: 480px;
}

.sprite_big-top_area01_bg, .top .area01 {
  background-position: 0 -1505px;
  height: 100px;
  width: 474px;
}

.sprite_big-top_area01_title, .top .area01 .title {
  background-position: 0 -482px;
  height: 68px;
  width: 290px;
}
/*
.sprite_big-top_title, .top_navi .title {
  background-position: 0 -694px;
  height: 28px;
  width: 953px;
}
*/
.sprite_ico-arrow, #side .teacher .btn a {
  background-position: 0 -3118px;
}

.sprite_ico-head_blue, .pink #main_content > section h2 > span {
  background-position: 0 -2508px;
}

.sprite_ico-head_dot_blue, footer .course li,
footer .service li {
  background-position: 0 -3136px;
}

.sprite_ico-head_green, #main_content > section h2 > span, footer h1 {
  background-position: 0 -1498px;
}

.sprite_ico-head_lgreen, .orange #main_content > section h2 > span {
  background-position: 0 -1700px;
}

.sprite_ico-head_orange, .yellow #main_content > section h2 > span {
  background-position: 0 -2306px;
}

.sprite_ico-head_pink, .purple #main_content > section h2 > span {
  background-position: 0 -1296px;
}

.sprite_ico-head_purple, .lgreen #main_content > section h2 > span {
  background-position: 0 -1902px;
}

.sprite_ico-head_red, .top .area02 .right > p {
  background-position: 0 -2710px;
}

.sprite_ico-head_s_green, .ico_green_small {
  background-position: 0 -3074px;
}

.sprite_ico-head_s_lgreen, footer .nav li {
  background-position: 0 -3096px;
}

.sprite_ico-head_yellow, .blue #main_content > section h2 > span {
  background-position: 0 -2104px;
}

.sprite_ico-link_blue, .blue #main_content > section .box_link a span, .blue #main_content > section .content_nav li, .blue #main_content > section .content_nav dd, .blue #main_content > section ul.link_list dt > span {
  background-position: 0 -162px;
}

.sprite_ico-link_green, #main_content > section .box_link a span, #main_content > section .content_nav li, #main_content > section .content_nav dd, #main_content > section ul.link_list dt > span {
  background-position: 0 -648px;
}

.sprite_ico-link_lgreen, .lgreen #main_content > section .box_link a span, .lgreen #main_content > section .content_nav li, .lgreen #main_content > section .content_nav dd, .lgreen #main_content > section ul.link_list dt > span {
  background-position: 0 -972px;
}

.sprite_ico-link_orange, .orange #main_content > section .box_link a span, .orange #main_content > section .content_nav li, .orange #main_content > section .content_nav dd, .orange #main_content > section ul.link_list dt > span {
  background-position: 0 -324px;
}

.sprite_ico-link_pink, .pink #main_content > section .box_link a span, .pink #main_content > section .content_nav li, .pink #main_content > section .content_nav dd, .pink #main_content > section ul.link_list dt > span {
  background-position: 0 -486px;
}

.sprite_ico-link_purple, .purple #main_content > section .box_link a span, .purple #main_content > section .content_nav li, .purple #main_content > section .content_nav dd, .purple #main_content > section ul.link_list dt > span {
  background-position: 0 0;
}

.sprite_ico-link_red, #side .search .btn02 {
  background-position: 0 -1134px;
}

.sprite_ico-link_s_green, .top .area03 .btn li > a {
  background-position: 0 -2912px;
}

.sprite_ico-link_yellow, .yellow #main_content > section .box_link a span, .yellow #main_content > section .content_nav li, .yellow #main_content > section .content_nav dd, .yellow #main_content > section ul.link_list dt > span {
  background-position: 0 -810px;
}

.sprite_retina-retina-sprite, .sprite_retina-btn_backtop_sp, .sp footer .pagetop, .sprite_retina-btn_eccjr_sp, .sp footer .btn_eccjr, .sprite_retina-btn_inquiry_sp,/* .sp .aside .btn_inquiry,*//* body.sp .inquiry_box .inquiry,*/ .sprite_retina-btn_menu_header_sp, .sp .btn_sp .menu, .sprite_retina-btn_pc_header_sp, .sp .btn_sp .pc, .sprite_retina-btn_search_sp,/* .sp .aside .btn_search,*//* body.sp .inquiry_box .reserv,*/ .sprite_retina-logo_sp, .sp .logo, .sprite_retina-navi01_top_sp, .sprite_retina-navi02_top_sp, .sprite_retina-navi03_top_sp, .sprite_retina-navi04_top_sp, .sprite_retina-navi05_top_sp, .sprite_retina-navi06_top_sp, .sprite_retina-side_close_sp, .sp nav li.close, .sp nav li.close :hover, .sprite_retina-side_navi00_sp, .sp nav li.navi00, .sp nav li.navi00 :hover, .sprite_retina-side_navi01_sp, .sp nav li.navi01, .sp nav li.navi01 :hover, .sprite_retina-side_navi02_sp, .sp nav li.navi02, .sp nav li.navi02 :hover, .sprite_retina-side_navi03_sp, .sp nav li.navi03, .sp nav li.navi03 :hover, .sprite_retina-side_navi04_sp, .sp nav li.navi04, .sp nav li.navi04 :hover, .sprite_retina-side_navi05_sp, .sp nav li.navi05, .sp nav li.navi05 :hover, .sprite_retina-side_navi06_sp, .sp nav li.navi06, .sp nav li.navi06 :hover, .sprite_retina-side_navi07_sp, .sprite_retina-side_navi08_sp, .sprite_retina-tel_sp,/* .sp .aside .tel,*/ body.sp .inquiry_box .tel, .sprite_retina-top_area01_bg_sp, .sp .area01, .sprite_retina-top_area01_btn_sp, .sp .area01 .btn, .sprite_retina-top_area01_title_sp, .sp .area01 .title, .sprite_retina-top_case01_icon_sp, .sprite_retina-top_case02_icon_sp, .sprite_retina-top_case03_icon_sp, .sprite_retina-top_case04_icon_sp, .sprite_retina-top_case05_icon_sp, .sprite_retina-top_title_sp, .sp .top_navi .title {
  background: url('../img/sprite_retina-sde2f971920.png') no-repeat;
  -webkit-background-size: 316px auto;
  -moz-background-size: 316px auto;
  -o-background-size: 316px auto;
  background-size: 316px auto;
}

.sprite_retina-btn_backtop_sp, .sp footer .pagetop {
  width: 32px;
  height: 32px;
  background-position: 0 -1229px;
}

.sprite_retina-btn_eccjr_sp, .sp footer .btn_eccjr {
  width: 300px;
  height: 30px;
  background-position: 0 -824px;
}

/*.sprite_retina-btn_inquiry_sp, .sp .aside .btn_inquiry, body.sp .inquiry_box .inquiry {
  width: 310px;
  height: 46px;
  background-position: 0 -234px;
}*/

.sprite_retina-btn_menu_header_sp, .sp .btn_sp .menu {
  width: 51px;
  height: 51px;
  background-position: 0 -1178px;
}

.sprite_retina-btn_pc_header_sp, .sp .btn_sp .pc {
  width: 51px;
  height: 51px;
  background-position: 0 -1087px;
}

/*.sprite_retina-btn_search_sp, .sp .aside .btn_search, body.sp .inquiry_box .reserv {
  width: 310px;
  height: 46px;
  background-position: 0 -572px;
}*/

.sprite_retina-logo_sp, .sp .logo {
  width: 168px;
  height: 48px;
  background-position: 0 0;
}

.sprite_retina-navi01_top_sp {
  width: 316px;
  height: 43px;
  background-position: 0 -741px;
}

.sprite_retina-navi02_top_sp {
  width: 316px;
  height: 43px;
  background-position: 0 -280px;
}

.sprite_retina-navi03_top_sp {
  width: 316px;
  height: 43px;
  background-position: 0 -658px;
}

.sprite_retina-navi04_top_sp {
  width: 316px;
  height: 43px;
  background-position: 0 -1004px;
}

.sprite_retina-navi05_top_sp {
  width: 316px;
  height: 43px;
  background-position: 0 -478px;
}

.sprite_retina-navi06_top_sp {
  width: 316px;
  height: 45px;
  background-position: 0 -363px;
}

.sprite_retina-side_close_sp, .sp nav li.close, .sp nav li.close :hover {
  width: 240px;
  height: 30px;
  background-position: 0 -974px;
}

.sprite_retina-side_navi00_sp, .sp nav li.navi00, .sp nav li.navi00 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -1138px;
}

.sprite_retina-side_navi01_sp, .sp nav li.navi01, .sp nav li.navi01 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -854px;
}

.sprite_retina-side_navi02_sp, .sp nav li.navi02, .sp nav li.navi02 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -323px;
}

.sprite_retina-side_navi03_sp, .sp nav li.navi03, .sp nav li.navi03 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -784px;
}

.sprite_retina-side_navi04_sp, .sp nav li.navi04, .sp nav li.navi04 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -1047px;
}

.sprite_retina-side_navi05_sp, .sp nav li.navi05, .sp nav li.navi05 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -701px;
}

.sprite_retina-side_navi06_sp, .sp nav li.navi06, .sp nav li.navi06 :hover {
  width: 260px;
  height: 40px;
  background-position: 0 -618px;
}

.sprite_retina-side_navi07_sp {
  width: 260px;
  height: 40px;
  background-position: 0 -894px;
}

.sprite_retina-side_navi08_sp {
  width: 260px;
  height: 40px;
  background-position: 0 -934px;
}

/*.sprite_retina-tel_sp, .sp .aside .tel, body.sp .inquiry_box .tel {
  width: 310px;
  height: 100px;
  background-position: 0 -48px;
}*/

.sprite_retina-top_area01_bg_sp, .sp .area01 {
  width: 310px;
  height: 70px;
  background-position: 0 -408px;
}

.sprite_retina-top_area01_btn_sp, .sp .area01 .btn {
  width: 95px;
  height: 51px;
  background-position: 0 -521px;
}

.sprite_retina-top_area01_title_sp, .sp .area01 .title {
  width: 176px;
  height: 50px;
  background-position: 0 -148px;
}

.sprite_retina-top_case01_icon_sp {
  width: 15px;
  height: 15px;
  background-position: 0 -1321px;
}

.sprite_retina-top_case02_icon_sp {
  width: 15px;
  height: 15px;
  background-position: 0 -1261px;
}

.sprite_retina-top_case03_icon_sp {
  width: 15px;
  height: 15px;
  background-position: 0 -1291px;
}

.sprite_retina-top_case04_icon_sp {
  width: 15px;
  height: 15px;
  background-position: 0 -1306px;
}

.sprite_retina-top_case05_icon_sp {
  width: 15px;
  height: 15px;
  background-position: 0 -1276px;
}

.sprite_retina-top_title_sp, .sp .top_navi .title {
  width: 301px;
  height: 36px;
  background-position: 0 -198px;
}

.sprite_ico_retina-retina-sprite, .sprite_ico_retina-head_blue_sp, .sp .pink #main_content > section h2 > span, .sprite_ico_retina-head_dot_blue_sp, .sp footer .course li,
.sp footer .service li, .sprite_ico_retina-head_green_sp, .sp #main_content > section h2 > span, .sp_menu h1, .sp footer h1, .sprite_ico_retina-head_lgreen_sp, .sp .orange #main_content > section h2 > span, .sprite_ico_retina-head_orange_sp, .sp .yellow #main_content > section h2 > span, .sprite_ico_retina-head_pink_sp, .sp .purple #main_content > section h2 > span, .sprite_ico_retina-head_purple_sp, .sp .lgreen #main_content > section h2 > span, .sprite_ico_retina-head_red_sp, .sprite_ico_retina-head_s_green_sp, .sp .ico_green_small, .sprite_ico_retina-head_s_lgreen_sp, .sp footer .nav li, .sprite_ico_retina-head_yellow_sp, .sp .blue #main_content > section h2 > span, .sprite_ico_retina-link_blue_sp, .sp .blue #main_content > section .box_link a span, .sp .blue #main_content > section .content_nav li, .sp .blue #main_content > section .content_nav dd, .sp .blue #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_green_sp, .sp #main_content > section .box_link a span, .sp #main_content > section .content_nav li, .sp #main_content > section .content_nav dd, .sp #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_lgreen_sp, .sp .lgreen #main_content > section .box_link a span, .sp .lgreen #main_content > section > .content_nav li, .sp .lgreen #main_content > section > .content_nav dd, .sp .lgreen #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_orange_sp, .sp .orange #main_content > section .box_link a span, .sp .orange #main_content > section .content_nav li, .sp .orange #main_content > section .content_nav dd, .sp .orange #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_pink_sp, .sp .pink #main_content > section .box_link a span, .sp .pink #main_content > section .content_nav li, .sp .pink #main_content > section .content_nav dd, .sp .pink #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_purple_sp, .sp .purple #main_content > section .box_link a span, .sp .purple #main_content > section .content_nav li, .sp .purple #main_content > section .content_nav dd, .sp .purple #main_content > section ul.link_list dt > span, .sprite_ico_retina-link_red_sp, .sprite_ico_retina-link_yellow_sp, .sp .yellow #main_content > section .box_link a span, .sp .yellow #main_content > section .content_nav li, .sp .yellow #main_content > section .content_nav dd, .sp .yellow #main_content > section ul.link_list dt > span {
  background: url('../img/sprite_ico_retina-s87a2680a31.png') no-repeat;
  -webkit-background-size: 16px auto;
  -moz-background-size: 16px auto;
  -o-background-size: 16px auto;
  background-size: 16px auto;
}

.sprite_ico_retina-head_blue_sp, .sp .pink #main_content > section h2 > span {
  background-position: 0 -1370px;
}

.sprite_ico_retina-head_dot_blue_sp, .sp footer .course li,
.sp footer .service li {
  background-position: 0 -1798px;
}

.sprite_ico_retina-head_green_sp, .sp #main_content > section h2 > span, .sp_menu h1, .sp footer h1 {
  background-position: 0 -1110px;
}

.sprite_ico_retina-head_lgreen_sp, .sp .orange #main_content > section h2 > span {
  background-position: 0 -720px;
}

.sprite_ico_retina-head_orange_sp, .sp .yellow #main_content > section h2 > span {
  background-position: 0 -1240px;
}

.sprite_ico_retina-head_pink_sp, .sp .purple #main_content > section h2 > span {
  background-position: 0 -850px;
}

.sprite_ico_retina-head_purple_sp, .sp .lgreen #main_content > section h2 > span {
  background-position: 0 -980px;
}

.sprite_ico_retina-head_red_sp {
  background-position: 0 -1500px;
}

.sprite_ico_retina-head_s_green_sp, .sp .ico_green_small {
  background-position: 0 -1760px;
}

.sprite_ico_retina-head_s_lgreen_sp, .sp footer .nav li {
  background-position: 0 -1779px;
}

.sprite_ico_retina-head_yellow_sp, .sp .blue #main_content > section h2 > span {
  background-position: 0 -1630px;
}

.sprite_ico_retina-link_blue_sp, .sp .blue #main_content > section .box_link a span, .sp .blue #main_content > section .content_nav li, .sp .blue #main_content > section .content_nav dd, .sp .blue #main_content > section ul.link_list dt > span {
  background-position: 0 -90px;
}

.sprite_ico_retina-link_green_sp, .sp #main_content > section .box_link a span, .sp #main_content > section .content_nav li, .sp #main_content > section .content_nav dd, .sp #main_content > section ul.link_list dt > span {
  background-position: 0 -360px;
}

.sprite_ico_retina-link_lgreen_sp, .sp .lgreen #main_content > section .box_link a span, .sp .lgreen #main_content > section > .content_nav li, .sp .lgreen #main_content > section > .content_nav dd, .sp .lgreen #main_content > section ul.link_list dt > span {
  background-position: 0 -180px;
}

.sprite_ico_retina-link_orange_sp, .sp .orange #main_content > section .box_link a span, .sp .orange #main_content > section .content_nav li, .sp .orange #main_content > section .content_nav dd, .sp .orange #main_content > section ul.link_list dt > span {
  background-position: 0 -630px;
}

.sprite_ico_retina-link_pink_sp, .sp .pink #main_content > section .box_link a span, .sp .pink #main_content > section .content_nav li, .sp .pink #main_content > section .content_nav dd, .sp .pink #main_content > section ul.link_list dt > span {
  background-position: 0 -450px;
}

.sprite_ico_retina-link_purple_sp, .sp .purple #main_content > section .box_link a span, .sp .purple #main_content > section .content_nav li, .sp .purple #main_content > section .content_nav dd, .sp .purple #main_content > section ul.link_list dt > span {
  background-position: 0 0;
}

.sprite_ico_retina-link_red_sp {
  background-position: 0 -540px;
}

.sprite_ico_retina-link_yellow_sp, .sp .yellow #main_content > section .box_link a span, .sp .yellow #main_content > section .content_nav li, .sp .yellow #main_content > section .content_nav dd, .sp .yellow #main_content > section ul.link_list dt > span {
  background-position: 0 -270px;
}

/*------------------------------------------
mixin
------------------------------------------*/
/*--------------------------------
header
--------------------------------*/
header > .logo a {
  display: block;
  width: 100%;
  height: 100%;
  /* text-indent: -9999px; */
}
header > .logo2 {
  /* text-indent: -9999px; */
}
header .nav li a {
  display: block;
  width: 100%;
  height: 100%;
  /* text-indent: -9999px; */
}
header .tel {
  /* text-indent: -9999px; */
}

/*--------------------------------
nav
--------------------------------*/
nav li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

/* nav on */
/*--------------------------------
main (templete --> _colors.scss)
--------------------------------*/
/*.top .hero_image {
  background-image: url(../img/top/top_image.jpg);
  width: 960px;
  height: 300px;
}

.sp .hero_image {
  background-image: url(../img/top/top_image_sp.jpg) !important;
  background-size: 320px 138px;
  width: 320px;
  height: 138px;
}*/

.top_navi li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

.sp .top_navi li {
  background-image: none;
}

.sp_menu h1 {
  padding-left: 20px;
}

.top .area01 .btn a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

.top .area02 .right > p {
  padding-left: 20px;
}

.top .area03 .btn > a {
  padding-left: 12px;
}

/*--------------------------------
side
--------------------------------*/
#side .search > .title {
  text-indent: -9999px;
}
#side .teacher .btn a {
  padding-left: 8px;
}

/*--------------------------------
footer
--------------------------------*/
footer h1 {
  padding-left: 20px;
}
footer .course li,
footer .service li {
  padding-left: 9px;
}
footer .nav li {
  padding-left: 13px;
}

.sp footer h1 {
  padding-left: 20px;
}
.sp footer .course li,
.sp footer .service li {
  padding-left: 9px;
}
.sp footer .nav li {
  padding-left: 13px;
}