@import url(/css/basefont.css);
@import url(/css/menu.css);
@import url(/css/footer.css?v20230710);

img,img:hover,img:visited,img:link {border:0px solid #000; text-decoration:none;}




/* COMMON CSS */



/* PC VERSION */
@media (min-width:1100px) {

	/* main_visual */
	#main_visual_wrap {width:100%; height:460px; background:url("../images/main/main_visual01.jpg") no-repeat center; background-size:cover}
		.main_visual {width:1100px; margin:0 auto}

		.main_visual_text {text-align:center; padding-top:120px}
		.main_visual_text b {font-size:40px; color:#FFF; letter-spacing:-1px}			
		.main_visual_text div.ut {padding:20px 0; color:#FFF; font-weight:600; font-size:30px; overflow:hidden; width:315px; margin:0 auto}
			.main_visual_text span.u {background:#f16502; padding:5px; margin:0; float:left}
			.main_visual_text span.t {background:#00bff3; padding:5px; margin:0; float:left}
		.main_visual_text p {color:#FFF; line-height:18px; *padding-top:5px; font-size:13px}


	/* icon_box 190212 */
	#icon_box_wrap {width:100%; border-bottom:2px solid #fe7029; height:100px; background:url("../images/main/icon_box_bg.gif"); box-shadow:-3px 0 10px rgba(0,0,0,0.5), inset 0 3px 0 #fff}
		.icon_box {max-width:1100px; margin:0 auto; text-align:center; vertical-align:middle; line-height:100px}
		.icon_box ul li{width:20%; float:left; text-align:center; background:url("../images/main/iconbox_line.gif") no-repeat right}
		.icon_box ul li a{display:block; }
		.icon_box ul li a img{vertical-align:middle}
		.icon_box ul li a span{font-size:14px; color:#737478;  font-weight:600}
		.icon_box ul li a:hover span{color:#fe7029}
		
	/* icon_box
	#icon_box_wrap {width:100%; border-bottom:2px solid #fe7029; height:100px; background:url("../images/main/icon_box_bg.gif"); box-shadow:-3px 0 10px rgba(0,0,0,0.5), inset 0 3px 0 #fff}
		.icon_box {width:1100px; margin:0 auto; text-align:center; vertical-align:middle; line-height:100px}
		.icon_box dl {display:inline-block; width:16%; overflow:hidden; background:url("../images/main/iconbox_line.gif") no-repeat right}		
		.icon_box dl:last-child {background:none}
		.icon_box dl > a {display:block}
		.icon_box dl dt, .icon_box dl dd {display:inline-block; text-align:center}
		.icon_box dl dt {padding:0; *float:left}
		.icon_box dl dt > img {vertical-align:middle}
		.icon_box dl dd {font-size:14px; color:#737478; *float:right; padding-left:5px; font-weight:600}
		.icon_box dl dd:hover {color:#fe7029}
	 */








	/* Cont_wrap */
	#cont_wrap {width:100%}
	.contents {width:1100px; margin:0 auto; padding:70px 0; overflow:hidden}
		#cont_left {display:inline-block; width:67%; overflow:hidden}
			.biz-notice {border:1px solid #ebebeb; *width:100%; display:block; margin-bottom:30px; height:325px}

			.title {overflow:hidden; padding:10px 10px 0 10px;} 
			.title h1 {margin:0; font-size:21px; color:#AAA; display:inline-block}
			.title h1 > b {color:#fe7029}
			.title ul.bbs_tab {overflow:hidden; display:inline-block; padding-left:10px; font-size:13px}
			.title ul.bbs_tab li {float:left; padding:0 5px; border-right:1px solid #a9a9a9}
			.title ul.bbs_tab li:last-child {border-right:none}
			.title ul.bbs_tab li > a {color:#a9a9a9; font-weight:600}
			.title ul.bbs_tab li > a:hover {color:#a27758}
			.title ul.bbs_tab li > a.on {color:#966b4c}
			.title a.more {display:inline-block; float:right; vertical-align:bottom}
			.title a.more > img {vertical-align:bottom; padding:10px}

			.info_list_wrap {padding:5px 10px;}
			dl.info_list {overflow:hidden; border-bottom:1px solid #f5f5f5}
			dl.info_list dt, dl.info_list dd {display:inline-block; font-size:13px; font-weight:600; line-height:34px;}
			dl.info_list dt {background:url("../images/main/icon_dot.gif") no-repeat 2px 17px; padding-left:10px; width:79%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
			dl.info_list dt a {color:#525252;}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd {float:right; color:#fe7029; padding-right:10px}

			dl.info_list dt.list {background:url("../images/main/icon_dot.gif") no-repeat 2px 17px; padding-left:10px; max-width:480px; width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:400;}
			dl.info_list dt a {color:#525252; text-overflow:ellipsis}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd.date {float:right; color:#757d88; font-size:14px; padding-right:10px; font-weight:400;}
			dl.info_list .d_day {font-size:12px; color: #666; background-color: #eee; border-radius: 5px; padding: 3px 5px; margin-right: 3px;}

			.notice {border:1px solid #ebebeb; width:48%; display:inline-block; height:250px}

			.news {border:1px solid #ebebeb; width:48%; display:inline-block; float:right; height:250px}

			

		#cont_right {display:inline-block; vertical-align:top; float:right}
			.banner {display:block; width:100%; *height:335px;}
			.banner a.cont_right {padding-top:20px; margin-top:20px; display:block; border-top:1px dashed #ebebeb}
			.banner a.cont_right > img {vertical-align:bottom}

			.prvideo {display:block; width:100%; *height:335px; margin-top:50px}
			.prvideo a.cont_right {padding-top:20px; margin-top:20px; display:block; border-top:1px dashed #ebebeb}
			.prvideo a.cont_right > img {vertical-align:bottom}

			.video-wrap {
				position:relative;
				width:100%;
				padding-bottom:56.25%;
			}
			.video-wrap > video {
				position:absolute;
				width:100%;
				height:100%;
			}

		#banner_line_wrap {width:100%; background:#f1f1f5; padding:50px 0}
			.banner_line {width:1100px; margin:0 auto; overflow:hidden}

			.industry {width:67%; display:inline-block; overflow:hidden; background:url("../images/main/industry.gif") no-repeat top center; height:200px; background-size:cover}
			.industry h2.title02 {color:#fefefe; font-size:18px; margin:0; padding:10px 20px}
			.industry h2.title02 span {font-size:12px; color:#fefefe; padding-left:10px; font-weight:500}
			.industry dl {overflow:hidden;}
			.industry dl a {display:block; padding:20px 20px 0 20px}			
			.industry dl a dt {display:inline-block; width:40%; text-align:center}
			.industry dl a dt > img {}
			.industry dl a dd {display:inline-block; float:right; text-align:right; width:58%}
			.industry dl a dd h3 {font-weight:600; font-size:20px; color:#FFF}
			.industry dl a dd h3 span {font-size:14px; padding-left:10px}
			.industry dl a dd p {line-height:18px; font-size:14px; color:#FFF; font-weight:500}
			.industry ul.num {float:right; overflow:hidden}
			.industry ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:10px; color:#FFF}
			.industry ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			.industry ul.num li a.num:hover {background:#fe7029}
			.industry ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			
			
			.banner_line1 {padding: 10px 0 0 10px;}
			.industry1 ul.num {float:right; overflow:hidden}
			.industry1 ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:9px; color:#FFF}
			.industry1 ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}
			.industry1 ul.num li a.num:hover {background:#fe7029}
			.industry1 ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}
			
			

			.recruit {width:32%; display:inline-block; vertical-align:top; float:right; background:url("../images/main/recruit.gif") no-repeat top center; height:200px; background-size:cover}
			.recruit a {display:block; height:200px}
			.recruit h2.title02 {color:#fefefe; font-size:18px; margin:0; padding:10px 20px}
			.recruit h2.title02 div {font-size:12px; color:#fefefe; *background:url("../images/main/icon_arrow.png") no-repeat right; font-weight:500; padding-top:7px}

	


}

/* TABLET VERSION  */
@media (max-width:1099px) and (min-width:769px) {

	/* main_visual */
	#main_visual_wrap {width:100%; height:400px; background:url("../images/main/main_visual01.jpg") center no-repeat; background-size:cover}
		.main_visual {width:100%; margin:0 auto}

		.main_visual_text {text-align:center; padding-top:120px}
		.main_visual_text b {font-size:40px; color:#FFF; letter-spacing:-1px}			
		.main_visual_text div.ut {padding:20px 0; color:#FFF; font-weight:600; font-size:30px; overflow:hidden; width:315px; margin:0 auto}
			.main_visual_text span.u {background:#f16502; padding:5px; margin:0; float:left}
			.main_visual_text span.t {background:#00bff3; padding:5px; margin:0; float:left}
		.main_visual_text p {color:#FFF; line-height:18px; *padding-top:5px; font-size:13px}
		
	/* icon_box 190212 */
	#icon_box_wrap {width:100%; border-bottom:2px solid #fe7029; height:100px; background:url("../images/main/icon_box_bg.gif"); box-shadow:-3px 0 10px rgba(0,0,0,0.5), inset 0 3px 0 #fff}
		.icon_box {max-width:1100px; margin:0 auto; text-align:center; vertical-align:middle; line-height:100px}
		.icon_box ul li{width:20%; float:left; text-align:center; background:url("../images/main/iconbox_line.gif") no-repeat right}
		.icon_box ul li a{display:block; }
		.icon_box ul li a img{vertical-align:middle}
		.icon_box ul li a span{font-size:14px; color:#737478;  font-weight:600}
		.icon_box ul li a:hover span{color:#fe7029}
		
	/* icon_box
	#icon_box_wrap {width:100%; border-bottom:2px solid #fe7029; height:100px; background:url("../images/main/icon_box_bg.gif"); box-shadow:-3px 0 10px rgba(0,0,0,0.5), inset 0 3px 0 #FFF}
		.icon_box {width:100%; margin:0 auto; text-align:center; vertical-align:middle; *line-height:100px}
		.icon_box dl {display:inline-block; width:16%; overflow:hidden; background:url("../images/main/iconbox_line.gif") no-repeat right; line-height:100px; vertical-align:middle}
		.icon_box dl > a {display:block}
		.icon_box dl dt,dd {display:inline-block;}
		.icon_box dl dt {*padding:0;}
		.icon_box dl dt > img {vertical-align:middle;}
		.icon_box dl dd {font-size:12px; color:#737478; *padding-left:5px; font-weight:600; letter-spacing:-1px}
		.icon_box dl dd:hover {color:#fe7029}
	 */







	/* Cont_wrap */
	#cont_wrap {width:100%}
	.contents {width:100%; margin:0 auto; padding-top:50px; overflow:hidden}
		#cont_left {display:block; width:90%; margin:0 auto; overflow:hidden}
			.biz-notice {border:1px solid #ebebeb; display:block; margin-bottom:50px}

			.title {overflow:hidden; padding:10px 10px 0 10px;}
			.title h1 {margin:0; font-size:21px; color:#AAA; display:inline-block;}
			.title h1 > b {color:#fe7029}
			.title ul.bbs_tab {overflow:hidden; display:inline-block; padding-left:10px; font-size:13px}
			.title ul.bbs_tab li {float:left; padding:0 10px; border-right:1px solid #a9a9a9}
			.title ul.bbs_tab li:last-child {border-right:none}
			.title ul.bbs_tab li > a {color:#a9a9a9; font-weight:600}
			.title ul.bbs_tab li:hover {color:#a27758}
			.title ul.bbs_tab li a.on {color:#966b4c}
			.title a.more {display:inline-block; float:right; vertical-align:bottom}
			.title a.more > img {vertical-align:middle; padding:10px}

			.info_list_wrap {padding:10px}
			dl.info_list {overflow:hidden; border-bottom:1px solid #f5f5f5}
			dl.info_list dt,dd {display:inline-block; font-size:13px; font-weight:600; line-height:34px;}
			dl.info_list dt {background:url("../images/main/icon_dot.gif") no-repeat 2px 17px; padding-left:10px; width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
			dl.info_list dt a {color:#525252}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd {float:right; color:#fe7029; padding-right:10px}

			dl.info_list dt.list {background:url("../images/main/icon_dot.gif") no-repeat 2px 17px; padding-left:10px; width:65%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:400;}
			dl.info_list dt a {color:#525252; text-overflow:ellipsis}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd.date {float:right; color:#757d88; font-size:14px; padding-right:10px; font-weight:400;}
			dl.info_list .d_day {font-size:12px; color: #666; background-color: #eee; border-radius: 5px; padding: 3px 5px; margin-right: 3px;}

			.notice {border:1px solid #ebebeb; *width:100%; margin:0 auto; display:block; margin-bottom:50px}

			.news {border:1px solid #ebebeb; *width:100%; margin:0 auto; display:block; margin-bottom:50px}

		#cont_right {display:block; vertical-align:top; width:90%; margin:0 auto; overflow:hidden}
			.banner {display:inline-block; width:47%; margin:0 auto}
			.banner a.cont_right {padding-top:20px; margin-top:20px; display:block; border-top:1px dashed #ebebeb}
			.banner a.cont_right > img {vertical-align:bottom; width:100%}

			.prvideo {display:inline-block; width:47%; *margin-top:50px; float:right}
			.prvideo a.cont_right {padding-top:20px; margin-top:20px; display:block; border-top:1px dashed #ebebeb}
			.prvideo a.cont_right > img {vertical-align:bottom; width:100%}

		#banner_line_wrap {width:100%; margin:0 auto; background:#f1f1f5; padding:20px 0; margin:50px 0}
			.banner_line {width:90%; margin:0 auto; overflow:hidden}

			.industry {width:100%; *display:block; overflow:hidden; background:url("../images/main/industry.gif") no-repeat top center; height:200px; background-size:cover}
			.industry h2.title02 {color:#fefefe; font-size:18px; margin:0; padding:10px 20px}
			.industry h2.title02 span {font-size:12px; color:#fefefe; padding-left:10px; font-weight:500}
			.industry dl {overflow:hidden; display:block}
			.industry dl a {display:block; padding:20px 20px 0 20px}
			.industry dl a dt,dd {display:inline-block}
			.industry dl a dt {*padding-right:50px; width:40%; text-align:center}
			.industry dl a dt > img {}
			.industry dl a dd {float:right; text-align:right; width:60%}
			.industry dl a dd h3 {font-weight:600; font-size:20px; color:#FFF}
			.industry dl a dd h3 span {font-size:14px; padding-left:10px}
			.industry dl a dd p {line-height:18px; font-size:14px; color:#FFF; font-weight:500}
			.industry ul.num {float:right; overflow:hidden}
			.industry ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:9px; color:#FFF}
			.industry ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			.industry ul.num li a.num:hover {background:#fe7029}
			.industry ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			
			.banner_line1 {padding: 40px 0 0 10px;}
			.industry1 ul.num {float:right; overflow:hidden}
			.industry1 ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:9px; color:#FFF}
			.industry1 ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}
			.industry1 ul.num li a.num:hover {background:#fe7029}
			.industry1 ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}

			.recruit {width:100%; *display:block; vertical-align:top; background:#4db1ba url("../images/main/recruit.gif") no-repeat top right; height:200px; background-size:contain; margin-top:50px}
			.recruit a {display:block; height:200px}
			.recruit h2.title02 {color:#fefefe; font-size:18px; margin:0; padding:10px 20px}
			.recruit h2.title02 div {font-size:12px; color:#fefefe; font-weight:500; padding-top:7px}

	

}

/* MOBILE VERSION */
@media (max-width:768px) {

	/* main_visual */
	#main_visual_wrap {width:100%; height:400px; background:url("../images/main/main_visual01.jpg") center top no-repeat; background-size:cover}
		.main_visual {width:100%; margin:0 auto}

		.main_visual_text {text-align:center; padding-top:120px}
		.main_visual_text b {font-size:28px; color:#FFF; letter-spacing:-1px}			
		.main_visual_text div.ut {padding:20px 0; color:#FFF; font-weight:600; font-size:25px; overflow:hidden; width:270px; margin:0 auto}
			.main_visual_text span.u {background:#f16502; padding:5px; margin:0; float:left}
			.main_visual_text span.t {background:#00bff3; padding:5px; margin:0; float:left}
		.main_visual_text p {color:#FFF; line-height:18px; *padding-top:5px; font-size:12px; letter-spacing:-1px}
		
	/* icon_box 190212 */
	#icon_box_wrap {width:100%; border-bottom:2px solid #fe7029; height:auto; background:url("../images/main/icon_box_bg.gif"); box-shadow:-3px 0 10px rgba(0,0,0,0.5), inset 0 3px 0 #FFF}
		.icon_box {width:100%; margin:0 auto; text-align:center; vertical-align:middle; *line-height:100px}
		.icon_box ul li{width:100%; float:none; text-align:center; background:none; border-bottom:1px solid #DDD; line-height:70px; vertical-align:middle;}
		.icon_box ul li a{display:block; }
		.icon_box ul li a img{vertical-align:middle}
		.icon_box ul li a span{font-size:14px; color:#737478;  font-weight:600}
		.icon_box ul li a:hover span{color:#fe7029}
		
 	
	/* Cont_wrap */
	#cont_wrap {width:100%}
	.contents {width:100%; margin:0 auto; padding-top:50px; overflow:hidden}
		#cont_left {display:block; width:90%; margin:0 auto; overflow:hidden}
			.biz-notice {border:1px solid #ebebeb; display:block; margin-bottom:50px}

			.title {overflow:hidden; padding:10px 10px 0 10px;}
			.title h1 {margin:0; font-size:21px; color:#AAA; display:inline-block;}
			.title h1 > b {color:#fe7029}
			.title ul.bbs_tab {overflow:hidden; display:inline-block; padding-left:10px; font-size:13px}
			.title ul.bbs_tab li {float:left; padding:0 10px; border-right:1px solid #a9a9a9}
			.title ul.bbs_tab li:last-child {border-right:none}
			.title ul.bbs_tab li > a {color:#a9a9a9; font-weight:600; }
			.title ul.bbs_tab li:hover {color:#a27758}
			.title ul.bbs_tab li a.on {color:#966b4c}
			.title a.more {display:inline-block; float:right; vertical-align:bottom}
			.title a.more > img {vertical-align:middle; padding:10px}

			.info_list_wrap {padding:10px}
			dl.info_list {overflow:hidden; border-bottom:1px solid #f5f5f5}
			dl.info_list dt,dd {display:inline-block; font-size:12px; font-weight:600; line-height:34px;}
			dl.info_list dt {background:url("../images/main/icon_dot.gif") no-repeat 4px 17px; padding-left:10px; width:95%; margin:0 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
			dl.info_list dt a {color:#525252}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd {float:right; color:#fe7029; padding-right:10px}

			dl.info_list dt.list {background:url("../images/main/icon_dot.gif") no-repeat 2px 17px; padding-left:10px; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; font-weight:400;}
			dl.info_list dt.list.w-100 {width:100%;}
			dl.info_list dt a {color:#525252; text-overflow:ellipsis}
			dl.info_list dt a:hover {color:#424242; text-decoration:underline}
			dl.info_list dd.date {float:right; color:#757d88; font-size:14px; padding-right:10px; font-weight:400;}
			dl.info_list .d_day {font-size:12px; color: #666; background-color: #eee; border-radius: 5px; padding: 3px 5px; margin-right: 3px;}

			.notice {border:1px solid #ebebeb; *width:100%; margin:0 auto; display:block; margin-bottom:50px}

			.news {border:1px solid #ebebeb; *width:100%; margin:0 auto; display:block; margin-bottom:50px}

		#cont_right {display:block; vertical-align:top; width:90%; margin:0 auto; overflow:hidden}
			.banner {display:block; width:100%; margin:0 auto}
			.banner a.cont_right {padding-top:10px; margin-top:10px; display:block; border-top:1px dashed #ebebeb}
			.banner a.cont_right > img {vertical-align:bottom; width:100%}

			.prvideo {display:block; width:100%; *margin-top:50px; margin-top:50px}
			.prvideo a.cont_right {padding-top:20px; margin-top:20px; display:block; border-top:1px dashed #ebebeb}
			.prvideo a.cont_right > img {vertical-align:bottom; width:100%}

		#banner_line_wrap {width:100%; margin:0 auto; background:#f1f1f5; padding:20px 0; margin:50px 0}
			.banner_line {width:90%; margin:0 auto; overflow:hidden}

			.industry {width:100%; *display:block; overflow:hidden; background:url("../images/main/industry.gif") no-repeat top center; height:200px; background-size:cover}
			.industry h2.title02 {color:#fefefe; font-size:16px; margin:0; padding:10px 20px}
			.industry h2.title02 span {font-size:12px; color:#fefefe; padding-left:5px; font-weight:500; letter-spacing:-0.9px}
			.industry dl {overflow:hidden; display:block; height:auto}
			.industry dl a {display:block; padding:5px 10px 0 10px; height:auto}			
			.industry dl a dt {display:inline-block; width:30%; text-align:center}
			.industry dl a dt > img {display:inline-block; width:100%; max-width:125px; vertical-align:middle;}
			.industry dl a dd {float:right; text-align:right; display:inline-block; vertical-align:top; width:70%; word-break:break-word}
			.industry dl a dd h3 {font-weight:600; font-size:15px; color:#FFF; *display:inline-block; margin:0; line-height:15px; padding-bottom:3px}
			.industry dl a dd h3 span {font-size:13px; display:block}
			.industry dl a dd p {line-height:15px; font-size:12px; color:#FFF; font-weight:500; display:block; *width:60%; float:right; letter-spacing:-1.5px}
			.industry ul.num {overflow:hidden; display:block; float:right; text-align:right; padding-top:10px}
			/*.industry ul.num {float:right; overflow:hidden; display:block; margin-top:10px; text-align:right}*/
			.industry ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:10px; color:#FFF}
			.industry ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			.industry ul.num li a.num:hover {background:#fe7029}
			.industry ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			
			.banner_line1 {padding: 10px 0 0 10px;}
			.industry1 dl dt img {width:100%;}
			.industry1 ul.num {float:right; overflow:hidden}
			.industry1 ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:10px; color:#FFF}
			.industry1 ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}
			.industry1 ul.num li a.num:hover {background:#fe7029}
			.industry1 ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle; display: block;}

			/*
			.industry dl a dt {*padding-right:50px}
			.industry dl a dt > img {}
			.industry dl a dd {float:right; text-align:right}
			.industry dl a dd h3 {font-weight:600; font-size:20px; color:#FFF; display:inline-block}
			.industry dl a dd h3 span {font-size:14px; padding-left:10px; display:block}
			.industry dl a dd p {line-height:18px; font-size:14px; color:#FFF; font-weight:500; display:inline-block}
			.industry ul.num {float:right; overflow:hidden}
			.industry ul.num li {float:left; vertical-align:top; width:15px; height:15px; background:#242b36; margin-right:10px; color:#FFF}
			.industry ul.num li a.num {color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}
			.industry ul.num li a.num:hover {background:#fe7029}
			.industry ul.num li a.num_on {background:#fe7029; color:#FFF; font-size:10px; width:15px; height:15px; line-height:15px; margin:0; padding:0; text-align:center; vertical-align:middle}

*/
			.recruit {width:100%; *display:block; vertical-align:top; background:#4db1ba url("../images/main/recruit.gif") no-repeat top right; height:200px; background-size:contain; margin-top:50px}
			.recruit a {display:block; height:200px}
			.recruit h2.title02 {color:#fefefe; font-size:16px; margin:0; padding:10px 20px}
			.recruit h2.title02 div {font-size:12px; color:#fefefe; font-weight:500; padding-top:7px}

}
























/*
/* PC Version 
@media (min-width:1200px) {
    .scenter {width:1200px; margin:0 auto}
    .allmenu {display:block}
    .mainmenu_pc {display:block;}
    .sns {display:inline}
    .search {display:inline-block}
    .mainimg_iconbg ul {width:1200px}
    .main_img {width:1200px; height:400px}
    .main_cs03_bg {width:1200px}
    .main_cs03_list {width:920px; text-align:right}
    #footer_pc {display:block}
    #footer_mobile {display:none}
	#quickmenu_wrap {display:block}
	.main_cs03_list dl {padding:11px 11px 11px 180px}
    .main_cs03_list dl a {border:1px solid #fff; margin:5px;}
    .header {height:85px;}
    .header h1 {width:162px;}
    .m_info1 {text-align:inherit;}
	.m_info1 ul li:first-child {margin:0}
    .m_info1_01 {border-right:1px solid #ededed; padding-right:15px; margin-right:15px}
    .main_cs_01 > div > var {width:410px;}
    .main_banner{height:80px;}
	.banner_play {display:block; height:13px}
}

/* Mobile Version 
@media (max-width:1199px) {
    .header h1.logo {text-align:center}
    .scenter {margin:0 auto} 
    .allmenu {display:none}
    .mainmenu_pc {display:none}
    .sns {display:none}
    .m_info1_01 {border:0}
    .search {display:none}
    .mainimg_iconbg ul {width:100%}
    .main_img {width:100%}
	.main_cs_01 > div {padding-left:20px}
	.main_cs_01 > div > var {padding-left:0; width:100%}
	.main_cs_03_board {padding-top:10px}
    .main_cs03_bg {width:100%}
    .main_cs03_list {width:100%; text-align:left}
    #footer_pc {display:none}
    #footer_mobile {display:block}
	#quickmenu_wrap {display:none}
	.main_cs03_list dl {padding:11px}
    .main_cs03_list dl a {border:0px; width:100%; margin:0px; padding-bottom:5px;}
    .header {height:45px;}
    .header h1 {width:100%;}
    .m_info1 {text-align:center;}
	.m_info1 ul li:first-child {margin-top:20px}
    .m_info1_01 {border-right:0px; padding:0px; margin:0 auto;}
	.main_cs02_title {padding:10px 0 0 20px}

    .main_banner {height:auto;}
	.banner_play {display:block}
}

/* Tablet Version 
@media (max-width:1199px) and (min-width:768px) {

}

/***** Common Classes *****/

/* 1. hide (display) */
.dpn {display:none;}
/* 2. hide (visibility) */
.hidden {visibility:hidden}
/* 3. mobile on / pc off */
@media (min-width:1200px) {
    .on-mobile {display:none;}
    .on-pc {display:block;}
    br.on-mobile {width:0px; height:0px; padding:0px; margin:0px; display:none;}
}
@media (max-width:1199px) {
    .on-mobile {display:block;}
    .on-pc {display:none;}
    br.on-pc {width:0px; height:0px; padding:0px; margin:0px; display:none;}
}

/***** END Common Classes *****

/* Seperate Classes *

#wrap {}

#body_wrap {}
	#main_img_swap {}
		
	.mainimg {background:url("/images/mainimg_bg_01.png") repeat-x;}
		.mainimg_iconbg {background:url("/images/mainimg_iconbg.png") repeat; margin-bottom:30px}
		.mainimg_iconbg ul {text-align:center; overflow:hidden; margin:0 auto}
		.mainimg_iconbg ul li {display:inline-block; text-align:center; width:148px; height:130px;}
		.mainimg_iconbg ul li a {color:#FFF; font-weight:500; font-size:15px}
		.mainimg_iconbg ul li a:hover {font-weight:600}
	

	.main_cs {overflow:hidden}
		.main_cs > .scenter {}
		/*.main_cs > .scenter > div {display:inline-block}*
		.main_cs h2 {font-size:20px; font-weight:600; color:#333; margin:0; padding:0 0 10px 0; display:inline-block;}
		.main_cs h2 a:hover {color:#555}
		.main_cs h3 {font-size:14px; color:#555; display:inline; margin-right:10px; padding:0}
		.main_cs h3:hover {color:#1469b1; font-weight:600}

		.main_cs_01 {display:inline-block; margin-bottom:17px; min-height:340px; vertical-align:top}
			.main_cs_01 > div > var {display:inline-block; padding-left:10px; height:2px; background:#ededed}
		
			.m_info1 > div {display:inline-block}
			.m_info1 ul li {margin-top:15px}			
			.m_info1 ul li:first-child > img {border:none; margin-right:5px}
			.m_info1 img {border:1px solid #c6c6c6}

			.m_info1_01 {}

		.main_cs_02 {margin-left:20px; width:320px; min-height:340px; display:inline-block}
			.main_cs_02 > div {display:inline-block}

			.main_cs_02_board {}
				.main_cs_02_board > var {display:inline-block; padding-left:10px; width:188px; height:2px; background:#ededed}

			.main_cs_03_board {}
				.main_cs_03_board > var {display:inline-block; padding-left:10px; width:249px; height:2px; background:#ededed}

			.m_info2 {display:block; width:284px; min-height:294px; border:3px solid #c6c6c6; padding:0 15px; text-align:center}
			.m_info2 > img {padding:20px 0 10px 0; }
			.m_info2 ul li {font-size:12px; color:#747474; background:url('/images/icon_dot.png') 0 16px no-repeat; padding:10px; border-bottom:1px solid #c6c6c6; text-align:left}
			.m_info2 ul li:last-child {border:none}

		.main_cs02 {}
			.main_cs02_title h2 {font-size:20px; font-weight:; color:#333; margin:0; padding:0 0 10px 0; display:inline-block}
			.main_cs02_title h4 {font-size:12px; color:#444; font-weight:400; margin:0; padding:0; display:inline;}
			.main_cs02_title var {display:inline-block; padding-left:10px; width:813px; height:2px; background:#ededed}

			.iconbox {overflow:hidden; text-align:center; margin-bottom:10px;}
			.iconbox dl {display:inline-block; margin:5px;}
			.iconbox dl:first-child {}
			.iconbox dl dd {text-align:center; font-size:12px; color:#555; padding:15px 0; width:110px; height:35px; background:#f0f0f0; border-bottom:2px solid #b9b9b9}
			.iconbox dl a:hover dd {font-weight:600}

		.main_cs03 {}
			.main_cs03_bg {background:url('/images/cs03_bg.gif') repeat-y; min-height:120px; margin-bottom:30px}
			
			.main_cs03_title {padding:32px 10px 22px 20px; display:inline-block}
				.main_cs03_title ul {padding-top:-5px; display:inline-block}
				.main_cs03_title span a {font-size:20px; font-weight:600; color:#FFF; margin:0; padding:0; display:inline-block;}
				.main_cs03_title span a:hover {color:#e0e0e0}
				.main_cs03_title h4 {font-size:13px; color:#f0f0f0; font-weight:400; margin:0; padding:0; display:inline;}
			
			.main_cs03_list {display:inline-block;}
				.main_cs03_list > div {padding-top:11px}
				.main_cs03_list div span {font-size:13px; font-weight:500; color:#FFF; padding:4px 10px; border:1px solid #FFF;}
				.main_cs03_list a {color:#FFF; font-weight:500;padding:4px 10px;}
				.main_cs03_list a:hover {color:#2677b4; font-weight:bold}
				.main_cs03_list span:hover {background:#FFF; color:#2677b4; font-weight:bold}

				.main_cs03_list dl {}
				.main_cs03_list dl a {font-size:13px; font-weight:500; color:#FFF; display:inline-block}
				.main_cs03_list dl a:hover {background:#FFF; color:#2677b4; font-weight:bold}

			.main_banner {border-top:1px solid #aaaaab; padding:15px 0; overflow:hidden; text-align:center;}
				.main_banner .banner_ > img {border:1px solid #dbdbdb; width:194px; height:58px}

				.banner_play {text-align:right; padding:0 10px 5px 0}


*/