#download.download_total {    padding-top: 3em;}
#download.download_total section.down_list01 {display: flex;}
#download.download_total .down_pt1 {width: 60%	}
#download.download_total .down_pt2 {width: 40%;}



#download {position: relative;  overflow: visible;  }
#download.down_list_wrap {display: flex;  justify-content: space-between;align-items: flex-start;}
#download.down_list_wrap .down_nav {width: 15em;position: sticky; top:20vh; height: 300px;align-self: flex-start;}
#download.down_list_wrap .down_nav ul{}
#download.down_list_wrap .down_nav ul li{margin-bottom: 30px;}
#download.down_list_wrap .down_nav ul li a{  position: relative;  font-size: 1.550em; color:#ccc;}
#download.down_list_wrap .down_nav ul li a.active { color:#000;}
#download.down_list_wrap .down_nav ul li a.active::before {content:''; width: 100%; height: 3px; background: #c40d42; position: absolute; bottom:-5px; left:0;}

#download.down_list_wrap .down_list {width: 44em;}
#download.down_list_wrap .down_list .down_area {margin-bottom: 90px;}
#download.down_list_wrap .down_list .down_area .title_box {}
#download.down_list_wrap .down_list .down_area .list_box {margin-top: 30px;}
#download.down_list_wrap .down_list .down_area .list_box ul {display: flex; flex-wrap: wrap;}
#download.down_list_wrap .down_list .down_area .list_box ul li {width: 16.6%;text-align: center;margin-bottom: 40px;}
#download.down_list_wrap .down_list .down_area .list_box ul li a {display: block;	}
#download.down_list_wrap .down_list .down_area .list_box img {display: inline-block;  max-width: 120px; height: auto;}
#download.down_list_wrap .down_list .down_area .list_box p {margin-top: 10px;font-size: 16px; font-weight: bold;}



@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1112px) {
	#download.down_list_wrap .down_nav {font-size: .9em;}
	#download.down_list_wrap .down_list .down_area h3 {font-size: 1.5rem;}
}
@media screen and (max-width: 900px) { 
	#download.down_list_wrap .down_list {width: 100%;}
	#download.down_list_wrap .down_nav {display: none;}
	#download.down_list_wrap .down_list .down_area h3 {font-size: 1.25em;}	
	#download.down_list_wrap .down_list .down_area .list_box p {font-size: 14px;}
	
	#download.down_list_wrap .down_list .down_area .list_box ul li {width: 25%; margin-bottom: 20px;}
	
	
	#download.download_total section.down_list01 {display: flex; flex-direction: column;}
	#download.download_total .down_pt1 {width: 100%;}
	#download.download_total .down_pt2 {width: 100%;}
	
	
	
}
@media screen and (max-width: 568px) { 
	#download.down_list_wrap .down_list .down_area {margin-bottom: 50px;}
	#download.down_list_wrap .down_list .down_area .list_box img {max-width:100%;	}
	
}





#download.down_view_wrap  {position: relative; }
#download.down_view_wrap .down_view_box  {margin-bottom: 120px; display: flex;  justify-content: space-between;align-items: flex-start;}
#download.down_view_wrap .down_view_thum{width: 15em; overflow:hidden; height: auto; border:1px solid #fff; }
#download.down_view_wrap .down_view_thum img {width: 100%; display: block;}
#download.down_view_wrap .down_view_cont{width: 44em;}
#download.down_view_wrap .down_view_cont .title_box {font-weight: 600;font-size:1.5em;margin-bottom: 1rem;}
#download.down_view_wrap .down_view_cont .accordion {}
#download.down_view_wrap .down_view_cont .down_3dep {margin-bottom: 30px;}
#download.down_view_wrap .down_view_cont .down_3dep:last-child{margin-bottom: 0;}

.down_btn_list {display: flex; flex-wrap: wrap;padding:10px 0; }
.down_btn_list li{width: calc(50% - 10px );margin:0 5px;	}

#download .btn_down {display: block; border:1px solid #ddd; background: #fff; color:#000;display: flex;font-size: 16px;  align-items: center; justify-content: space-between;	}
#download .btn_down p {}
#download .btn_down i.ico_down {width: 15px; height: 15px; background:url(../image/download/download-line.svg) no-repeat center / cover; }
#download .btn_down:hover {border:1px solid #c40d42;}
#download .btn_down:hover i.ico_down  {filter: invert(16%) sepia(95%) saturate(3285%) hue-rotate(331deg) brightness(80%) contrast(103%);}

.accordion-item:last-child{border-bottom:1px solid #000;}
.accordion-header{color:#000;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease;user-select:none;border-top:1px solid #000;padding:15px 20px;}
.accordion-header:hover{background:#c40d42;color:#fff;}
.accordion-header:hover svg,.accordion-header.active:hover svg{color:currentColor;}
.accordion-header.active svg{color:#c40d42;}
.accordion-title{font-weight:500;font-size:18px;}
.accordion-icon{width:24px;height:24px;transition:transform .3s ease;}
.accordion-header.active .accordion-icon{transform:rotate(180deg);}
.accordion-content{display:none;color:#555;background:#f6f6f6;line-height:1.6;border-top:1px solid #000;padding:20px 25px;}
.accordion-content ul li{margin-bottom:10px;}
.accordion-content ul li a{color:#fff;font-size:1.125em;display:inline-block;}
.accordion-content ul li a.active{color:#DC000C;}



@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1112px) {
	#download.down_view_wrap .down_view_thum {width: 25%;}
	#download.down_view_wrap .down_view_cont {width: 70%;}
}
@media screen and (max-width: 900px) { 
	.down_btn_list {flex-direction: column;}
	.down_btn_list li {width: 100%;}
}
@media screen and (max-width: 568px) {
	#download.down_view_wrap .down_view_box {align-items: center; flex-direction: column;}
	#download.down_view_wrap .down_view_thum {width: 50%;	}
	#download.down_view_wrap .down_view_cont {width: 100%; margin-top: 30px;}
	#download.down_view_wrap .down_view_cont .title_box {font-size: 1.2em;}
	
	
	.accordion-title {font-size: 16px;}
	.accordion-content {padding: 15px;}
	
	#download .btn_down {font-size: 14px;}
	
	
}







