@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  vertical-align: baseline;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
}
ul {
  list-style: none;
}
img {
  vertical-align: bottom;
}
/*HTML5用*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/*------------------------
	base
------------------------*/

body {
  font-size: 14px;
  color: #222;
  line-height: 1.8;
  background: url(images/bg_header.jpg) repeat-x;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
  text-decoration: none;
  color: #2BB7F2;
}
a:hover {
  color: #222;
}
a:hover img {
  transition: all 0.5s ease;
  opacity: 0.5;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.fl_none {
  overflow:auto;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/*------------------------
	header
------------------------*/

header {
  margin: 0 auto 24px;
  width: 940px;
  position: relative;
  overflow: hidden;
}
header h1 {
  font-size: 12px;
  color: #FFF;
  line-height: 27px;
}
header h2 {
  margin-top: 15px;
  float: left;
}
ul#h_navi {
  position: absolute;
  top: 35px;
  right: 0;
  overflow: hidden;
}
ul#h_navi li {
  display: inline;
}
ul#h_navi li a {
  margin-right: 15px;
  padding-top: 13px;
  height: 0;
  float: left;
  display: block;
  background: url(images/h_navi.gif) no-repeat;
  overflow: hidden;
}
ul#h_navi li#menu1 a {
  width: 59px;
  background-position: 0 0;
}
ul#h_navi li#menu2 a {
  width: 90px;
  background-position: -73px 0;
}
ul#h_navi li#menu3 a {
  margin-right: 0;
  width: 91px;
  background-position: -178px 0;
}
#h_btn {
  margin-top: 29px;
  float: right;
}
#h_btn p {
  margin-right: 5px;
  float: left;
}
#h_btn p.end {
  margin-right: 0;
}

/*------------------------
	nav
------------------------*/

nav {
  background: url(images/bg_globalnavi.jpg) repeat-x;
}
ul#globalnavi {
  margin: 0 auto;
  width: 940px;
  overflow: hidden;
}
ul#globalnavi li {
  display: inline;
}
ul#globalnavi li a {
  padding-top: 62px;
  width: 156px;
  height: 0;
  float: left;
  background: url(images/globalnavi.png) no-repeat;
  overflow: hidden;
}
ul#globalnavi li#menu1 a {
  background-position: 0 0;
}
ul#globalnavi li#menu2 a {
  background-position: -156px 0;
}
ul#globalnavi li#menu3 a {
  background-position: -312px 0;
}
ul#globalnavi li#menu4 a {
  background-position: -468px 0;
}
ul#globalnavi li#menu5 a {
  background-position: -624px 0;
}
ul#globalnavi li#menu6 a {
  width: 160px;
  background-position: -780px 0;
}
ul#globalnavi li#menu1 a:hover {
  background-position: 0 -62px;
}
ul#globalnavi li#menu2 a:hover {
  background-position: -156px -62px;
}
ul#globalnavi li#menu3 a:hover {
  background-position: -312px -62px;
}
ul#globalnavi li#menu4 a:hover {
  background-position: -468px -62px;
}
ul#globalnavi li#menu5 a:hover {
  background-position: -624px -62px;
}
ul#globalnavi li#menu6 a:hover {
  width: 160px;
  background-position: -780px -62px;
}
/*------------------------
	content
------------------------*/

#container {
  margin: 30px auto 0;
  width: 940px;
  overflow: hidden;
}
#main {
  width: 690px;
  float: right;
}
#sidebar {
  width: 220px;
  float: left;
}
/*main*/

h1#title {
  margin-bottom: 40px;
}
.section {
  margin-bottom: 40px;
}
.section h1 {
  margin-bottom: 20px;
}
.photo_left {
  margin-bottom: 20px;
  overflow: hidden;
}
.photo_left img {
  margin-right: 20px;
  float: left;
}
table {
  margin-bottom: 20px;
  width: 100%;
  border-collapse: collapse;
}
th {
  padding: 10px 20px;
  width: 156px;
  border: #78d8f7 2px solid;
  background: #b1eafc;
  font-weight: bold;
  vertical-align: middle;
}
td {
  padding: 10px 20px;
  border: #78d8f7 2px solid;
}
.bnr {
  margin: 10px 0 20px;
  text-align: center;
}
.block01 .left{
    float: left;
    margin-top: 10px;
}
.block01 .right{
    float: right;
    margin-top: 10px;
}
.block01 .block02.center img{
    display: block;
    margin: 0 auto;
}
.block01 .block03.right,
.block01 .block03.left{
    margin-top: 0;
}

