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

#shopcontent_waku{
	width:985px;
	background:#FFFFFF;
	margin:0px auto 0px auto;
	padding-top:75px;
	}
@media only screen and (max-width:640px){
#shopcontent_waku{
	width:100%;
	background:#FFFFFF;
	margin:0px auto 0px auto;
	padding-top:75px;
}

.main_img img{
	width:100%;
	height:auto;
}

}

.top_course ul li{
	width:230px;
	height:230px;
	padding:10px 0 0 13px;
	float:left;
	}
	
.top_course ul li.more{
	width:245px;
	height:245px;
	margin:0;
	padding:5px 0 0 0;
}

@media only screen and (max-width:640px){
.top_course ul li{
	padding:0px;
	width:50%;
	height:auto;
	float:left;
}
.top_course ul img{
	width:100%;
	height:auto;
}
.top_course ul li.more{
	width:50%;
	height:auto;
	margin:0;
	padding:0;
}
}

@media only screen and (max-width:640px){
.course_li li:before {
  content: "▶";
  color: #FFF;
  padding-left: 10px;
  padding-right: 10px;
	padding-top:15px;
	float:left;
	font-size:15px;
}
.course_li li {
	width:100%;
	height:45px;
	font-size: 20px;
  box-sizing: border-box;
}
.course_li li a{
	display:block;
	padding-top:15px;
	height:100%
}
.course_li li a:visited{
	color:#ffffff;
}
.course_li li a:link{
	color:#ffffff;
}
.course_li .cate0 {
	background-color:#fb6600;
}
.course_li .cate1 {
	background-color:#fa8a26;
}
.course_li .cate2 {
	background-color:#ffbc01;
}
.course_li .cate3 {
	background-color:#98cb00;
}
.course_li .cate4 {
	background-color:#008a66;
}
.course_li .cate5 {
	background-color:#993365;
}
.course_li .cate6 {
	background-color:#cc0098;
}
}

.stu_voice {
	width:492px;
}

@media only screen and (max-width:640px){
.stu_voice{
	width:100%;
}
}

/* umeda */
.uemda_shopinfo{
	background:#FF8C5A;
	text-align:center;
	padding:48px 0px 17px 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	}
	
@media only screen and (max-width:640px){
.uemda_shopinfo{
	padding:5px 0px 5px 0;
}
}
	
#content_umeda{
	background:url(../img/umeda/back_umeda.gif) repeat-y center;
	}

#umeda_mid{
	margin-top:-50px;
	padding-top:50px;
	height:1px;
	text-indent:-9999px;
}

.tit_voice{
	background:url(../img/umeda/tit_back_a.jpg) repeat-x;
	padding:15px 5px 15px 5px;
	clear:both;
	}

.voice_bigwaku{
	clear:both;
	padding:10px 0px 5px 10px;
	}
@media only screen and (max-width:640px){
.voice_bigwaku{
	padding:10px 0px 5px 0px;
	}	
}
.voice_waku{
	width:211px;
	height:199px;
	padding:7px;
	background:#F7F7F7;
	margin-right:15px;
	float:left;
	border-bottom:5px solid #C0C0C0;
	margin-bottom:19px;
	}
	
@media only screen and (max-width:640px){
.voice_waku{
	width:90%;
	margin:0 auto 10px auto;
	float:none;
}
.voice_waku p {
	text-align:center;
}
.voice_waku table{
	width:75%;
	margin:0 auto;
}
}
	
.subtit_voice{
	font-size:15px;
	font-weight:bold;
	color:#ED1423;
	border-bottom:1px solid #838383;
	padding-bottom:3px;
	margin-bottom:3px;
	}

.subtit_voice a{
	color:#ED1423;
}

.subtit_voice a:hover{
	text-decoration:underline;
	opacity:0.8;
}


.voice_text{
	font-size:11px;
}

.osusume_title {
	background-color:#222;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
}
	
.point_waku{
	width:226px;
	float:left;
	height:201px;
	padding:40px 10px 5px 10px;
	}
@media only screen and (max-width:640px){
.point_waku{
	width:100%;
	height:auto;
	float:none;
	padding:10px 10px 5px 10px;
}
}

.point_waku_b{
	width:226px;
	float:left;
	height:182px;
	padding:65px 10px 5px 10px;
	}
	
@media only screen and (max-width:640px){
.point_waku_b{
	width:100%;
	float:none;
	height:auto;
	padding:10px 10px 5px 10px;
}
.point_waku_b p{
	text-align:left;
}
}

.point_waku_c{
	width:236px;
	float:left;
	height:182px;
	padding:65px 0px 5px 10px;
	}
