@charset "utf-8";
/* CSS Document */

.main_wrap{width:100%;  min-height:912px; background: url(../../srcimg/introduction/bg.jpg) no-repeat top center; }
.main_wrap img{ width: 100%; display: block;}

.aboutsec1{ width: 1180px; margin:0 auto; padding-top: 30px; padding-bottom: 85px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.abocer1{ width: 385px;}
.abocer2{ width: 746px;}
.abch1{ font-size: 40px; color: #418fde; margin-bottom: 35px; font-weight: bold;}
.abch1:after{ content:""; display: block; width: 60px; height: 4px; background: #b3b2b0; margin-top: 30px; margin-left: -30px;}
.abch2{ font-size: 16px; color: #232121; margin-bottom: 35px; line-height: 1.6;}
.abch3{ display: block; width: 49px;}

.aboutsec2{ width: 1180px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutsec2>a{ width: 280px; display: block; margin-bottom: 20px;}
.aboutsec2>a.cap{ width: 382px;}
@media screen and (max-width:800px){
.aboutsec1{ width: 96%; padding-bottom: 20px;}
.abocer1{ width: 100%; padding-bottom: 20px;}
.abocer2{ width: 100%;}

.aboutsec2{ width: 96%;}
.aboutsec2 a{ width: 48%; margin-bottom: 5%;}
.aboutsec2>a.cap{ width: 100%; margin-bottom: 5%;}
}