#wrap {
  flex-direction: column;
}

/* symbol mark */
.symbol {
  margin-top: 80px;
}
.symbol .container {
  width: 55%;
  min-width: 730px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #2e53a0;
  padding: 8% 0;
}

.mark_left {
  width: 25%;
}

.mark_right {
  width: 65%;
}

.mark_left img {
  width: 100%;
}

.mark_right hr {
  margin: 3% 0;
}

.mark_right p {
  margin-top: 20px;
  line-height: 1.3;
  word-break: break-all;
  color: #333;
}

/*logoType*/
.logoType {
  color: #fff;

  background: #2e53a0;
}

.logoType .container {
  width: 32%;
  min-width: 600px;
  display: flex;
  flex-direction: column;
  padding: 2% 0;
  text-align: center;
}

.logoType .container img {
  width: 100%;
}

.logoType hr {
  border-bottom: 2px solid #fff;
  margin: 3% 0;
}

/*signature*/
.signature {
  margin: 10% 0;
}

.signature .container {
  width: 46%;
  min-width: 700px;
}

.signature_tit {
  color: #2e53a0;
  text-align: center;
}

.signature_tit hr {
  margin: 3% 0;
}

.sigatures > div {
  margin-top: 50px;
}

.sigatures span {
  margin-bottom: 2px;
}

.sigatures img {
  width: 100%;
}

.verticals {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.verticals > div {
  width: 48%;
}

/* color */

.color {
  background: #f2f6ff;
  padding: 10% 0;
}

.color .container {
  width: 55%;
  min-width: 700px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.color .container > div {
  width: 48%;
}

.color_left img {
  width: 100%;
}

.color_right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.color_right hr {
  margin: 14px 0;
}

.color h2 {
  color: #2e53a0;
}

.color_use ul {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 20px;
  padding-right: 10px;
}

.color_use ul li {
  width: 13%;
  border-radius: 50px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.5);
}

.color_use ul li img {
  width: 100%;
}

/*mockup*/
.mockup {
  width: 100%;

  overflow-x: hidden;
}
.mockup_group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.mockup_group li {
  width: 50%;
}

.mockup_group li img {
  width: 100%;
  height: 100%;
}

/* daso */

.daso {
  padding: 8% 0;
}

.daso .container {
  width: 55%;
  min-width: 1000px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.daso .container > div {
  width: 48%;
}

.daso_left img {
  width: 100%;
}

.daso_tit h2,
.profile h4 {
  color: #2e53a0;
}

.daso_tit hr {
  width: 100%;
  margin: 10px 0;
}

.daso_right {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.profile ul li span {
  text-indent: 20px;
  margin-top: 5px;
  background: url(../images/common/icon/love_bk.png) no-repeat left center / 14px;
}

/* daso_photo */
.daso_photo {
  margin-bottom: 10%;
}

.daso_photo .container ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.daso_photo .container ul li {
  width: 30%;
}

.daso_photo .container ul li img {
  width: 100%;
}

/*daso_banner*/
.daso_banner {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.daso_banner img {
  width: 100%;
}

@media all and (max-width: 1280px) {
  /* symbol */
  .symbol {
    margin-top: 60px;
  }

  /*logoType*/
  .logoType .container {
    padding: 4% 0;
  }

  /* daso */
  .daso_tit hr {
    width: 75%;
  }
}

@media all and (max-width: 1024px) {
  /* daso */
  .daso .container {
    min-width: 700px;
  }


  .daso_tit hr {
    width: 100%;
  }
}

@media all and (max-width: 768px) {
  /* symbol */
  .symbol {
    margin-top: 50px;
  }
  .symbol .container {
    width: 80%;
    min-width: initial;
    flex-direction: column;
    align-items: center;
    padding: 10% 0;
  }

  .mark_right {
    width: 100%;
    text-align: center;
  }

  .mark_right h2 {
    margin-top: 10px;
  }

  .mark_right p {
    margin-top: 10px;
    text-align: left;
  }

  /*logoType*/
  .logoType .container {
    min-width: 400px;
    padding: 8% 0;
  }

  /*signature*/
  .signature .container {
    min-width: 400px;
  }
  .sigatures > div {
    margin-top: 30px;
  }

  /* color */

  .color .container {
    width: 70%;
    min-width: 400px;
    flex-direction: column-reverse;
  }

  .color_tit h2 {
    text-align: center;
  }

  .color .container > div {
    width: 100%;
  }

  .color_left {
    margin-top: 5%;
  }

  .color_use {
    display: none;
  }

  /* daso */
  .daso .container {
    width: 50%;
    min-width: 430px;
    flex-direction: column-reverse;
  }

  .daso .container > div {
    width: 100%;
    text-align: center;
    margin-top: 5%;
  }

  .daso_tit hr {
    width: 80%;
    margin: 10px auto;
  }

  .profile {
    display: none;
  }

  .daso_left img {
    width: 80%;
    margin: 0 auto;
  }
}

@media all and (max-width: 480px) {
  /* symbol */
  .symbol {
    margin-top: 40px;
  }

  .mark_right h4 {
    font-size: 18px;
  }

  /*logoType*/
  .logoType .container {
    min-width: 280px;
    padding: 10% 0;
  }

  /*signature*/
  .signature .container {
    min-width: 300px;
  }

  .sigatures > div {
    margin-top: 20px;
  }

  /* color */

  .color .container {
    min-width: 300px;
  }

  /* daso */
  .daso .container {
    min-width: 282px;
    width: 80%;
  }

  .daso_tit p {
    font-size: 12px;
  }

  /*daso_photo*/
  .daso_photo .container {
    width: 100%;
  }

  .daso_photo .container ul li {
    width: 32%;
  }

  /*daso_banner*/
  .daso_banner {
    width: auto;
    height: 140px;
    align-items: flex-end;
    overflow: hidden;
  }

  .daso_banner img {
    width: auto;
    height: 100%;

    object-fit: contain;
  }
}