.con .section_page1 .c_c {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.con .section_page1 .map {
  width: 100%;
}
.con .section_page1 .c_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.con .section_page1 .c_list .list {
  flex: 0 0 auto;
  width: calc(50% - 12px);
  padding: 60px 50px 40px 50px;
  background: #F7F7F7;
}
.con .section_page1 .c_list .list img {
  height: 48px;
}
.con .section_page1 .c_list .list .shuj {
  display: flex;
  align-items: center;
}
.con .section_page2 {
  background: #F6F6F8;
}
.con .section_page2 .c_c {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.con .section_page2 .c_c .dl {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 10%;
}
.con .section_page2 .c_c .dl dl {
  flex: 0 0 calc(50% - 5%);
}
.con .section_page2 .c_c .dl dl:nth-of-type(3) dt {
  color: #9ABF93;
}
.con .section_page2 .c_c .dl dl:nth-of-type(4) dt {
  color: #808080;
}
.con .section_page2 .c_c .dl dl dt {
  line-height: 1;
}
.con .section_page2 .c_c hr {
  width: 100%;
  height: 2px;
  background: #D2D2D7;
  border: none;
}
.con .section_page2 .c_c ul {
  line-height: 2;
}
.con .section_page2 .c_c ul li {
  margin-top: 8px;
  list-style-type: disc;
  margin-left: 1em;
}
.con .section_page2 .c_c ul li:first-child {
  margin-top: 0;
}
.con .section_page2 .c_c .c_join {
  background: #Fff;
  padding: 50px 120px 80px 120px;
  text-align: center;
}
.con .section_page2 .c_c .c_join .primary_btn {
      background: var(--Primary-color);
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}
.con .section_page2 .c_c .c_join .primary_btn .button_text:after {
    color: #fff;
}
@media (max-width: 1920px) {
  .con .section_page1 .c_list {
    
  }
  .con .section_page1 .c_list .list {
    padding: 3vw 2.5vw 2vw 2.5vw;
  }
  .con .section_page2 .c_c .c_join {
    padding: 2.5vw 6vw 4vw 6vw;
  }
}
@media (max-width: 1600px) {
  .con .section_page1 .c_list .list img {
    height: 40px;
  }
}
@media (max-width: 1366px) {
  .con .section_page1 .c_list .list img {
    height: 36px;
  }
}
@media (max-width: 768px) {
  .con .section_page1 .c_list {
    gap: 2.4vw;
  }
  .con .section_page1 .c_list .list {
    padding: 6vw 5vw;
    flex: 0 0 100%;
      width: 100%;
  }
  .con .section_page2 .c_c .dl dl {
    flex: 0 0 100%;
  
  }
  .con .section_page2 .c_c .c_join {
    padding: 5vw;
  }
}