@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"微软雅黑";}
a{text-decoration:none;}
ul,li{list-style:none; border:none;}
p,h1,h2,h3,h4,h5,h6,ul,li,img,form{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:14px;font-weight:900;}	
img{ border:none;}
.clear{ clear:both;}

/*banner*/

#camera_banenr{ width: 100%; background: url(../images/camera_banner_bg.jpg) top center no-repeat;}
#camera_banenr_pc{ width: 1220px; margin: 0 auto;}
#camera_banenr_pc img{ width: 100%; display: block; margin: 0 auto;}
#camera_banenr_yd{ width: 100%; display: none;}
#camera_banenr_yd img{ width: 100%;}
/*bannerOver*/

/*title*/
.camera_title{width: 1220px; margin: 0 auto; text-align: center;}
.camera_title h2{ font-size: 56px; padding-top: 40px; color: #1b1212;}
.camera_title h2.tit_color{ color: #f1b679;}
.camera_title h3{ font-size: 28px; color: #505050; margin-top: 10px; font-weight: normal;}
.camera_title h3.tit_color{ color: #fff;}
.camera_title span{ display: block; margin: 30px auto 40px; width: 100px; height: 4px; background-color: #000;}
.camera_title span.tit_color{ background-color: #fff;}
/*titleOver*/

/*learn*/
#camera_learn{ width: 1220px; margin: 0 auto;}
#camera_learn ul li{ float: left; margin-left: 25px;}
#camera_learn ul li img{ display: block; width: 100%;}
#camera_learn ul li:nth-of-type(3n+1){ margin-left: 0;}
#camera_learn ul li h4{ font-size: 24px; color: #111111; font-weight: normal; text-align: center; margin: 8px 0 26px;}
/*learnOver*/

#camera_crowd{ width: 100%; background-color: #29262a; padding-bottom: 60px;}
#camera_crowd_main{ width: 1220px; margin: 0 auto;}
#camera_crowd_main ul li{ float: left; margin-left: 16px; position: relative;}
#camera_crowd_main ul li img{ display: block; width: 100%;}
#camera_crowd_main ul li:nth-of-type(1){ margin-left: 0;}
#camera_crowd_main ul li h4{ width: 168px; font-size: 24px; color: #523315; background-color: #ffbb79; font-weight: normal; text-align: center; line-height: 46px; position: absolute; bottom: -20px; left: 62px;}

#camera_adv{ width: 100%; background-color: #f5f5f5;}
#camera_adv_main{ width: 1220px; margin: 0 auto;}
#camera_adv_main ul li{ width: 380px; float: left; margin-left: 40px; background-color: #fff; text-align: center; margin-bottom: 30px;}
#camera_adv_main ul li img{ display: block; width: 100%;}
#camera_adv_main ul li:nth-of-type(3n+1){ margin-left: 0;}
#camera_adv_main ul li h4{ font-size: 28px; padding: 20px 0 15px;}
#camera_adv_main ul li span{ display: block; width: 40px; height: 2px; background-color: #f99e00; margin: 0 auto;}
#camera_adv_main ul li p{width: 260px; font-size: 20px; padding: 20px 60px 30px; line-height: 32px;}

#camera_want{ width: 100%; background-color: #29262a; padding-bottom: 40px;}
#camera_want ul li{ width: 15.6%; float: left; margin-left:0.8%; text-align: center;}
#camera_want ul li img{ display: block; width: 100%;}
#camera_want ul li:nth-of-type(1){ margin-left: 1%;}
#camera_want ul li h4{ width: 100%; background-color: #e0b48a; font-size: 24px; color: #663c15; line-height: 46px; font-weight: normal;}

#camera_actual{ width: 1220px; margin: 0 auto;}
#camera_actual_sub{ width: 240px; float: left;}
#camera_actual_sub h4{ width: 240px; height: 80px; line-height: 80px; background-color: #f6f6f6; font-size: 28px; color: #2e2e2e; text-align: center; font-weight: normal; margin-top: 45px; cursor: pointer;}
#camera_actual_sub .camera_actual_bg{ background-color: #f4a663; color: #552b04; }
#camera_actual_exp{ width: 916px; float: left; margin-left: 64px;}
#camera_actual_exp ul li{ width: 916px; height: 532px; overflow: hidden; display: none;}
#camera_actual_exp ul li video{ width: 100%;}


#camera_course_main_01{ height: 580px; background: url(../images/camera_course_01.jpg) top center no-repeat;}
#camera_course_main_02{ height: 580px; background: url(../images/camera_course_02.jpg) top center no-repeat;}
#camera_course_main_03{ height: 580px; background: url(../images/camera_course_03.jpg) top center no-repeat;}
#camera_course_main_04{ height: 580px; background: url(../images/camera_course_04.jpg) top center no-repeat;}
#camera_course_main_05{ height: 580px; background: url(../images/camera_course_05.jpg) top center no-repeat;}
#camera_course_main_06{ height: 580px; background: url(../images/camera_course_06.jpg) top center no-repeat;}
#camera_course_main_07{ height: 580px; background: url(../images/camera_course_07.jpg) top center no-repeat;}
#camera_course_main_08{ height: 580px; background: url(../images/camera_course_08.jpg) top center no-repeat;}
#camera_course_main_09{ height: 580px; background: url(../images/camera_course_09.jpg) top center no-repeat;}
#camera_course_main_10{ height: 580px; background: url(../images/camera_course_10.jpg) top center no-repeat;}
#camera_course_main_11{ height: 580px; background: url(../images/camera_course_11.jpg) top center no-repeat;}
#camera_course_main_12{ height: 580px; background: url(../images/camera_course_12.jpg) top center no-repeat;}
#camera_course_main_13{ height: 580px; background: url(../images/camera_course_13.jpg) top center no-repeat;}
#camera_course_main_14{ height: 580px; background: url(../images/camera_course_14.jpg) top center no-repeat;}
#camera_course_main_15{ height: 580px; background: url(../images/camera_course_15.jpg) top center no-repeat;}

.camera_course_main{ width: 50%; height: 580px;}
.camera_course_main img{ width: 100%; display: none;}
#camera_course_main_01 .camera_course_main,#camera_course_main_03 .camera_course_main,#camera_course_main_05 .camera_course_main,#camera_course_main_07 .camera_course_main,#camera_course_main_09 .camera_course_main,#camera_course_main_11 .camera_course_main,#camera_course_main_13 .camera_course_main,#camera_course_main_15 .camera_course_main{ float: right;}

.camera_course_area{ width: 560px; color: #fff; padding: 0 20px 0 30px;}

.camera_course_area h4{ font-size: 48px; color: #ffbb81; padding: 20px 0 0;}
.camera_course_area h5{ font-size: 32px; padding: 20px 0 10px;}
.camera_course_area h6{ font-size: 28px; font-weight: normal; padding: 30px 0 10px;}
.camera_course_area p{ font-size: 18px; line-height: 36px;}

#camera_course_main_02 .camera_course_area,#camera_course_main_04 .camera_course_area,#camera_course_main_06 .camera_course_area,#camera_course_main_08 .camera_course_area,#camera_course_main_10 .camera_course_area,#camera_course_main_12 .camera_course_area,#camera_course_main_14 .camera_course_area{ float: right;}

.camera_course_bg_01{background: rgba(108,86,28,0.6);}
.camera_course_bg_02{background: rgba(127,26,39,0.6);}
.camera_course_bg_03{background: rgba(12,56,46,0.6);}
.camera_course_bg_04{background: rgba(79,21,25,0.6);}
.camera_course_bg_05{background: rgba(81,19,21,0.6);}
.camera_course_bg_06{background: rgba(114,107,107,0.6);}
.camera_course_bg_07{background: rgba(163,94,78,0.6);}
.camera_course_bg_08{background: rgba(119,99,27,0.6);}
.camera_course_bg_09{background: rgba(18,10,12,0.6);}
.camera_course_bg_10{background: rgba(24,23,29,0.6);}
.camera_course_bg_11{background: rgba(137,76,81,0.6);}
.camera_course_bg_12{background: rgba(25,14,19,0.6);}
.camera_course_bg_13{background: rgba(42,56,70,0.6);}
.camera_course_bg_14{background: rgba(56,81,83,0.6);}
.camera_course_bg_15{background: rgba(45,106,98,0.6);}

/*teacher*/
#camera_teacher{ width: 100%; background-color: #29262a; padding-bottom: 50px;}
#camera_teacher_main{ width: 1220px; background: #fff; margin: 0 auto; position: relative;}

#camera_teacher_exp{padding-bottom: 40px; }
#camera_teacher_exp ul li{ display: none;}
#camera_teacher_exp ul li img{ display: block; float: left; padding: 40px 50px 0 30px;}
.camera_teacher_area { float: right; width: 800px; padding-right: 20px;}
.camera_teacher_area h4{ color:#000; font-size: 28px; padding: 40px 0 15px;}
.camera_teacher_area h5{ width: 220px; text-align: center; font-size: 20px; line-height: 38px; background-image: linear-gradient(to right, #deb186,#e8cfac); color: #fff; font-weight: normal;}
.camera_teacher_area h6{ font-size: 22px; color: #000;}
.camera_teacher_area p{color:#404040; font-size: 18px; line-height: 32px; padding: 10px 0 10px 0; }

#camera_teacher_sub{ width: 820px; position: absolute; top:325px; left: 400px; }
#camera_teacher_sub ul li{ width: 100px; height: 110px; float: left; margin-left: 20px; overflow: hidden;}
#camera_teacher_sub ul li:nth-of-type(1){ margin-left: 0;}
#camera_teacher_sub ul li img{ width: 100%; opacity: 0.3;}
#camera_teacher_sub ul li .camera_teacher_sub_bg{ opacity: 1;}
/*teacherOver*/

#camera_shot{ width: 1220px; margin: 0 auto;}
#camera_shot ul li{ float: left; margin-left: 16px; position: relative; margin-bottom: 20px;}
#camera_shot ul li>img{ display: block; width: 100%;}
#camera_shot ul li:nth-of-type(3n+1){ margin-left: 0;}
#camera_shot ul li a{ position: absolute; bottom: 10px; left: 20px; z-index: 9;}

#camera_works{ width: 100%; background-color: #fafafa; padding-bottom: 40px;}
#camera_works_main{ width: 1220px; margin: 0 auto;}
#camera_works_main img{ display: block;}
.camera_works_title{ width: 256px; height: 78px; background-color: #deb187; line-height: 78px; font-size: 28px; color: #fff; text-align: center; margin:30px 0 20px;}
.camera_works_zp01{ width: 1220px;}
.camera_works_zp01 video{ width: 100%;}
.camera_works_zp02_m ul li{ float: left; margin:0 0 20px 25px; }
.camera_works_zp02_m ul li:nth-of-type(4),.camera_works_zp02_m ul li:nth-of-type(5),.camera_works_zp02_m ul li:nth-of-type(6){ margin-bottom: 0;}
.camera_works_zp02_m ul li img{ display: block; width: 100%;}
.camera_works_zp02_m ul li:nth-of-type(3n+1){ margin-left: 0;}
.camera_works_zp03_ml{ width: 600px; float: left;}
.camera_works_zp03_ml img:nth-of-type(2) { padding-top: 25px;}
.camera_works_zp03_mr{ width: 594px; float: left; margin-left: 25px;}

#camera_envir{ width: 100%;}
#camera_envir ul li{ float: left; margin-left: 0.6%; margin-bottom: 12px;}
#camera_envir ul li:nth-of-type(5n+1){ margin-left: 0;}
#camera_envir ul li img{ display: block; width: 100%;}
.camera_envir_w1{ width: 24.5%; overflow: hidden;}
.camera_envir_w2{ width: 16.2%; overflow: hidden;}


#camera_coope{ width: 1220px; margin: 0 auto; margin-bottom: 40px;}
#camera_coope ul li{ float: left;  margin-left: 19px; padding-bottom: 10px;}
#camera_coope ul li img{ display: block; border: 1px solid #e1e1e1; width: 100%;}
#camera_coope ul li:nth-of-type(6n+1){ margin-left: 0;}
#camera_coope ul li h4{ font-size: 16px; color: #505050; text-align: center; font-weight: normal; line-height: 36px;}

#camera_end{ width: 100%; background: url(../images/camera_end_bg.jpg) top center no-repeat;}
#camera_end_main{ width: 1220px; margin: 0 auto; padding: 110px 0 170px 30px;}
#camera_end_main p{ font-size: 50px; color: #fff; font-weight: 900; padding-top: 10px;}
#camera_end_main a{ display: block; width: 350px; height: 78px; line-height: 78px; font-size: 36px; text-align: center; background-color: #f05e32; font-weight: 900; color: #fff; margin-top: 60px;}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	#camera_banenr{ display: none;}
	#camera_banenr_yd{ display: block;}
	
	.camera_title{width: 100%;}
	.camera_title h2{ font-size: 2.2rem; padding-top: 1.8rem; }
	.camera_title h3{ font-size: 1.4rem; margin-top: 0.8rem;}
	.camera_title span{ margin: 1.4rem auto 1.8rem;}
	
	#camera_learn{ width: 100%;}
	#camera_learn ul li{ width: 47%; margin-left: 2%;}
	#camera_learn ul li img{ text-align: center;}
	#camera_learn ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_learn ul li h4{ font-size: 1.4rem; margin: 0.4rem 0 1.2rem;}
	
	#camera_crowd{padding-bottom: 1rem;}
	#camera_crowd_main{ width: 100%;}
	#camera_crowd_main ul li{ width: 47%; margin-left: 2%; position: static;}
	#camera_crowd_main ul li:nth-of-type(1){ margin-left: 2%;}
	#camera_crowd_main ul li h4{ width: 100%; font-size: 1.4rem; line-height: 3.6rem; position: static; margin: 0 auto 1rem; }
	
	#camera_adv_main{ width: 100%;}
	#camera_adv_main ul li{ width: 47%; height: 30rem; margin-left:2%; margin-bottom: 1rem;}
	#camera_adv_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_adv_main ul li h4{ font-size:1.6rem; padding: 1.2rem 0 1.0rem;}
	#camera_adv_main ul li span{ width: 20%; height: 0.2rem;}
	#camera_adv_main ul li p{width:90%; font-size: 1.2rem; padding: 1.2rem 5% 1.6rem; line-height: 2.0rem;}

	#camera_want{ padding-bottom:1rem;}
	#camera_want ul li{ width: 47%; margin-left:2%; margin-bottom: 1rem;}
	#camera_want ul li:nth-of-type(1){ margin-left: 2%;}
	#camera_want ul li h4{ font-size: 1.6rem;; line-height: 3.6rem;}
	
	#camera_actual{ width: 100%;}
	#camera_actual_sub{ width: 100%; float: none; }
	#camera_actual_sub h4{ width: 22.5%; height: 3.6rem; line-height: 3.6rem; font-size: 1.2rem; margin-top: 0; float: left; margin-left: 2%; margin-bottom: 1rem;}
	#camera_actual_exp{ width: 100%; float: none; margin-left: 0;}
	#camera_actual_exp ul li{ width: 100%; height: auto;}
	
	#camera_course_main_01,#camera_course_main_02,#camera_course_main_03,#camera_course_main_04,#camera_course_main_05,#camera_course_main_06,#camera_course_main_07,#camera_course_main_08,#camera_course_main_09,#camera_course_main_10,#camera_course_main_11,#camera_course_main_12,#camera_course_main_13,#camera_course_main_14,#camera_course_main_15{ height: auto; background: none;}
	
	.camera_course_bg_01,.camera_course_bg_02,.camera_course_bg_03,.camera_course_bg_04,.camera_course_bg_05,.camera_course_bg_06,.camera_course_bg_07,.camera_course_bg_08,.camera_course_bg_09,.camera_course_bg_10,.camera_course_bg_11,.camera_course_bg_12,.camera_course_bg_13,.camera_course_bg_14,.camera_course_bg_15{background: none;}

	
	#camera_course_main_01 .camera_course_main,#camera_course_main_03 .camera_course_main,#camera_course_main_05 .camera_course_main,#camera_course_main_07 .camera_course_main,#camera_course_main_09 .camera_course_main,#camera_course_main_11 .camera_course_main,#camera_course_main_13 .camera_course_main,#camera_course_main_15 .camera_course_main{ float: none;}
	#camera_course_main_02 .camera_course_area,#camera_course_main_04 .camera_course_area,#camera_course_main_06 .camera_course_area,#camera_course_main_08 .camera_course_area,#camera_course_main_10 .camera_course_area,#camera_course_main_12 .camera_course_area,#camera_course_main_14 .camera_course_area{ float: none;}
	
	.camera_course_main{ width:100%; height: auto;}
	.camera_course_main img{ display: block;}
	
	.camera_course_area{ width: 95%; color: #282828; padding: 0 2% 2rem 3%;}

	.camera_course_area h4{ font-size: 3rem; color: #ffbb81; padding: 1.4rem 0 0;}
	.camera_course_area h5{ font-size: 2.4rem; padding: 0.6rem 0 0.4rem;}
	.camera_course_area h6{ font-size: 2.0rem; padding: 1.0rem 0 0.6rem;}
	.camera_course_area p{ font-size: 1.4rem; line-height: 2.6rem;}
	
	#camera_teacher{ padding-bottom: 2rem;}
	#camera_teacher_main{ width: 100%; background: #fff;}
	#camera_teacher_exp{ width: 100%; padding-bottom: 0rem;}
	#camera_teacher_exp ul{ width: 100%;}
	#camera_teacher_exp ul li{ width: 100%; display: block;}
	#camera_teacher_exp ul li img{ width: 40%; display: block; padding: 1rem 1% 0 1%; }
	.camera_teacher_area { float: left; width:54%;}
	.camera_teacher_area h4{ font-size: 2rem; padding: 1.4rem 0 1rem;}
	.camera_teacher_area h5{ width: 60%; font-size: 1.4rem; line-height: 2.8rem;}
	.camera_teacher_area h6{ font-size: 1.4rem;}
	.camera_teacher_area p{ font-size: 1.2rem; line-height: 2.2rem; padding: 0.5rem 0 0.5rem 0; }
	#camera_teacher_sub{ display: none;}
	
	#camera_shot{ width:100%;}
	#camera_shot ul li{ width: 47%; margin-left: 2%; margin-bottom: 1rem;}
	#camera_shot ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_shot ul li a{ bottom: 1.0rem; left: 1.0rem; }
	
	#camera_works{ padding-bottom: 1rem;}
	#camera_works_main{ width: 100%;}
	.camera_works_title{ width: 18rem; height: 4rem; line-height: 4rem; font-size: 1.8rem; margin:1.5rem 0 1rem;}
	.camera_works_zp01,.camera_works_zp02,.camera_works_zp03,.camera_works_zp04,.camera_works_zp05{ width: 100%;}
	.camera_works_zp02_m ul li{ width: 47%; margin:0 0 1rem 2%; }
	.camera_works_zp02_m ul li:nth-of-type(3n+1){ display: none;}
	.camera_works_zp03_ml{ width: 96%; float: none; margin-left: 2%;}
	.camera_works_zp03_ml img{ width: 100%;}
	.camera_works_zp03_ml img:nth-of-type(2) {padding-top: 1rem;}
	.camera_works_zp03_mr{ display: none;}
	.camera_works_zp02_m>img{ width: 96%; margin-left: 2%; }
	
	#camera_envir{ width: 100%;}
	#camera_envir ul li{ width: 47%; float: left; margin-left: 2%; margin-bottom: 1rem;}
	#camera_envir ul li:nth-of-type(5n+1){ margin-left: 2%;}
	.camera_envir_w1{ display: 100%;}
	.camera_envir_w2{ display: none;}

	#camera_coope{ width: 100%; margin-bottom: 1rem}
	#camera_coope ul li{ width:30%; float: left;  margin-left: 2.2%; padding-bottom: 1rem;}
	#camera_coope ul li:nth-of-type(6n+1){ margin-left: 2.2%;}
	#camera_coope ul li h4{ font-size: 1.2rem; line-height: 2.4rem;}
	
	#camera_end_main{ width:90%; padding: 3rem 0 5rem 10%;}
	#camera_end_main p{ font-size: 2.0rem; padding-top: 0.6rem;}
	#camera_end_main a{ width: 40%; height: 5rem; line-height: 5rem; font-size: 1.8rem; margin-top: 3rem;}
	
}
@media only screen and (min-width: 320px) and (max-width: 767px){
	#camera_banenr{ display: none;}
	#camera_banenr_yd{ display: block;}
	
	.camera_title{width: 100%;}
	.camera_title h2{ font-size: 1.4rem; padding-top: 0.8rem; }
	.camera_title h3{ font-size: 1.0rem; margin-top: 0.4rem; padding: 0 1rem;}
	.camera_title span{ margin: 0.8rem auto 0.8rem;  width: 20%; height: 0.2rem;}
	
	#camera_learn{ width: 100%;}
	#camera_learn ul li{ width: 47%; margin-left: 2%;}
	#camera_learn ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_learn ul li h4{ font-size: 1.0rem; margin: 0.2rem 0 0.8rem;}
	
	#camera_crowd{padding-bottom: 0.5rem;}
	#camera_crowd_main{ width: 100%;}
	#camera_crowd_main ul li{ width: 47%; margin-left: 2%; position: static;}
	#camera_crowd_main ul li:nth-of-type(1){ margin-left: 2%;}
	#camera_crowd_main ul li h4{ width: 100%; font-size: 1.0rem; line-height: 2.4rem; position: static; margin: 0 auto 0.5rem; }
	
	#camera_adv_main{ width: 100%;}
	#camera_adv_main ul li{ width: 47%; height:14rem; margin-left:2%; margin-bottom: 1rem;}
	#camera_adv_main ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_adv_main ul li h4{ font-size:1.1rem; padding: 0.6rem 0 0.4rem;}
	#camera_adv_main ul li span{ width: 20%; height: 0.1rem;}
	#camera_adv_main ul li p{width:90%; font-size: 0.9rem; padding: 0.4rem 5% 0.8rem; line-height: 1.2rem;}
	
	#camera_want{ padding-bottom:0rem;}
	#camera_want ul li{ width: 47%; margin-left:2%; margin-bottom: 0.5rem;}
	#camera_want ul li:nth-of-type(1){ margin-left: 2%;}
	#camera_want ul li h4{ font-size: 1.0rem;; line-height: 2.2rem;}

	#camera_actual{ width: 100%;}
	#camera_actual_sub{ width: 100%; float: none; }
	#camera_actual_sub h4{ width: 47%; height: 2.8rem; line-height: 2.8rem; font-size: 1.0rem; margin-top: 0; float: left; margin-left: 2%; margin-bottom: 0.4rem;}
	#camera_actual_exp{ width: 100%; float: none; margin-left: 0;}
	#camera_actual_exp ul li{ width: 100%; height: auto;}
	
	#camera_course_main_01,#camera_course_main_02,#camera_course_main_03,#camera_course_main_04,#camera_course_main_05,#camera_course_main_06,#camera_course_main_07,#camera_course_main_08,#camera_course_main_09,#camera_course_main_10,#camera_course_main_11,#camera_course_main_12,#camera_course_main_13,#camera_course_main_14,#camera_course_main_15{ height: auto; background: none;}
	
	.camera_course_bg_01,.camera_course_bg_02,.camera_course_bg_03,.camera_course_bg_04,.camera_course_bg_05,.camera_course_bg_06,.camera_course_bg_07,.camera_course_bg_08,.camera_course_bg_09,.camera_course_bg_10,.camera_course_bg_11,.camera_course_bg_12,.camera_course_bg_13,.camera_course_bg_14,.camera_course_bg_15{background: none;}

	
	#camera_course_main_01 .camera_course_main,#camera_course_main_03 .camera_course_main,#camera_course_main_05 .camera_course_main,#camera_course_main_07 .camera_course_main,#camera_course_main_09 .camera_course_main,#camera_course_main_11 .camera_course_main,#camera_course_main_13 .camera_course_main,#camera_course_main_15 .camera_course_main{ float: none;}
	#camera_course_main_02 .camera_course_area,#camera_course_main_04 .camera_course_area,#camera_course_main_06 .camera_course_area,#camera_course_main_08 .camera_course_area,#camera_course_main_10 .camera_course_area,#camera_course_main_12 .camera_course_area,#camera_course_main_14 .camera_course_area{ float: none;}
	
	.camera_course_main{ width:100%; height: auto;}
	.camera_course_main img{ display: block;}
	
	.camera_course_area{ width: 95%; color: #282828; padding: 0 2% 0.8rem 3%;}

	.camera_course_area h4{ font-size: 1.8rem; color: #ffbb81; padding: 0.8rem 0 0;}
	.camera_course_area h5{ font-size: 1.4rem; padding: 0.6rem 0 0.4rem;}
	.camera_course_area h6{ font-size: 1.2rem; padding: 0.8rem 0 0.6rem;}
	.camera_course_area p{ font-size: 0.9rem; line-height: 1.6rem;}
	
	#camera_teacher{ background: none; padding-bottom: 1rem; }
	#camera_teacher_main{ width: 100%; background: #fff;;}
	#camera_teacher_exp{ width: 100%; padding-bottom: 0rem;}
	#camera_teacher_exp ul{ width: 100%;}
	#camera_teacher_exp ul li{ width: 100%; display: block;}
	#camera_teacher_exp ul li img{ width: 90%; display: block; float: none; padding: 0; margin: 0 auto; }
	.camera_teacher_area { float: none; width:88%; margin-left: 5%;}
	.camera_teacher_area h4{ font-size: 1.6rem; padding: 1rem 0 0.6rem;}
	.camera_teacher_area h5{ width: 70%; font-size: 1.2rem; line-height: 2.0rem;}
	.camera_teacher_area h6{ font-size: 1.2rem;}
	.camera_teacher_area p{ font-size: 1.0rem; line-height: 1.8rem; padding: 0.5rem 0 0.5rem 0; }
	#camera_teacher_sub{ display: none;}
	
	#camera_shot{ width:100%;}
	#camera_shot ul li{ width: 96%; margin-left: 2%; margin-bottom: 1rem;}
	#camera_shot ul li:nth-of-type(3n+1){ margin-left: 2%;}
	#camera_shot ul li a{ bottom: 1.0rem; left: 1.0rem; }
	#camera_shot ul li a img{ width: 80%;}
	
	#camera_works{ padding-bottom: 0.5rem;}
	#camera_works_main{ width: 100%;}
	.camera_works_title{ width: 10rem; height: 2.4rem; line-height: 2.4rem; font-size: 1.0rem; margin:1.0rem 0 0.8rem;}
	.camera_works_zp01,.camera_works_zp02,.camera_works_zp03,.camera_works_zp04,.camera_works_zp05{ width: 100%;}
	.camera_works_zp02_m ul li{ width: 47%; margin:0 0 0.6rem 2%; }
	.camera_works_zp02_m ul li:nth-of-type(3n+1){ display: none;}
	.camera_works_zp03_ml{ width: 96%; float: none; margin-left: 2%;}
	.camera_works_zp03_ml img{ width: 100%;}
	.camera_works_zp03_ml img:nth-of-type(2) {padding-top: 1rem;}
	.camera_works_zp03_mr{ display: none;}
	.camera_works_zp02_m>img{ width: 96%; margin-left: 2%; }
	
	#camera_envir{ width: 100%;}
	#camera_envir ul li{ width: 96%; float: left; margin-left: 2%; margin-bottom: 0.4rem;}
	#camera_envir ul li:nth-of-type(5n+1){ margin-left: 2%;}
	.camera_envir_w1{ width: 100%;}
	.camera_envir_w2{ width: 100%;}
	
	#camera_coope{ width: 100%; margin-bottom: 0.6rem;}
	#camera_coope ul li{ width:46%; float: left;  margin-left: 2%; padding-bottom: 0.5rem;}
	#camera_coope ul li:nth-of-type(6n+1){ margin-left: 2%;}
	#camera_coope ul li h4{ font-size: 0.9rem; line-height: 1.8rem;}
	
	#camera_end_main{ width:95%; padding: 2rem 0 3rem 5%;}
	#camera_end_main p{ font-size: 1.4rem; padding-top: 0.2rem;}
	#camera_end_main a{ width: 50%; height: 2.6rem; line-height: 2.6rem; font-size: 1.2rem; margin-top: 1.8rem;}
}