.block01 .block03.right{
    margin-top: 0;
    width: 580px;
}
.voice {
  margin-bottom: 20px;
  padding: 20px;
  background: #effaff;
  border: #c7ecfb 4px solid;
  overflow: hidden;
}
.voice.end {
  margin-bottom: 0;
}
.voice p.class{
    font-weight: bold;
}
.voice img {
  margin-right: 20px;
  float: left;
}
.voice iframe {
  margin-right: 20px;
  float: left;
}
.voice p.name {
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
}
.voice p.question{
    font-size: 16px;
    color: #2bb7f2;
}
.voice .img {
    text-align: center;
}
.voice .img img{
    float: none;
}
.voice p b{
    font-size: 20px;
}
.voice p.desc {
  float: right;
  width: 382px;
}
/*スクール紹介*/
ul.point {
  margin-bottom: 20px;
}
ul.point li {
  padding: 14px 0 10px 0;
  background: url(images/bg_list1.gif) repeat-x left bottom;
}
ul.point li span {
  display: block;
  padding: 0 0 0 42px;
  background: url(images/icon_list1.gif) no-repeat left top;
}
/*講師甲地直哉*/

#profile p {
  padding: 10px 0;
  background: url(images/bg_list1.gif) repeat-x left bottom;
}
/*アクセス*/

.school_info {
  margin: 20px 0;
  overflow: hidden;
}
.school_info img {
  margin-right: 20px;
  float: left;
}
p.trafic, h3.af {
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
}
.access_flow_wrap {
  margin: 0 -15px 15px 0;
  overflow: hidden;
}
.access_flow {
  margin-right: 15px;
  padding: 10px;
  float: left;
  width: 198px;
  min-height: 280px;
  border: #CCC 1px solid;
}
.access_flow img {
  margin-bottom: 5px;
}
/*コース紹介*/

.course_voice {
  margin: 20px 0;
}
.course_voice p.name {
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
}
/*Sコース・Lコース*/

p.course_intro {
  margin-bottom: 20px;
}
.c_step {
  padding: 15px 20px 25px 20px;
  border-left: #c7ecfb 4px solid;
  border-right: #c7ecfb 4px solid;
  overflow: hidden;
}
.c_step.end {
  border-bottom: #c7ecfb 4px solid;
}
/*
.c_step .photo {
	width:240px;
	float:left;
}

.c_step .photo img {
	margin-bottom:5px;
}

.c_step .photo p.caption {
	margin-bottom:10px;
	padding-left:16px;
	background:url(images/icon_caption1.gif) no-repeat left 7px;
}
*/
.c_step .item01 {
  width: 311px;
  float: left;
}
.c_step .item02 {
  width: 311px;
  float: right;
}
.c_step .item03 {
  padding: 10px;
  background: #ffeef4;
  text-align: center;
  font-size: 18px;
  border-radius: 10px;
}
.c_step h4 {
  padding-left: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
  background: url(images/icon_list3.gif) no-repeat left 5px;
}
.c_step .item01 ul {
  padding: 10px;
  background: #fffcdf;
}
.c_step .item01 ul li {
  padding-left: 8px;
  background: url(images/icon_list4.gif) no-repeat left 11px;
}
.c_step .item02 ul {
  padding: 10px;
  background: #fffcdf;
}
.c_step .item02 ul li {
  padding-left: 8px;
  background: url(images/icon_list4.gif) no-repeat left 11px;
}
p.c_point {
  margin: 20px 0;
}
#calendar {
  margin-top: 20px;
}
h3.theme {
  background: url(course/images/bg_course_theme.png) no-repeat;
  font-size: 24px;
  line-height: 60px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  height: 65px;
}
.c_step .red {
  color: #e93b3b;
  font-weight: bold;
}
.c_step .bold {
  font-weight: bold;
}
.c_step .annotation {
  font-size: 13px;
}
/*フォロー*/

