@charset "utf-8";

strong{
	font-weight:400;
}

/* visual_img_wrap */

.visual_img_wrap{
	height:570px;
	padding:0px;
}

.visual_img_wrap .visual_slider{
	height:570px;
	background:#aaa;
}

.visual_img_wrap .visual_slider > li{
	height:570px;
	overflow:hidden;
}

.visual_img_wrap .visual_slider li.visual_img01{
	background:#f1efe0;
}

.visual_img_wrap .visual_slider li.visual_img02{
	background:#dff0f8;
}

.visual_img_wrap .visual_slider li.visual_img03{
	background:#d2d7dd;
}

.visual_img_wrap .visual_slider li .visual_text_box h2{
	font-size:30px;
	word-spacing:7px;
	white-space:nowrap;
	margin-top:95px;
	border-top:2px solid #636363;
	border-bottom:2px solid #636363;
}

.visual_img_wrap .visual_slider li.visual_img01 .visual_text_box h2{
	color:#1a1a1a;
}

.visual_img_wrap .visual_slider li .visual_text_box h1{
	font-size:44px;
	word-spacing:3px;
}

.visual_img_wrap .visual_slider li.visual_img01 .visual_text_box h1{
	color:#763726;
}

.visual_img_wrap .visual_slider li.visual_img02 .visual_text_box h1{
	color:#005277;
}

.visual_img_wrap .visual_slider li.visual_img02 .visual_text_box h2{
	word-spacing:0px;
}

.visual_img_wrap .visual_slider li.visual_img03 .visual_text_box h1{
	color:#002340;
}

.visual_img_wrap .visual_slider li.visual_img03 .visual_text_box h2{
	letter-spacing:1.2px;
}

.visual_img_wrap .visual_slider li .visual_text_box p{
	font-size:30px;
	font-weight:500;
}

.lSSlideOuter .lSpg.lSPager{
	position:absolute; left:47.5%;
	margin-top:-40px !important;
}

/* popular_wrap */

.popular_wrap{
	margin-top:60px;
}

.popular_box h2{
	margin-bottom:0px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #e1e1e1;
}

.popular_box h2 span{
	float:right;
	font-size:16px;
	font-weight:400;
	margin-left:20px;
	padding-top:10px;
	cursor:pointer;
}

.popular_box h2 span.on{
	color:#d2232a;
	font-weight:500;
	border-bottom:2px solid #d2232a;
}

.popular_class02_box,
.popular_class03_box{
	display:none;
}

.popular_box .popular_list_img{
	width:100%;
	margin-top:30px;
}

.popular_box .popular_list_text{
	width:100%;
	padding:10px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background:#fafafa;
}

