header.template01{}
	header.template01 .main_visual{width:96%; margin:auto;}
	header.template01 h1{width:90%; height:60%;font-size:30px;}
	header.template01 dl{justify-content: space-between;        grid-template-columns: auto auto auto;}
		header.template01 dt{order:2;}
		header.template01 dt a {position:absolute; left:50%; transform:translatex(-50%);max-width:40%; top:40px;}
		header.template01 dt img {width:100%;}
		header.template01 dd:nth-of-type(1){order:1;}
		header.template01 dd:nth-of-type(2){order:3;}
		
		header.template01 dd:nth-of-type(2) a{overflow: hidden; width: 15px; height: 15px; margin:0 5px;}

		header.template01 dd:nth-of-type(1) ul {position:fixed;  display:block; max-width:80%; width:80%; height:100%; opacity:1;top:0; left:-100%; z-index:11; background:#000; cursor:auto; padding-top:110px;}
		header.template01 dd:nth-of-type(1) {position:relative;cursor:pointer;}
		header.template01 dd:nth-of-type(1):before{content:""; display:block; width:30px; height:13px; border-top:4px solid #333; border-bottom:4px solid #ff4f19; position:absolute; left:0; top:-5px;cursor:pointer;}
		header.template01 dd:nth-of-type(1):after{content:""; display:block; width:25px; height:10px; border-bottom:4px solid #333;  position:absolute; left:0; top:7px;cursor:pointer;}
		
		
		header.template01 ul > li > span {display: block;}
		
				
		
		header.template01 dl.active dt{}
		header.template01 dl.active dt a {transform: unset; z-index: 30; left: 30px;}
		header.template01 dl.active dd:nth-of-type(1){position:fixed; width:100%; height:100%; top:0; left:0;  z-index:10; background:rgba(0,0,0,.3);}
		header.template01 dl.active dd:nth-of-type(1) ul{left:0; transition:left .3s ease-out;}
		header.template01 dl.active dd:nth-of-type(1) li{color:#fff; text-align:left;}
		header.template01 dl.active dd:nth-of-type(1) li a{display:inline-block; color:#fff; height:auto; text-align:left; opacity:1; color:#fff; padding: 13px 30px; font-size:16px; border-bottom:none}
		
		header.template01 dl.active dd ul li span{position:unset;width:100%; height:auto; border-radius:0; border:none; transform: none; border-bottom:1px solid rgba(255,255,255,.5); padding:0 10px;}
		header.template01 dl.active dd ul li:hover span{height: auto; transform: translate(0%, 0px);}
		header.template01 dl.active dd ul li span a{padding: 13px 30px 13px 0; }
		header.template01 dl.active dd ul li span a:before{content:"- ";}
		header.template01 dl.active dd ul li p{border-bottom:1px solid rgba(255,255,255,.5);}
		
		header.template01 dl dd li span{ overflow:hidden; opacity:1; padding:0px; }
		
		header.template01 dl.active dt .mo_none{display:none !important;}
		header.template01 dl.active dt .pc_none{display:block !important;}
		
		header.template01.sub_nav{height: 320px; background: #f8f8f8 url(/IMAGES/250623_img01.png) no-repeat right bottom 20px / auto 100px;}		
		
		header.template01 ol li p{font-size:16px;}
		header.template01 ol li a{font-size:16px;        white-space: nowrap;}
		header.template01 ol li:first-child{width:50px; background-size:20px auto;}
		header.template01 ol li:nth-child(n+2){width: auto;padding-right: 35px; padding-left:15px;background: url(/IMAGES/250624_img02.png) no-repeat center right 15px;}
		header.template01 ol li:hover span {word-break: keep-all; left:auto; right:0%;}
		header.template01 ol li span{width:auto;}
		
		
		section.template01 h4{font-size: 30px; line-height:36px;}
		section.template01 .con_about p{font-size:16px;}
		
		section.template01 .con_his dt p{font-size:30px; color:#333; left:140%; top:75px; position:absolute; width: max-content;}	
			section.template01 .con_his dt:nth-child(even) p {left:auto; right:140%;}
			section.template01 .con_his dd{flex:1 1 92%; padding:40px 20px; font-size:16px;}
			section.template01 .con_his dt{flex:1 1 5%; padding:0px;}
		
		section.template01 .con_map dt li strong{font-size:20px;}
		section.template01 .con_map dt li{font-size:16px;}
		
		.template01 .main_notice_w table th{FONT-SIZE:16px;}
		.template01 .input_base{font-size:14px;}
		
		.template01 .main_notice table td{font-size:16px; text-align:center;}
		.template01 .main_notice table td a{font-size:16px; text-align:left;}
		.template01 .main_notice table td:nth-child(2){font-size:16px; text-align:left;}
		
		
		.template01 .main_visual > dl{flex-flow:column wrap;}
		.template01 .main_visual > dl dt{1 1 100%}
		.template01 .main_visual > dl dd{1 1 100%}
		.template01 .main_bnr{height:500px;}
		.template01 .main_bnr .slide_img {height:500px;}
		.template01 .main_bnr .slide_img span {height:450px;background-size: 100% auto;}
		
		.template01 .main_visual dt h1{font-size:40px; margin:10px 0;}
		.template01 .main_visual dt img {height:auto; height:100%;}
		.template01 .main_visual dd {flex-shrink: 0; max-width: none; width: 100%;}
		.template01 .main_visual dd div input {margin-bottom: 10px;}
		.template01 .main_visual dd div button {bottom:10px;}
		.template01 .main_visual dd ul {height:auto;}
		
		.template01 .main_visual dd > div,
		.template01 .main_login {display:none;}
		.template01 .main_quick li{flex:1 1 45%;}
		.template01 .main_gall dd a img{width:100%;}
		.template01 .main_gall dl {gap:10px;}
		
		
		.template01 .main_safety dl {flex-flow:row wrap;}
		.template01 .main_safety dt{display:block; height:auto;}
		
		.template01 .search_box{padding:10px 15px;}
		.template01 .search_box dt span{display:block; margin:5px 0; font-size:16px;}		
		.template01 .search_box dt span select{font-size:16px;}
		.template01 .search_box dt span strong{display:inline-block; min-width:80px;}
		.template01 .input_base{padding:5px;}
		.template01 .btn_base{padding:5px 10px;     background-position: left 10px center; background-size:22px auto;}
		.template01 input.icon_search{padding-left: 35px;}
		
		.template01 .main_gall_list li dl{flex-flow:wrap;}
		.template01 .main_gall_list li dt{width:100%;}
		.template01 .main_gall_list li dd{padding: 20px 10px;}
		.template01 .main_gall_list li dd p a {font-size:22px; margin-top:10px;}
		
		
		.template01 .main_gall_list2 ul li{width:100%;}
		.template01 .edu_box{flex-flow:row wrap;}
		.template01 .edu_box dt{flex:1 1 95%;}
		.template01 .edu_box .edu_list_box span{flex:1 1 95%;}
		.template01 .radio_box dd{width:30%;}
		
		.template01 .progress_box{display:flex; flex-flow:column wrap;}
		.template01 .progress_box dd:nth-of-type(2) {order:11;}
		
		.template01 input.icon_search,	
		.template01 input.icon_agree,
		.template01 input.icon_check,	
		.template01 input.icon_next,	
		.template01 input.icon_cancel,	
		.template01 input.icon_write,	
		.template01 input.icon_group,	
		.template01 input.icon_person,
		.template01 input.icon_list		{padding-left:40px;}
		
		
		
		section.template01 .con_map dt {flex:1 1 97%;}
		section.template01 .con_map dt li{width:100%;}	
		
		
		
		
		footer.template01 dt div {display: block; align-items: center; flex-flow: row wrap;}
		footer.template01 dt div img {display:block;}
		footer.template01 dt div a{display:inline-block;}
		footer.template01 dt b:nth-of-type(1),
		footer.template01 dt b:nth-of-type(4){display:block; opacity:0; height:0; width:0;}
		footer.template01 dt b:nth-of-type(1){}
		footer.template01 dt b:nth-of-type(1){}
		footer.template01 dt b:nth-of-type(1){}
		footer.template01 dd{flex-flow:column wrap; margin-top:10px;}
		
		.template01 h2 span{font-size:16px; line-height:24px;}
		.template01 .search_box dt span select{font-size:14px;}
		.template01 .main_notice table th{padding:15px 5px; font-size:16px;}
		.template01 .main_notice_v .sub_title{font-size:25px; line-height:35px;}
		.template01 .main_notice_v .content_box dt{font-size:16px;}
		.template01 .main_gall_list li dd p{flex-flow:row wrap;}
		.template01 .main_gall_list li dd p a{flex:1 1 98%;}
		.template01 .main_gall_list li dd p span{font-size:14px; color:#999;}
		
		.edu_box dd span{font-size:16px; line-height:24px;}
		.edu_content_box dd {font-size:16px;}
		.template01 .radio_box dd {width: 30%;        font-size: 16px;        line-height: 24px;}
		

@media screen and (max-width:800px) {
	.template01 .main_bnr .slide_img span {height:450px;background-size:  auto 100%;}
}
@media screen and (max-width:500px) {
	header.template01 ol {flex-flow:row nowrap;}
	header.template01 dd div:last-child {padding:7px;}
	header.template01 dl.active dd:nth-of-type(1) li a{padding:5px 10px; font-size:13px;}
	header.template01 dl.active dd:nth-of-type(1) li p  a{font-size:16px;padding:10px 15px;}
	
	.template01 .main_safety dd p {flex-flow:row wrap;     overflow: hidden;}
	.template01 .main_safety dd p a{display:block;width: 100%; white-space:nowrap;  overflow: hidden;  text-overflow: ellipsis; flex: 1 1 90%;}
	.template01 .main_safety dd span{flex:1 1 100%;}

	.template01 .main_visual{margin: 20px auto 20px auto;}
	.template01 .main_visual dt h1 {font-size: 30px; margin: 10px 0; position: absolute; color: #fff; width: 90%; left: 5%; top: 20px; line-height: 40px;}
	.template01 .main_visual dt img {height:450px;}
	.template01 h2{font-size: 30px; line-height: 40px; margin-bottom:0;}
	.template01 .main_bnr,
	.template01 .main_bnr .slide_img{height:450px;}
	.template01 .main_bnr .slide_img span {height:450px;background-size:  auto 100%;}
	.template01 .bx-wrapper .bx-controls-direction a{bottom:100px;}
	.template01 .main_study_quick span a {font-size:16px;}
	.template01 .main_con_us strong {font-size:25px;}
	.template01 .main_safety dd span,
	.template01 .main_con_us a,
	.template01 .main_con_us span {font-size:12px;}
	
	
	
	.template01 .main_gall,
	.template01 .main_safety{margin:50px auto;}
	.template01 .main_gall dd {flex: 1 1 82%;}
	
	.template01 .main_quick li{flex:1 1 90%;}
	
	.template01 .main_notice_v .sub_title{font-size:20px; line-height:30px;}
	
	
	footer.template01 dt div img{max-width:50%;}
	footer.template01 dt div a{font-size:12px;}
	footer.template01 dt div a:after{margin:8px;}
	footer.template01 dt span {font-size:12px;}
	footer.template01 dt span p{margin-top: 20px;}
	footer.template01 dd a img {width:40px;}
	footer.template01 dd span{font-size:20px;}
	footer.template01 dd span strong {font-size:30px;}
	footer.template01 dd p{font-size:12px;}

	section{width:100%; overflow:hidden;}
	.template01 .main_notice_w table th {FONT-SIZE: 16px; position: absolute; word-break: keep-all; background: none; width: 50%; text-align: left; line-height: 20px;border:none;}
	.template01 .main_notice_w table td {padding:50px 0 10px 0; border-bottom:1px solid #f1f1f1;}
	
	
	
	
}