ul.recommend {
  margin-right: -10px;
  padding-left: 240px;
  background: url(follow/images/follow11.gif) no-repeat left;
  overflow: hidden;
}
ul.recommend li {
  margin-right: 10px;
  float: left;
}
/*スクールライフ*/

p.data {
  margin-bottom: 10px;
}
.movie {
  margin-bottom: 20px;
  padding: 20px 0;
  border-left: #c7ecfb 4px solid;
  border-right: #c7ecfb 4px solid;
  border-bottom: #c7ecfb 4px solid;
  text-align: center;
}
.movie .school_life{
    text-align: left;
}
#main .movie .school_life.block02{
    border: none;
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
}
#main .movie .school_life.block02 h3{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #2bb7f2;
}
#main .movie .school_life.block02 h4{
    font-size: 16px;
    font-weight: bold;
}
#main .movie .school_life.block02 ol{
    margin: 0 0 20px 20px;
}
#main .movie .school_life.block02 ul{
    margin-bottom: 20px;
}
/*入校までの流れ*/

.f_section {
  margin-bottom: 20px;
  padding-bottom: 65px;
  background: url(school/images/flow03.gif) no-repeat center bottom;
}
.f_section.end {
  padding-bottom: 0;
  background: none;
}
.flow {
  padding: 20px;
  border: #c7ecfb 4px solid;
}
/*よくある質問*/

dl.qanda {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url(images/bg_list1.gif) repeat-x left bottom;
}
dl.qanda dt {
  margin-bottom: 10px;
  padding-left: 45px;
  background: url(qanda/images/qanda02.png) no-repeat left center;
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  color: #2bb7f2;
}
dl.qanda dd {
  padding: 5px 0 0 45px;
  background: url(qanda/images/qanda03.png) no-repeat left top;
  min-height: 31px;
}
/*体験講座*/

.f_section h1 {
  padding: 3px 8px;
  font-size: 16px;
  color: #2bb7f2;
  background: #3bb6e9;
  color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.flow {
  overflow: hidden;
}
.flow img.photo {
  margin: 0 0 0 20px;
  float: right;
}
ul.point li {
  overflow: hidden;
}
ul.point li h2 span {
  font-weight: bold;
  font-size: 16px;
}
ul.point li img.photo {
  margin: 0 0 0 20px;
  float: right;
}
p.trial {
  margin-bottom: 20px;
}
p.calendar {
  margin: 0 0 10px 0;
  padding: 3px 8px;
  font-size: 16px;
  color: #2bb7f2;
  background: #3bb6e9;
  color: #fff;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
span.require {
  color: #F00;
}
p.center_txt {
  text-align: center;
}
/*メッセージ*/
p.message {
  margin-bottom: 20px;
}
p.message_point {
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
}
/*プライバシーポリシー・サイトマップ*/
h1.plain {
  padding-left: 10px;
  border-left: #2BB7F2 8px solid;
  font-size: 30px;
}
h2.plain {
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #2bb7f2;
}
ul#sitemap_page li {
  padding-left: 18px;
  background: url(sitemap/images/sitemap01.gif) no-repeat left center;
}
ul#sitemap_page li.parent {
  background: none;
}
ul#sitemap_page li ul li {
  background: url(sitemap/images/sitemap02.gif) no-repeat left center;
}
/*sidebar*/

#sidenavi {
  margin-bottom: 10px;
}
ul#sidenavi li {
  margin-bottom: 1px;
}
ul#bnr li {
  margin-bottom: 10px;
}
ul#side_pagenavi li {
  margin-bottom: 0;
  border-bottom: #CCC 1px solid;
}
ul#side_pagenavi li:last-child {
  border-bottom: none;
}
.tieup {
  margin-top: 10px;
  padding: 0 10px 5px;
  border: #e16887 1px solid;
}
.tieup .title {
  padding: 5px 0;
  border-bottom: #e16887 1px solid;
  color: #e16887;
  font-weight: bold;
}
.tieup .name {
  padding-top: 5px;
  font-weight: bold;
}
.tieup .prof {
  font-size: 12px;
  border-bottom: #ccc 1px dotted;
}
.tieup .prof:last-child {
  border-bottom: none;
}
/*------------------------
	breadcrumb
------------------------*/

