.wall_1 {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.wall_1 hr {
  width: 5rem;
  height: 2px;
  border: none;
  background: #0db8e4;
}

.wall_1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../master/image/community/com_0.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.wall_1 .width_80.max_width_1366.index_2 {
  margin: 0;
}

.wall_1 .wall_1_2 .arrow_blue {
  margin: 20px 0 0 0;
}

.wall_1 .wall_1_2 a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.wall_1 .wall_1_2 a:hover {
  background: rgb(0,0,0,0.5);
}

.wall_1 .wall_1_2_1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wall_1 .wall_1_2_2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* .wall_1 .wall_1_2_3_1 .bg {
  position: relative;
  background-image: url("../master/image/community/com_item_1.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 10vh;
  flex-direction: column;
}

.wall_1 .wall_1_2_3_2 .bg {
  position: relative;
  background-image: url("../master/image/community/com_item_2.png");
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 10vh;
  flex-direction: column;
}

.wall_1 .wall_1_2_3_3 .bg {
  position: relative;
  background-image: url("../master/image/community/com_item_3.png");
  background-size: 70% auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 10vh;
  flex-direction: column;
} */

.wall_2 {
  position: relative;
  overflow: hidden;
}

.wall_2 hr {
  width: 5rem;
  height: 2px;
  border: none;
  background: #0db8e4;
}

.wall_2 .bg {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../master/image/community/com_1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.wall_2 .width_80.max_width_1366.flex_center {
  margin: 0;
}

.wall_4 {
  position: relative;
  overflow: hidden;
}

.wall_4 hr {
  width: 5rem;
  height: 2px;
  border: none;
  background: #0db8e4;
}

.wall_4 .bg {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../master/image/community/com_2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.wall_4 .width_80.max_width_1366.flex_center.column.index_2 {
  margin: 0;
}

.wall_5 .wall_5_1 hr {
  height: 10rem;
  width: 1px;
  border: none;
  background: #999;
}

.wall_5 .wall_5_1_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px auto;
}

.wall_5 .wall_5_1_1_2 {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wall_5 .wall_5_1_1_2 .logo_color {
  width: 150px;
  height: 80px;
}

.wall_5 .wall_5_1_1_3 .color_aaa{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  line-height: 1;
}

.wall_5 .wall_5_1 .bg {
  background-image: url("../master/image/community/com_3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 45vh;
}

.wall_5 .wall_5_1 .color_blue {
  margin: 0 15px 0 0;
}

.wall_6 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wall_6 .wall_6_3 hr {
  width: 80%;
  height: 1px;
  border: none;
  background: #aaa;
  margin: 10px 0 0 0;
}

.wall_6 .wall_6_3_1 .bg {
  background-image: url("../master/image/community/com_4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20vh;
}

.wall_6 .wall_6_3_2 .bg {
  background-image: url("../master/image/community/com_5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20vh;
}

.wall_6 .wall_6_3_3 .bg {
  background-image: url("../master/image/community/com_6.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20vh;
}

.wall_6 .wall_6_3_4 .bg {
  background-image: url("../master/image/community/com_7.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 20vh;
}

.wall_6 .wall_6_5 .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #0db8e4;
}

.wall_6 .wall_6_5_1 {
  background: #f9f9f9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wall_6 .wall_6_5_1 .bg {
  background-image: url("../master/image/community/com_item_4.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 15vh;
}

.wall_6 .wall_6_5_2 {
  background: #f9f9f9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wall_6 .wall_6_5_2 .bg {
  background-image: url("../master/image/community/com_item_5.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 15vh;
}

.wall_6 .wall_6_5_3 {
  background: #f9f9f9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wall_6 .wall_6_5_3 .bg {
  background-image: url("../master/image/community/com_item_6.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 15vh;
}

.wall_6 .wall_6_5_4 {
  background: #f9f9f9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wall_6 .wall_6_5_4 .bg {
  background-image: url("../master/image/community/com_item_7.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 15vh;
}

.wall_6 .wall_6_7_1 .bg {
  background-image: url("../master/image/community/com_item_8.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 30vh;
}

.wall_6 .wall_6_7_2 .bg {
  background-image: url("../master/image/community/com_item_9.png");
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 30vh;
}

.wall_6 .wall_6_7 hr {
  height: 1px;
  border: none;
  background: #999;
  margin: 0 20px;
}

@media screen and (min-width: 1600px) {

}

@media screen and (max-width: 768px) {
  .wall_1 .flex_between_justify {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .wall_1 .flex_between_justify .pad_40_0 {
    width: 100%;
    margin-bottom: 20px;
  }

  .wall_1_2.row.width_100.flex_center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .wall_1 .wall_1_2_1 {
    margin: 10px 0;
    width: 50%;
    text-align: center;
  }

  .wall_1 .wall_1_2_2 {
    margin: 10px 0;
    width: 50%;
    text-align: center;
  }

  .wall_3 .wall_3_1 .board.width_100.width_80.mar_80_auto,
  .wall_5 .wall_5_1.width_80,
  .wall_6 .wall_6_1.width_80,
  .wall_6 .wall_6_2.width_80,
  .wall_6 .wall_6_3.width_80,
  .wall_6 .wall_6_4.width_80,
  .wall_6 .wall_6_5.width_80,
  .wall_6 .wall_6_6.width_80,
  .wall_6 .wall_6_7.width_80,
  .wall_6 .wall_6_8.width_80 {
    width: 100% !important;
  }

  .wall_5 .wall_5_1_1_1.width_25,
  .wall_5 .wall_5_1_1_4.width_25 {
    width: 0;
  }

  .wall_5 .wall_5_1_1_2.width_25,
  .wall_5 .wall_5_1_1_3.width_25 {
    width: 50%;
  }

  .wall_5 .wall_5_1_1_2 .logo_color,
  .wall_5 .wall_5_1_1_3 .color_aaa {
    width: 80%;
    padding: 0;
    margin: 0 30px;
  }

  .wall_5 .wall_5_1 .bg .flex_center.index_2{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .wall_5 .wall_5_1 .color_blue {
    margin: 0;
    font-size: 1.7rem;
    text-align: center;
  }

  .wall_5 .wall_5_1 .font_size_max.color_white {
    margin: 0;
    font-size: 1.7rem;
    text-align: center;
  }

  .wall_6 .wall_6_3 .row.flex_between_justify {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .wall_6 .wall_6_3 .wall_6_3_1,
  .wall_6 .wall_6_3 .wall_6_3_2,
  .wall_6 .wall_6_3 .wall_6_3_3,
  .wall_6 .wall_6_3 .wall_6_3_4 {
    width: 100%;
  }

  .wall_6 .wall_6_3 hr {
    width: 100%;
  }

  .wall_6 .wall_6_3 .wall_6_3_1 .font_size_5.font_weight_400,
  .wall_6 .wall_6_3 .wall_6_3_2 .font_size_5.font_weight_400,
  .wall_6 .wall_6_3 .wall_6_3_3 .font_size_5.font_weight_400,
  .wall_6 .wall_6_3 .wall_6_3_4 .font_size_5.font_weight_400 {
    text-align: center;
  }

  .wall_6 .wall_6_5 .row.mar_40_auto.flex_between_justify {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }

  .wall_6 .wall_6_5 .wall_6_5_1.row.width_45.pad_20_10,
  .wall_6 .wall_6_5 .wall_6_5_2.row.width_45.pad_20_10,
  .wall_6 .wall_6_5 .wall_6_5_3.row.width_45.pad_20_10,
  .wall_6 .wall_6_5 .wall_6_5_4.row.width_45.pad_20_10 {
    width: 100%;
  }

  .wall_6 .wall_6_5 .width_5.flex_center {
    display: none;
  }

  .wall_6 .wall_6_5_1 .bg,
  .wall_6 .wall_6_5_2 .bg,
  .wall_6 .wall_6_5_3 .bg,
  .wall_6 .wall_6_5_4 .bg {
    background-size: contain;
  }

  .wall_6 .wall_6_7 .row.flex_center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .wall_6 .wall_6_7 hr {
    display: none;
  }

  .wall_6 .wall_6_7 .wall_6_7_1,
  .wall_6 .wall_6_7 .wall_6_7_2 {
    width: 100%;
  }
}