.sub-advantage{
  margin-bottom: 50px;;
}

.sub-advantage-content{
  width: 100%;
  display: flex;
  position:relative;
}

.sub-advantage-img{
  width: 50%;
  height: 188px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-advantage-img2-1{
  background-image: url("../img/phone/png/2x/advantage2-1.png");
}

.sub-advantage-img2-2{
  background-image: url("../img/phone/png/2x/advantage2-2.png");
}

.sub-advantage-word-img{
  width: 140px;
}

.orange-arrow{
  display: none;
}

.orange-right-arrow{
  position: absolute;
  top: 45%;
  right: calc(50% - 15px);
}

.orange-right-arrow img{
  width: 20px;
}

.orange-left-arrow{
  position: absolute;
  top: 45%;
  left: calc(50% - 15px);
}
.orange-left-arrow img{
  width: 20px;
}

.sub-advantage-detail{
  width: 50%;
}

.sub-advantage-detail-sentence{
  background: var(--main-color);
  width: 100%;
  height: 188px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sub-advantage-detail-sentence p{
  color: white;
  font-size: 13pt;
  line-height: 18pt;
  font-weight: bold;
  letter-spacing: 1pt;
  text-align: center;
}

.sub-advantage-detail-btn{
  background: white;
  padding: 3px 10px;
  margin-top: 10px;
  border-radius: 3px;
  color: var(--main-color);
  font-size: 10pt;
  font-weight: bold;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

.reverse-container{
  flex-direction: row-reverse;
}

.support-bigger-title{
  margin: 0 20px 15px;
}

.support-bigger-title p {
  text-align: center;
  font-size: 12pt;
  line-height: 25px;
  font-weight: bold;
}

.customer-comment{
  height: 300px;
  width: 100%;
  display: none;
}

.comment{
  width: 100%;
  max-width: 320px;
  height: 150px;
  position: relative;
}
.comment-sentence{
  background: var(--comment-color);
  width: 95%;
  max-width: 300px;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 3px;
}

.comment-text{
  width: 100%;
  font-size: 12pt;
  font-weight: bold;
}

.comment-from{
  width: 100%;
  font-size: 12pt;
  text-align: end;
}

.comment-tail{
  position: absolute;
  top: 120px;
  width: 13px;
}

.comment-tail img{
  vertical-align: top;
}

.left-comment{
  margin-left: 20px;
}

.right-comment{
  margin-right: 20px;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

.left-tail{
  padding-right: auto;
  left: 30px;
}

.right-tail{
  text-align: right;
  padding-left: auto;
  right: 40px;
}

.customers{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 65px;
}

.customer-list{
  width: 340px;
}

.customer-list-title{
  text-align: center;
  font-size: 12pt;
}

.customer-name{
  width: 100%;
  display: flex;
  justify-content: center;
}

.customer-container{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  width: 100%;
}

.customer{
  font-size: 12pt;
  width: 50%;
  margin-bottom: 10px;
}

.customer-list-memo{
  text-align: right;
  font-size: 12pt;
}