#breadcrumb {
  background: url(images/bg_breadcrumb.jpg) repeat-x;
}
#breadcrumb p {
  margin: 0 auto;
  width: 940px;
  line-height: 50px;
  font-size: 12px;
  font-weight: bold;
}
#breadcrumb p a {
  color: #FFFFFF;
  font-weight: bold;
}
/*------------------------
	top
------------------------*/

#top_visual {
  padding-top: 17px;
  padding-right: 0;
  padding-left: 0;
  background: url(images/bg_top_visual.jpg) repeat-x;
  height: 676px;
}
#visual {
  margin: auto;
  width: 950px;
  background: url(images/top_visual02.jpg)no-repeat;
  height: 656px;
}
#youtube {
  padding-left: 589px;
  padding-top: 137px;
}
#trial_news {
  margin: 0 auto;
  width: 940px;
  overflow: hidden;
}
#trial_news p.date {
  float: left;
}
#trial_news p.txt {
  padding-left: 10px;
  width: 473px;
  height: 34px;
  line-height: 34px;
  float: left;
  background: #FFF;
}
#trial_news p.btn {
  float: right;
}
#trial_news p.btn a:hover img {
  opacity: 1;
}
#top_content1 {
  margin: 20px auto;
  width: 940px;
  overflow: hidden;
}
#top_content1 h1 {
  margin-bottom: 20px;
}
.top_point {
  margin-right: 20px;
  padding-top: 4px;
  width: 300px;
  float: left;
  position: relative;
}
.top_point.end {
  margin-right: 0;
}
.top_point img {
  margin-bottom: 20px;
}
#top_content1 .ribon {
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
}
#top_content2 {
  /*padding: 36px 0 27px;*/
  /*background: url(images/bg_top_course.jpg) repeat-x;*/
  /*height: 281px;*/
	margin: 20px 0;
	overflow: hidden;
}
#top_course {
  margin: 0 auto;
  width: 946px;
}
#top_course h1 {
  margin: 0 0 21px 3px;
}
#top_course h2 {
  font-size: 18px;
  font-weight: bold;
}
#top_course p {
  font-size: 13px;
}
#top_course .left {
  float: left;
  width: 460px;
}
#top_course .right {
  float: right;
  width: 460px;
}
.s_course {
  margin-bottom: 10px;
  padding: 25px 10px 10px 232px;
  width: 224px;
  height: 158px;
  background: url(images/bg_top_course1.jpg) no-repeat;
  position: relative;
}
.l_course {
  margin-bottom: 10px;
  padding: 25px 10px 10px 232px;
  width: 224px;
  height: 158px;
  background: url(images/bg_top_course2.jpg) no-repeat;
  position: relative;
}
#top_course p.btn {
  padding-left: 3px;
}
#top_course p.btn span {
  display: inline-block;
  background: #FFF;
}
#top_course .ribon {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1;
}
.course_visual {
  position: absolute;
  top: 24px;
  left: 3px;
}
#top_content3 {
  margin: 0 auto;
  padding: 26px 0 28px 0;
  width: 944px;
  background: url(images/bg_top_follow1.gif) no-repeat top center;
  overflow: hidden;
}
#top_content3 h1 {
  margin-bottom: 18px;
}
#top_content3 a {
  color: #222;
  display: block;
}
#top_content3 a:hover {
  color: #2BB7F2;
}
.top_follow {
  margin-right: 16px;
  padding: 12px;
  float: left;
  width: 200px;
  height: 354px;
  background: url(images/bg_top_follow2.jpg) no-repeat;
}
.top_follow.end {
  margin-right: 0;
}
.top_follow img {
  margin-bottom: 15px;
}
.top_follow h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.top_follow p {
  font-size: 13px;
}
#top_content4 {
  padding: 26px 0 20px;
  background: url(images/bg_top_info.jpg) repeat-x top #fafafa;
}
#top_info {
  margin: 0 auto;
  padding-right: 2px;
  width: 942px;
  overflow: hidden;
}
#top_info_left {
  float: left;
  width: 704px;
}
#top_news {
  margin-bottom: 30px;
  padding-bottom: 2px;
  width: 704px;
  background: url(images/bg_top_news_bottom.jpg) repeat-x bottom;
}
dl#news {
  padding: 10px 22px 17px;
  width: 660px;
  background: url(images/bg_top_news.jpg) repeat-y;
  overflow: hidden;
}
dl#news dt {
  margin-right: 10px;
  padding: 0 5px;
  min-width: 100px;
  float: left;
  background: #2bb7f2;
  font-size: 12px;
  color: #FFF;
}
dl#news dd {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: #ddd 1px dotted;
}
dl#news dd.end {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#top_relation {
  padding-left: 2px;
  width: 700px;
}
#top_relation h1 {
  margin-bottom: 20px;
}
#top_relation ul {
  margin-right: -20px;
  overflow: hidden;
}
#top_relation ul li {
  margin-right: 20px;
  float: left;
}
#top_info_right {
  float: right;
}
#top_info_right ul li {
  margin-bottom: 10px;
}
/*------------------------
	footer
------------------------*/

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  opacity: 1;
}
#pagetop:hover {
  opacity: 0.5;
  transition: all 0.5s ease;
}
#f_btn {
  margin: 0 auto;
  padding: 30px 0;
  width: 940px;
  overflow: hidden;
}
p.f_phone {
  float: left;
  width: 499px;
  text-align: right;
}
.others {
  float: right;
}
#f_btn p {
  margin-right: 5px;
  float: left;
}
#f_btn p.end {
  margin-right: 0;
}
footer {
  background: url(images/bg_footer.jpg) repeat-x top #2bb7f2;
  color: #FFF;
}
#school {
  margin: 0 auto;
  padding: 30px 0;
  width: 940px;
  overflow: hidden;
}
.school {
  margin-right: 20px;
  width: 300px;
  line-height: 1.5;
  float: left;
}
.school.end {
  margin-right: 0;
}
.school p {
  font-weight: bold;
}
.school .copy {
  font-size: 12px;
}
.school .name {
  font-size: 18px;
}
.school .address {
  font-size: 12px;
}
#sitemap {
  margin: 0 auto;
  padding: 30px 0;
  width: 940px;
  background: url(images/bg_sitemap.gif) repeat-x top;
  overflow: hidden;
}
#sitemap a {
  color: #FFF;
  font-weight: bold;
}
#sitemap a:hover {
  color: #222;
}
#sitemap .list {
  margin-right: 30px;
  float: left;
  font-size: 12px;
}
#sitemap p {
  padding-left: 18px;
  background: url(images/icon_sitemap1.gif) no-repeat left center;
}
#sitemap ul li {
  padding-left: 18px;
  background: url(images/icon_sitemap2.gif) no-repeat left center;
}
#sub_sitemap {
  padding: 15px 0;
  background: #1c779e;
  font-size: 12px;
}
#sub_sitemap a {
  color: #FFF;
  font-weight: bold;
}
#sub_sitemap a:hover {
  color: #222;
}
#sub_sitemap ul {
  margin: 0 auto;
  width: 940px;
  overflow: hidden;
}
#sub_sitemap ul li {
  margin-right: 20px;
  padding-left: 18px;
  display: inline-block;
  background: url(images/icon_sitemap3.gif) no-repeat left center;
}
p#copyright {
  padding: 5px 0;
  background: #fafafa;
  text-align: center;
  font-size: 12px;
  color: #222;
}
.fb-page {
  float: left;
  width: 540px;
}
/*------------------------
	add
------------------------*/