.popular_box .popular_list_text h3{
	font-weight:500;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.popular_box .popular_list_text span{
	display:inline-block;
	color:#fff;
	width:40px; height:20px;
	font-size:14px;
	text-align:center;
	font-weight:500;
	line-height:20px;
	border-radius:5px;
}

/* sevice_center_number */

.sevice_center_number_box .pc2_center_number{
	display:none;
}

.sevice_center_number_box .tablet_center_number{
	display:none;
}

.sevice_center_number_box .mobile_center_number{
	display:none;
}

/* event_banner_box */

.event_banner_box{
	margin-top:30px;
}

.event_banner_box .tablet_event_banner{
	display:none;
}

.event_banner_box .mobile_event_banner{
	display:none;
}

/* notice_thumbnail_box */

.notice_thumbnail_box{
	border:1px solid #e1e1e1;
}

.notice_thumbnail_box h2{
	height:60px;
	line-height:60px;
	text-indent:20px;
	margin-bottom:0px;
}

.notice_thumbnail_box h2 span{
	float:right;
	width:50px;
	text-align:center;
	text-indent:0px;
	border-left:1px solid #e1e1e1;
}

.notice_thumbnail_box h2 span a{
	display:block;
}

.notice_thumbnail_box ul{
	height:333px;
	padding:15px 15px 4px 20px;
	border-top:1px solid #e1e1e1;
	overflow:hidden;
}

.notice_thumbnail_box ul li{
	line-height:2.3;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.notice_thumbnail_box ul li a{
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.notice_thumbnail_box ul li a:hover,
.notice_thumbnail_box ul li a:focus{
	font-weight:500;
}

/* main_feature_wrap, teacher_list_wrap */

.main_feature_wrap{
	width:100%; height:412px;
	margin-top:60px;
	background:#f2f5f6;
}

.teacher_list_box p{
	margin-bottom:30px;
}

.teacher_list_box img{
	margin-top:30px;
}

.video_list_wrap h1,
.video_list_wrap p,
.teacher_list_wrap h1,
.teacher_list_wrap p,
.main_feature_wrap h1,
.main_feature_wrap h2,
.main_feature_wrap p{
	text-align:center;
}

.teacher_list_wrap h1,
.main_feature_wrap h1{
	margin-top:50px;
}

.main_feature_wrap h2{
	margin-top:22px;
}

.main_feature_wrap img{
	display:block;
	height:76px;
	margin:57px auto 0px;
}

/* video_list_wrap */

.video_list_wrap{
	display:table;
	width:100%;
	margin-top:60px;
	padding:50px 0px 60px;
	background:#fafafa;
}

.video_list_wrap .video_list_box{
	margin-top:60px;
}

.video_list_wrap .video_list_pc_box iframe{
	width:98%; height:500px;
	border:none;
	background:#000;
}

.video_list_wrap .video_list_mo_box iframe{
	width:100%; height:360px;
}

.video_list_wrap .video_list_mo_box{
	display:none;
}

.lSSlideOuter .lSPager.lSGallery li.active, 
.lSSlideOuter .lSPager.lSGallery li:hover{
	border-radius:0px;
}

.lSSlideOuter .lSPager.lSGallery li.active img,
.lSSlideOuter .lSPager.lSGallery li:hover img{
	border:4px solid #d11f26;
}

/* main_banner_wrap */

.main_banner_wrap{
	display:table;
	width:100%;
	margin-top:60px;
}

.main_banner_wrap .main_banner_box{
	width:100%; height:223px;
	padding:64px 0px 0px 20px;
	cursor:pointer;
	background-size:cover;
}

.main_banner_wrap .main_banner_box01{
	background:url(../images/index/main_banner01.png) no-repeat;
	background-color:#f2efeb;
}

.main_banner_wrap .main_banner_box02{
	background:url(../images/index/main_banner02.png) no-repeat;
	background-color:#d6f0f5;
}


@media all and (max-width: 1200px){
	
	/* visual_img_wrap */
	
	.visual_img_wrap,
	.visual_img_wrap .visual_slider,
	.visual_img_wrap .visual_slider > li{
		height:480px;
	}	

	.visual_img_wrap .visual_slider li .visual_text_box h2{
		font-size:24px;
		word-spacing:8px;
		margin-top:70px;
	}

	.visual_img_wrap .visual_slider li .visual_text_box h1{
		color:#763726;
		font-size:28px;
		word-spacing:6px;
	}

	.visual_img_wrap .visual_slider li .visual_text_box p{
		font-size:24px;
		font-weight:500;
	}
	
	.visual_img_wrap .visual_slider li.visual_img02 .visual_text_box h2{
		word-spacing:3px;
	}

	.visual_img_wrap .visual_slider li.visual_img03 .visual_text_box h2{
		letter-spacing:0.8px;
	}
	
	/* popular_wrap */	

	.popular_box .popular_list_text{
		width:185px;
	}

	.popular_box .popular_list_img{
		width:185px; height:104px;
	}
	
	
	.popular_box .popular_list_img02,
	.popular_box .popular_list_img03{
		margin-top:0px;
	}

	/* sevice_center_number */

	.sevice_center_number_box .pc_center_number{
		display:none;
	}

	.sevice_center_number_box .pc2_center_number{
		display:block;
	}	
	
	.sevice_center_number_box .tablet_center_number{
		display:none;
	}

	.sevice_center_number_box .mobile_center_number{
		display:none;
	}

	/* notice_thumbnail_box */

	.notice_thumbnail_box ul{
		height:285px;
	}
		
	.notice_thumbnail_box ul li{
		line-height:1.95;
	}

	/* main_banner_wrap */

	.main_banner_wrap .main_banner_box01,
	.main_banner_wrap .main_banner_box02{
		background-position:center right;
	}
}

@media all and (max-width: 991px){
	
	/* visual_img_wrap */

	.visual_img_wrap .visual_slider li .visual_text_box h2{
		font-size:18px;
		word-spacing:7px;
		margin-top:55px;
	}

	.visual_img_wrap .visual_slider li .visual_text_box h1{
		color:#763726;
		font-size:27px;
		word-spacing:2px;
	}

	.visual_img_wrap .visual_slider li .visual_text_box p{
		font-size:21px;
		font-weight:500;
	}

	.visual_img_wrap{
		height:365px;
	}

	.visual_img_wrap,
	.visual_img_wrap .visual_slider,
	.visual_img_wrap .visual_slider > li{
		height:365px;
	}
		
	.visual_img_wrap .visual_slider li.visual_img02 .visual_text_box h2{
		word-spacing:3px;
	}

	.visual_img_wrap .visual_slider li.visual_img03 .visual_text_box h2{
		letter-spacing:0.5px;
	}
	
	/* popular_wrap */

	.popular_box .popular_list_img,
	.popular_box .popular_list_text{
		width:100%; height:auto;
	}
	
	.popular_box .popular_list_img img{
		width:100%;
	}

	.popular_box .popular_list_img{
		margin-top:30px;
	}
	
	.popular_box .popular_list_img02,
	.popular_box .popular_list_img03{
		margin-top:0px;
	}
	
	/* sevice_center_number */

	.sevice_center_number_box{
		margin-top:30px;
	}
	
	.sevice_center_number_box .pc_center_number{
		display:none;
	}

	.sevice_center_number_box .pc2_center_number{
		display:none;
	}	
	
	.sevice_center_number_box .tablet_center_number{
		display:block;
	}

	.sevice_center_number_box .mobile_center_number{
		display:none;
	}
	
	/* event_banner_box */
	
	.event_banner_box .pc_event_banner{
		display:none;
	}

	.event_banner_box .tablet_event_banner{
		display:block;
	}

	.event_banner_box .mobile_event_banner{
		display:none;
	}

	/* notice_thumbnail_box */	

	.notice_thumbnail_box ul{
		height:185px;
	}

	.notice_thumbnail_box ul li{
		line-height:2;
	}

	.notice_thumbnail_box{
		margin-top:30px;
	}
	
	/* main_banner_wrap */

	.main_banner_box h2,
	.main_feature_wrap h2{
		font-size:18px;
	}
	
	.main_banner_box h2{
		margin-top:7px;
	}

	.main_feature_wrap img{
		height:76px;
	}

	.main_feature_wrap{
		display:table;
		width:100%;
		padding-bottom:44px;
	}
	
	/* video_list_wrap */

	.video_list_wrap .video_list_pc_box{
		display:none;
	}

	.video_list_wrap .video_list_mo_box{
		display:block;
		width:720px;
		margin:60px auto 0px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:486px;
	}
	
	/* main_banner_wrap */

	.main_banner_wrap .main_banner_box{
		height:139px;
		padding-top:20px;
	}

	.main_banner_wrap .main_banner_box01{
		background:url(../images/index/main_mo_banner01.png) no-repeat;
		background-color:#f2efeb;
	}

	.main_banner_wrap .main_banner_box02{
		background:url(../images/index/main_mo_banner02.png) no-repeat;
		background-color:#d6f0f5;
	}
}


@media all and (max-width: 860px){

	/* video_list_wrap */
	
	.video_list_wrap .video_list_mo_box{
		width:720px; 
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:486px;
	}
}

@media (max-width:767px){
	
	/* visual_img_wrap */

	.visual_img_wrap,
	.visual_img_wrap .visual_slider,
	.visual_img_wrap .visual_slider > li{
		height:580px;
	}

	.visual_img_wrap .visual_slider li .visual_img_box,
	.visual_img_wrap .visual_slider li .visual_text_box{
		width:345px;
		margin:0 auto;
	}
	
	.visual_img_wrap .visual_slider li .visual_text_box p,
	.visual_img_wrap .visual_slider li .visual_text_box h1{
		text-align:center;
	}

	.visual_img_wrap .visual_slider li .visual_text_box h2{
		display:inline-block;
		margin:40px auto 0px;
		text-align:center;
	}

	/* sevice_center_number */

	.sevice_center_number_box .pc_center_number{
		display:none;
	}

	.sevice_center_number_box .pc2_center_number{
		display:none;
	}	
	
	.sevice_center_number_box .tablet_center_number{
		display:none;
	}

	.sevice_center_number_box .mobile_center_number{
		display:block;
	}
	
	/* event_banner_box */
	
	.event_banner_box .pc_event_banner{
		display:none;
	}

	.event_banner_box .tablet_event_banner{
		display:none;
	}

	.event_banner_box .mobile_event_banner{
		display:block;
	}

	/* main_feature_wrap */

	.main_feature_wrap img{
		height:64px;
	}
	
	/* video_list_wrap */

	.video_list_wrap .video_list_mo_box{
		width:640px; 
	}
	
	.video_list_wrap .video_list_mo_box iframe{
		height:423px;
	}

	.main_banner_wrap .main_banner_box01,
	.main_banner_wrap .main_banner_box02{
		background-position:right;
	}

	.main_banner_wrap .main_banner_box02{
		margin-top:30px;
	}

	.event_banner_box{
		background:url(../images/index/event_banner_mobile.png) no-repeat;
		background-size:contain;
	}

	/* teacher_list_wrap */

	.teacher_list_box img{
		margin:15px auto;
	}
}

@media (max-width:720px){
	
	/* visual_img_wrap */		

	.visual_slider,
	.visual_slider li{
		height:650px;
	}
	
	.video_list_wrap .video_list_mo_box{
		width:560px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:375px;
	}
}

@media (max-width:640px){

	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:630px;
	}	

	.video_list_wrap .video_list_mo_box{
		width:520px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:343px;
	}
}

@media (max-width:600px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:610px;
	}

	.video_list_wrap .video_list_mo_box{
		width:460px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:302px;
	}
}

@media (max-width:540px){
	.main_banner_wrap .main_banner_box02,
	.video_list_wrap .video_list_mo_box,
	.teacher_list_box img,
	.notice_thumbnail_box,
	.sevice_center_number_box,
	.popular_box .popular_list_img{
		margin-top:10px;
	}
	
	.main_banner_wrap,
	.video_list_wrap,
	.main_feature_wrap{
		margin-top:30px;
	}
	
	.main_feature_wrap img,
	.popular_wrap,
	.teacher_list_wrap h1, 
	.main_feature_wrap h1{
		margin-top:20px;
	}
	
	.main_feature_wrap{
		padding-bottom:30px;
	}

	.video_list_wrap{
		padding:20px 0px 30px;
	}

	
	.event_banner_box{
		margin-top:10px;
	}
}

@media (max-width:520px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:590px;
	}
	
	.video_list_wrap .video_list_mo_box{
		width:440px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:288px;
	}
}