@media only screen and (max-width:640px){
.point_waku_c{
	width:100%;
	float:none;
	height:auto;
	padding:10px 0px 5px 10px;
}
}

.back_color_a{ background:#28A1B5 url(../img/umeda/img_point_a.png) no-repeat 5px 185px;}
.back_color_b{ background:#ED1423 url(../img/umeda/img_point_b.png) no-repeat 150px 185px;}
.back_color_c{ background:#FFA000 url(../img/umeda/img_point_c.png) no-repeat 5px 190px;}
.back_color_d{ background:#ED377D url(../img/umeda/img_point_d.png) no-repeat 150px 195px;}
.back_color_e{ background:#28A1B5 url(../img/namba/img_point_e.png) no-repeat 5px 185px;}
.back_color_f{ background:#ED1423 url(../img/namba/img_point_f.png) no-repeat 150px 185px;}
.back_color_g{ background:#FFA000 url(../img/namba/img_point_g.png) no-repeat 5px 190px;}
.back_color_h{ background:#ED377D url(../img/namba/img_point_h.png) no-repeat 150px 195px;}

@media only screen and (max-width:640px){
.back_color_a{ background:#28A1B5 url(../img/umeda/img_point_a.png) no-repeat 105% 5px;}
.back_color_b{ background:#ED1423 url(../img/umeda/img_point_b.png) no-repeat 85% 0px;}
.back_color_c{ background:#FFA000 url(../img/umeda/img_point_c.png) no-repeat 96% 5px;}
.back_color_d{ background:#ED377D url(../img/umeda/img_point_d.png) no-repeat 90% 5px;}
.back_color_e{ background:#28A1B5 url(../img/namba/img_point_e.png) no-repeat 103% 50px;}
.back_color_f{ background: #ED1423 url(../img/namba/img_point_f.png) no-repeat 98% 17px; background-size: 20%;}
.back_color_g{ background: #FFA000 url(../img/namba/img_point_g.png) no-repeat 106% 1px; background-size: 25%;}
.back_color_h{ background: #ED377D url(../img/namba/img_point_h.png) no-repeat 98% 11px; background-size: 25%;}
}

.title_point{
	position:absolute;
	text-align:center;
	z-index:80;
	padding-top:170px;
	padding-left:160px;
	}
	
.btn_namba{
	background:#03934b url(../img/umeda/back_namba.jpg) no-repeat;
	width:246px;
	height:197px;
	text-align:center;
	color:#FFFFFF;
	padding-top:50px;
	}

.btn_umeda{
	background:#f98a26 url(../img/namba/back_umeda.jpg) no-repeat;
	width:246px;
	height:197px;
	text-align:center;
	color:#FFFFFF;
	padding-top:50px;
	}
	
.back_umeda{
	width:985px;
	margin:0 auto;
	background:#FF521D;
	text-align:center;
	padding:20px 0px;
	color:#FFFFFF;
	}
	
.back_umeda a{
	color:#FFFFFF;
	}

@media only screen and (max-width:640px){
.back_umeda{
	width:100%;
}
}


/* namba */
.namba_shopinfo{
	background:#4DB276;
	text-align:center;
	padding:48px 0px 17px 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	}
	
@media only screen and (max-width:640px){
.namba_shopinfo{
	padding:5px 0px 5px 0;
}
}
	
#content_namba{
	background:url(../img/namba/back_namba.gif) repeat-y center;
	}
	
.back_namba{
	width:985px;
	margin:0 auto;
	background:#03934B;
	text-align:center;
	padding:20px 0px;
	color:#FFFFFF;
	}
	
.back_namba a{
	color:#FFFFFF;
	}	
	
@media only screen and (max-width:640px){
.back_namba{
	width:100%;
}
}



/***  アクセス  ***/
#access_umeda{
	padding-top:75px;
	background:url(../img/access/back_umeda_access.gif) repeat-y center;
}

#access_namba{
	padding-top:75px;
	background:url(../img/access/back_namba_access.gif) repeat-y center;
}

.sub_l{
	width:445px;
	float:left;
}

.sub_r{
	width:455px;
	float:right;
	border:7px solid #cbcbcb;
}

.gaiyou_t{
	width:425px;
	border-collapse:collapse;
	margin-left:20px;
}

.gaiyou_t th, .gaiyou_t td{
	text-align:left;
	border:none;
	border-bottom:1px dotted #cccccc;
	padding:5px 0;
	font-weight:bold;
}

.gaiyou_t th{
	width:120px;
	text-align:left;
	vertical-align:top;
}

.black_obi{
	background:#261a16;
	color:#ffffff;
	padding:5px 0 5px 10px;
}


.gaiyou_tb{
	width:600px;
	border-collapse:collapse;
}

.gaiyou_tb th, .gaiyou_tb td{
	text-align:left;
	border:none;
	border-bottom:1px dotted #cccccc;
	padding:10px 0;
	font-weight:bold;
}

.gaiyou_tb th{
	width:90px;
	text-align:left;
	vertical-align:top;
}

.black_obi{
	background:#261a16;
	color:#ffffff;
	padding:5px 0 5px 10px;
}


/** 選ばれる理由 **/
.point_menu{
	width:965px;
}

.point_menu li{
	width:192px;
	float:left;
	text-align:center;
	margin:0px 1px 20px 0;
}

.point_menu li.last{
	width:193px;
	margin:0px 0px 20px 0;
}

.point_menu li a{
	display:block;
	padding:13px 0 10px 0;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
}

.point_menu li a:hover{
	opacity:0.8;
}

#point, #lesson, #price, #convenience, #system{margin-top:-50px; padding-top:50px; text-indent:-9999px; height:1px;}


.bg_yellow{	background:#f1b702; }
.bg_yellow_b{ background:#e57d04; }
.bg_red{ background:#db0030; }
.bg_red_b{ background:#b10058; }
.bg_red_c{ background:#7d378a; }
.bg_red_d{ background:#3565aa; }
.bg_green{ background:#057c3b; }
.bg_green_b{ background:#09a273; }
.bg_green_c{ background:#7cb954; }
.bg_orange{ background:#fc6929; }
.bg_orange_b{ background:#f98d2b; }
.bg_pink{ background:#ff4da6; }
.bg_pink_b{ background:#b10058; }
.bg_pink_c{ background:#7d378a; }

.bg_yellow h5{	color:#f1b702; }
.bg_yellow_b h5{ color:#e57d04; }
.bg_red h5{ color:#db0030;  }
.bg_red_b h5{ color:#b10058;  }
.bg_red_c h5{ color:#7d378a;  }
.bg_red_d h5{ color:#3565aa;  }
.bg_green h5{ color:#057c3b;  }
.bg_green_b h5{ color:#09a273;  }
.bg_green_c h5{ color:#7cb954;  }
.bg_orange h5{ color:#fc6929;  }
.bg_orange_b h5{ color:#f98d2b;  }
.bg_pink h5{ color:#ff4da6;  }
.bg_pink_b h5{ color:#b10058;  }
.bg_pink_c h5{ color:#7d378a;  }

.outbox{
	width:945px;
	padding:10px;
}

.outbox h4{
	width:170px;
	padding:25px 0;
	float:left;
	display:block;
	font-size:24px;
	color:#ffffff;
	line-height:120%;
}

.outbox h4 span{
	font-size:16px;
	font-weight:normal;
}

.outbox h5{
	font-size:22px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:6px;
}

.outbox p{
	font-size:11px;
}

.outbox p.lh{
	line-height:150%;
}

.inbox_l{
	width:352px;
	height:88px;
	background:#ffffff;
	float:left;
	padding:10px;
}

.inbox_lb{
	width:352px;
	height:88px;
	background:#ffffff;
	float:left;
	padding:10px;
	margin-left:170px;
}

.inbox_r{
	width:354px;
	height:88px;
	background:#ffffff;
	float:right;
	padding:10px;
}


/** 入会の流れ **/
.step_mid{
	width:600px;
	float:left;
	padding-left:20px;
}

.step_mid h4{
	font-size:15px;
	font-weight:bold;
}

.telbox{
	background:#fffedd;
	padding:10px;
	float:left;
	text-align:center;
}

.btm_dot{
	border-bottom:1px dotted #aaa;
	padding-bottom:8px;
	margin-bottom:20px;
}

.stepbox{
	border:2px solid #000000;
	padding:15px;
}

.step3_l{
	width:536px;
	float:left;
}

.step4_l{
	width:517px;
	float:left;
}

.step5_l{
	width:491px;
	float:left;
}

.step5_r{
	width:398px;
	float:right;
}

.voicebox{
	background:#ffe7c0;
	padding:10px;
}

.voicebox h6{
	font-size:14px;
	font-weight:bold;
}

.step4_list li{
	padding:3px 0;
	border-bottom:1px dotted #ccc;
}

.step5brd{
	border:7px solid #d7d7d7;
	padding:10px;
}

.step5brd p.dot{
	border-bottom:1px dotted #aaa;
	padding-bottom:15px;
	margin-bottom:15px;
}

#step3, #step4, #step5{
	margin-top:-50px;
	padding-top:50px;
	height:1px;
	text-indent:-9999px;
}