.content {
  margin: auto;
  width: 940px;
  overflow: hidden;
}
/*#main02 {
  background: url(images/bg_main_02.png) no-repeat;
  background-size: cover;
}*/
#main02 h1 {
  margin-bottom: 40px;
  padding: 35px 0;
  text-align: center;
  background: url(images/bg_main_h1.png);
  position: relative;
}
/*#main02 h1:after {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: url(images/main_h1_arrow.png) no-repeat bottom center;
  position: absolute;
  bottom: -30px;
}*/
#main02 ol {
  list-style: none;
}
#main02 ol li {
  width: 200px;
  height: 270px;
  float: left;
  margin-bottom: 20px;
  padding-left: 5px;
  border: #0a41b9 5px solid;
  position: relative;
  font-size: 13px;
  padding-right: 5px;
  margin-right: 20px;
}
#main02 ol li h2 {
  line-height: 3;
}
#main02 ol li.tec04 {
  margin-right: 0;
}
#main02 ol li.tec04 h2 {
  line-height: 1.5;
}
#main02 ol li.tec06 h2 {
  line-height: 1.5;
}
#main02 ol li.tec08 {
  margin-right: 0;
}
#main02 ol li h2 {
  padding-top: 10px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #0a41b9;
  margin-top: 20px;
}
#main02 ol li:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/icon_num_01.png) no-repeat;
}
#main02 ol li.tec02:before {
  background: url(images/icon_num_02.png) no-repeat;
}
#main02 ol li.tec03:before {
  background: url(images/icon_num_03.png) no-repeat;
}
#main02 ol li.tec04:before {
  background: url(images/icon_num_04.png) no-repeat;
}
#main02 ol li.tec05:before {
  background: url(images/icon_num_05.png) no-repeat;
}
#main02 ol li.tec06:before {
  background: url(images/icon_num_06.png) no-repeat;
}
#main02 ol li.tec07:before {
  background: url(images/icon_num_07.png) no-repeat;
}
#main02 ol li.tec08:before {
  background: url(images/icon_num_08.png) no-repeat;
}
/*------------------------
	add2
------------------------*/