@media (max-width:500px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:580px;
	}	

	.video_list_wrap .video_list_mo_box{
		width:420px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:287px;
	}
}

@media (max-width:480px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:570px;
	}

	.video_list_wrap .video_list_mo_box{
		width:400px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:266px;
	}

	.main_feature_wrap img{
		height:52px;
	}
}

@media (max-width:460px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:540px;
	}

	.video_list_wrap .video_list_mo_box{
		width:380px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:266px;
	}

	.visual_img01 .visual_img_box{
		margin-top:20px;
	}
}

@media (max-width:440px){
	
	/* visual_img_wrap */

	.visual_slider,
	.visual_slider li{
		height:540px;
	}

	.video_list_wrap .video_list_mo_box{
		width:360px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:240px;
	}

	.visual_img01 .visual_img_box{
		margin-top:35px;
	}
}

@media (max-width:420px){

	/* visual_img_wrap */

	.video_list_wrap .video_list_mo_box{
		width:300px;
	}

	.video_list_wrap .video_list_mo_box{
		width:340px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:222px;
	}
}

@media (max-width:400px){
	
	/* visual_img_wrap */
	
	.visual_slider,
	.visual_slider li{
		height:510px;
	}
	
	.visual_slider .visual_img02 h1{
		font-size:42px;
	}
	
	.visual_slider .visual_text_box p{
		word-spacing:-3px;
	}

	.video_list_wrap .video_list_mo_box{
		width:320px;
	}

	.video_list_wrap .video_list_mo_box iframe{
		height:208px;
	}
	
	/* main_banner_wrap */

	.main_banner_box p{
		font-size:14px;
	}

	.main_banner_box h2, 
	.main_feature_wrap h2{
		word-spacing:-2px;
	}
}