.system_text > .text_l{width: 100%;
					   height: auto;
					   box-sizing: border-box;
					   padding-top: 50px;
					   padding-bottom: 30px;}

.system_text > .text_l > h3{font-size: 16px;
			 				color: #c3172d; }

.system_text > .text_l > h4{font-size: 22px;
							line-height: 1.4;}

.system_wrap{height: 2990px;
			 margin-bottom: 90px;}

.system_wrap >ul{width: 100%;
				 padding: 0;
				 height: auto;
				 list-style:none;}

.system_wrap li{width: 100%;
				height: 440px;
				margin-bottom:70px;
				position: relative;
				list-style:none;}

.system_wrap li:last-child{margin-bottom:0; }

.system_img{position: absolute;
			left: 0; top: 0;
			width: 600px;
			height: 400px;
			z-index: 1000;
			background-repeat: no-repeat;}


.system_img01{background: url(/img/sys_01.jpg) no-repeat; background-size:cover; background-position: center; }
.system_img02{background: url(/img/sys_02.jpg) no-repeat; background-size:cover; background-position: center; }
.system_img03{background: url(/img/sys_03.jpg) no-repeat; background-size:cover; background-position: center; }
.system_img04{background: url(/img/sys_04.jpg) no-repeat; background-size:cover; background-position: center; }
.system_img05{background: url(/img/sys_05.jpg) no-repeat; background-size:cover; background-position: center; }
.system_img06{background: url(/img/sys_06.jpg) no-repeat; background-size:cover; background-position: center; }

.system_about{position: absolute;
			  right: 0; bottom: 0;
			  width: 600px; height: 400px;
			  z-index: 500;
			  background: url(/img/sys_bg.jpg);
			  background-repeat: repeat;}

.dl_wrap{width: 100%; height: 100%;}

.dl_wrap>dl{width: 571px; height: auto;
			margin:auto; position: relative;
			box-sizing: border-box;
			padding: 60px; padding-left: 120px;     margin-left: 39px;}

.dl_wrap>.dl-double-wrap {width: 583px; height: auto;
			margin:auto; position: relative;
			box-sizing: border-box;
			padding: 60px; padding-left: 120px;     margin-left: 39px;}

.dl_wrap dt{font-size: 20px;
			color: #c3172d;}

.dl_wrap dt::after {
    content:'';
    display:block;
    width:25px;
    height:2px;
    margin:24px 0 30px 0;
    background:#c3172d;
}

hr{position: absolute;
   left: 0;
   margin-left: 160px;
   margin-top: -20px;
   width: 30px;
   display: block;
   border-width: 2px;
   border-color: #c3172d; }

 .content_system_area{width: 100%;
 					  height: auto;}

.dl_wrap dd{font-size: 16px; margin-top: 10px; line-height: 1.4;}

.sub07_wrap02{width: 1120px; height: auto;}

.sub07_wrap02 > p {
    float: left;
    font-size: 22px;
    font-weight: 700;
    width: 120px;
    position: relative;
        
}
.sub07_wrap02 > p::after {
    position: absolute;
    content: '';
    float: left;
    display: inline-block;
    width:1000px;
    height:5px;
    border-top: 5px solid #000;
    left: 120px;
    top:7px;
}

.at-body .at-container{padding: 0;}
.sub_page_visual .bg ul li:nth-child(3) a{color: #fff;}

@media all and (max-width:1080px) {
	.system_img {width:50%;}
	.system_about {width:50%;}
	.dl_wrap>dl {padding-left:0;}


}
@media all and (max-width: 991px){
.system_text > .text_l{float: none; width: 100% ;text-align: center;}
/*.system_text > .r_side{width: 85%; float: none; margin: auto; margin-top: 50px;}*/
.at-body .at-container{overflow: inherit;}
}

@media all and (max-width: 768px){
.sub_page_visual .bg ul li:nth-child(3) a{background-color: #c3172d; color: #fff;}
.system_wrap{height: auto; width: 100%;}
.system_wrap li{height: auto;}
.system_img,
.system_about{position: initial;width: 100%;}
.system_img{height: 300px; background-position: center;
			background-size: cover; 
			background-repeat: no-repeat;}
.system_about{height: auto; padding: 10px 0;}
.dl_wrap>dl,
.dl_wrap>.dl-double-wrap{width: auto; position: inherit; padding: 30px; margin: 0;text-align: justify;}
.dl_wrap dd br{display: none;}
}

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

}