/*#mainadd{
	width:690px;
}

.sccourse2 {
	border-color: #f9c700;
	border-style: solid; 
	border-width: 5px;
}


.sccourse2 h1 {
  text-align: center;
  background: #f9c700;
}


.sccourse2 .txt .time span,
.sccourse2 .txt .edu {
font-weight:bold;
font-size:18px;
  color: #f9c700;
}

.sccourse2 .txt .time {
font-size:18px;
}

.sccourse2 .txt p{
font-size:13px;
}

.lccourse2 {
}


.lccourse2 h1 {
  padding: 10px;
  text-align: center;
  background: #c0db00;
}


.lccourse2 .txt .time span,
.lccourse2 .txt .edu {
font-weight:bold;
 font-size:18px;
 color: #c0db00;
}

.lccourse2 .txt .time {
font-size:18px;
}

.lccourse2 .txt p{
font-size:13px;
}

.icon2 {
margin-top:20px;
float:right;
}

.icon2 after {
content:"";
clear:both;
display:block;
}

.kouchishiki {
  border: #38c69e 5px solid;
}


.kouchishiki h1 {
  padding: 10px;
  text-align: center;
  background: #38c69e;
}


.kouchishiki .txt .time span,
.kouchishiki .txt .edu {
font-weight:bold;
 font-size:18px;
 color: #38c69e;
}

.kouchishiki .txt .time {
font-size:18px;
}

.kouchishiki .txt p{
font-size:13px;
}

.kouchishiki {
margin-top:20px;
clear:both;
display:block;
}
*/

/*sコース*/
#main.courselist .course {
  border: 5px solid #f9c700;
  margin-bottom: 20px
}
#main.courselist .course h1 {
  padding: 5px;
  background: #f9c700;
  text-align: center;
}
#main.courselist .course .layout {
  overflow: hidden;
  padding: 10px;
}
#main.courselist .course .layout .photo {
  float: left;
  width: 250px;
}
#main.courselist .course .layout .txt {
  width: 400px;
  float: right
}
#main.courselist .course .layout .txt .term {
  padding: 0 5px;
  border: 1px solid #f9c700;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#main.courselist .course .layout .txt .term span, #main.courselist .course .layout .txt .afteredu {
  font-weight: bold;
  font-size: 18px;
  color: #f9c700;
}
#main.courselist .course .layout .txt .btn {
  margin-top: 5px;
  text-align: right;
}
/*Lコース*/
#main.courselist .course.course02 {
  border: 5px solid #c0db00;
}
#main.courselist .course.course02 h1 {
  background: #c0db00;
}
#main.courselist .course.course02 .layout .txt .term {
  border: 1px solid #c0db00;
}
#main.courselist .course.course02 .layout .txt .term span, #main.courselist .course.course02 .layout .txt .afteredu {
  color: #c0db00;
}
/*こうち式*/
#main.courselist .course03 {
  border: 5px solid #38c69e;
}
#main.courselist .course03 h1 {
  background: #38c69e;
}
#main.courselist .course.course03 .layout .txt .term {
  border: 1px solid #38c69e;
}
#main.courselist .course.course03 .layout .txt .term span, #main.courselist .course.course03 .layout .txt .afteredu {
  color: #38c69e;
}
/*同業者からの推薦*/
.voice .change {
  float: left;
}
.voice .change .photo001 {
  padding-bottom: 20px;
}
.voice .change .simana2 {
  clear: both;
}
/*------------------------
	add20160912
------------------------*/
#main02 h1.txt {
  font-size: 38px;
  font-weight: bold;
  color: #ffffff;
  padding: 24px 0;
  margin-bottom:20px;
}
#top_content5,
#top_content6 {
  margin: 20px auto;
  width: 940px;
  overflow: hidden;
}
#top_content6.content h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom:20px;
}
#top_content6.content .block01 p {
  margin-bottom: 20px;
}
#top_content6.content .block01 h1 {
  font-size: 24px;
  font-weight: bold;
  color: #2bb7f2;
  border-bottom: 4px #78d8f7 solid;
  margin-bottom: 20px;
}
#top_content6.content .block01 {
  margin-bottom: 20px;
}
#top_content6.content .block01:last-child {
  margin-bottom:0;
}
#main .discription h1 {
  margin-bottom: 20px;
  font-weight: bold;
}
#main .discription h2 {
  font-size: 24px;
  font-weight: bold;
  color: #2bb7f2;
  border-bottom: 4px #78d8f7 solid;
  margin-bottom: 20px;
}
#main .discription .section01 {
  margin-bottom:40px;
}
#main .discription .block01 {
  margin-bottom: 20px;
  overflow:hidden;
}
#main .discription .block01 .left {
    float: left;
}
#main .discription .block01 .left p {
  margin-right: 20px;
}
#main .discription .block01 ol,
#main .school_life .block02 ol {
  margin: 0 0 20px 20px;
}
#main .discription .block01 ul,
#main .discription .block01 p,
#main .school_life .block02 p,
#main .school_life.block02 p,
#main .school_life .block02 ul {
  margin-bottom: 20px;
}
#main .discription p.mb00 {
  margin-bottom:0;
}
#main .bnr.mb40 {
  margin-bottom:40px;
}
#main .school_life h1 {
  font-size: 18px;
  font-weight: bold;
  background: #c7ecfb;
  padding: 15px 20px;
}
#main .school_life h2 {
  font-size: 16px;
  font-weight: bold;
}
#main .school_life .block02 {
  margin-bottom: 20px;
  padding: 20px 20px 0 20px;
  border-left: #c7ecfb 4px solid;
  border-right: #c7ecfb 4px solid;
  border-bottom: #c7ecfb 4px solid;
}
#main .school_life .block02 .youtube {
  text-align:center;
  margin-bottom:20px;
}
#main .section h1.txt {
  font-size: 24px;
  font-weight: bold;
  color: #2bb7f2;
  border-bottom: 4px #78d8f7 solid;
  margin-bottom: 20px;
}

/*------------------------
	learn
------------------------*/
#main .learn table th{
    padding: 5px 20px;
    text-align: left;
}

#main .learn table th .table_numbar{
    padding-right: 10px;
    font-size: 24px;
}

#main .learn table td p{
    margin-bottom: 10px;
}

#main .learn table td dl{
    margin-bottom: 10px;
}

#main .learn table td dl dt{
    font-weight: bold;
}

#main .learn table td:first-child{
    width: 500px;
}

#main .learn table td:first-child dl dt:before{
    content: "【";
}

#main .learn table td:first-child dl dt:after{
    content: "】";
}

#main .learn table td:last-child{
    text-align: center;
}

#main .learn ol,
#main .learn ul{
    margin-left: 20px;
}

#main .learn .section h2{
    font-size: 18px;
    font-weight: bold;
    background: #c7ecfb;
    padding: 15px 20px;
}

#main .learn .section .price h2{
    background: #a6ce2c;
}

#main .learn .section .seminar h2{
    background: #f9c700;
}

#main .learn .section .merit h2{
    background: #f7aacd;
}

#main .learn .section .form h2{
    background: #38c69e;
}

#main .learn .section .block01{
    margin-bottom: 20px;
    padding: 10px 20px 10px 10px;
    border-left: #c7ecfb 4px solid;
    border-right: #c7ecfb 4px solid;
    border-bottom: #c7ecfb 4px solid;
}

#main .learn .section .price .block01{
    margin-bottom: 30px;
    border-left: #a6ce2c 4px solid;
    border-right: #a6ce2c 4px solid;
    border-bottom: #a6ce2c 4px solid;
}

#main .learn .section .seminar .block01{
    border-left: #f9c700 4px solid;
    border-right: #f9c700 4px solid;
    border-bottom: #f9c700 4px solid;
}

#main .learn .section .merit .block01{
    border-left: #f7aacd 4px solid;
    border-right: #f7aacd 4px solid;
    border-bottom: #f7aacd 4px solid;
}

#main .learn .section .form .block01{
    border-left: #38c69e 4px solid;
    border-right: #38c69e 4px solid;
    border-bottom: #38c69e 4px solid;
}

#main .learn .section .block01 ul{
    padding-left: 10px;
    list-style: circle;
}

#main .learn .section .seminar .block01 ol{
    padding-left: 10px;
}

#main .learn .section .price ul,
#main .learn .section .seminar .block01 ol,
#main .learn .section .form .block01 ol{
    list-style: none;
    counter-reset: number;
    padding: 0;
    margin-left: 10px;
}

#main .learn .section .price ul li,
#main .learn .section .seminar .block01 ol li,
#main .learn .section .form .block01 ol li{
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: #a6ce2c 1px solid;
}

#main .learn .section .seminar .block01 ol li{
    border-bottom: #f9c700 1px solid;
}

#main .learn .section .price ul li:first-child,
#main .learn .section .seminar .block01 ol li:first-child,
#main .learn .section .form .block01 ol li:first-child{
    padding-top: 10px;
}

#main .learn .section .price ul li:before,
#main .learn .section .seminar .block01 ol li:before,
#main .learn .section .form .block01 ol li:before{
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #a6ce2c;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
}

#main .learn .section .seminar .block01 ol li:before{
    background: #f9c700;
}

#main .learn .section .system h2{
    padding: 0;
    margin-bottom: 20px;
    background: none;
}

#main .learn .section .system ol{
    margin-left: 0;
    list-style: none;
}

#main .learn .section .system li{
    margin-bottom: 20px;
}

#main .learn .section .system table{
    margin-bottom: 10px;
}

#main .learn .section .system table tr td:first-child{
    padding: 0 20px;
    width: 156px;
    background: #b1eafc;
    font-weight: bold;
    text-align: center;
}

#main .learn .section .system table tr td{
    text-align: left;
}

#main .learn .section .merit .block01 .wrap{
    padding-left: 10px;
}

#main .learn .section .merit .block01 h3{
    padding-top: 10px;
    font-weight: bold;
    border-bottom:  #f7aacd 1px solid;
}

#main .learn .section .form .block01 ol li p{
    margin-left: 30px;
}

#main .learn .section .form .block01 ol + p{
    margin-left: 10px;
}

#main .learn .section .form .block01 p:last-child{
    margin: 0 0 10px 10px;
}

/*------------------------
	20170406 add
------------------------*/
#top_content2 h1 {
	font-size: 24px;
  font-weight: bold;
  color: #2bb7f2;
  border-bottom: 4px #78d8f7 solid;
  margin-bottom: 20px;
}

#top_content2 .top_sammary {
	margin-bottom: 20px;
}

#top_content2 .top_banner01 {
	margin-bottom: 6px;
}

#main.courselist .course_sammary,
#main.courselist .course_banner {
	margin-bottom: 20px;
}