@charset "UTF-8";

/* main */
.img-area .bg {
  background: linear-gradient(180deg, rgba(12, 105, 136, 0.2) 0%, #9a6790 100%);
}

/* service */
#service .width-wrap .item-area {
  margin-top: 80px;
}
#service .width-wrap .item-area .column {
  display: grid;
  grid-template-columns: auto 1fr;
}
#service .width-wrap .item-area .column:nth-child(even) {
  grid-template-columns: 1fr auto;
}
#service .width-wrap .item-area .column .item {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 770px;
}
#service .width-wrap .item-area .column .item img {
  width: 385px;
}
#service .width-wrap .item-area .column .item .right-zone p:last-child {
  margin-top: 20px;
}

/* produce */
#produce .width-wrap {
  background-image: url("/media/img/screen/bg_web_produce.jpg"),
    linear-gradient(0deg, rgba(11, 28, 51, 0.7) 0%, rgba(11, 28, 51, 0.7) 100%);
}

/* plan */
/* center */
#plan .width-wrap .center {
  border-radius: 40px;
  background: var(--white);
  padding: 60px 200px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 200px;
}
#plan .width-wrap .center > img {
  width: 100%;
}
#plan .width-wrap .center .right-area {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
#plan .width-wrap .center .right-area .top-zone p:last-child {
  margin-top: 12px;
}
#plan .width-wrap .center .right-area .center-zone .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0 40px;
}
#plan .width-wrap .center .right-area > p img {
  margin-right: 6px;
}

/* responsive */
@media all and (max-width: 1500px) {
  #plan .width-wrap .center {
    gap: 100px;
  }
}
@media all and (max-width: 1340px) {
  #plan .width-wrap .center {
    padding: 60px 150px;
    gap: 50px;
  }
}
@media all and (max-width: 1065px) {
  #plan .width-wrap .center {
    padding: 60px 100px;
  }
}
@media all and (max-width: 1000px) {
  #plan .width-wrap .center {
    padding: 60px 50px;
    grid-template-columns: 1fr;
  }
  #plan .width-wrap .center > img {
    width: 47%;
    margin: 0 auto;
  }
}
@media all and (max-width: 860px) {
  #service .width-wrap .item-area {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 40px;
  }
  #service .width-wrap .item-area .column,
  #service .width-wrap .item-area .column:nth-child(even) {
    grid-template-columns: 1fr;
    justify-items: center;
  }
  #service .width-wrap .item-area .column .item {
    flex-direction: column;
    text-align: center;
    max-width: 500px;
  }
  #service .width-wrap .item-area .column .item img {
    width: 47%;
  }
}
@media all and (max-width: 500px) {
  #service .width-wrap .item-area {
    margin-top: 28px;
  }
  #service .width-wrap .item-area .column .item .right-zone p:last-child {
    margin-top: 10px;
  }

  #plan .width-wrap .center {
    padding: 40px 3%;
    gap: 28px;
    border-radius: 12px;
  }
  #plan .width-wrap .center .right-area {
    gap: 24px;
  }
  #plan .width-wrap .center .right-area .top-zone p:last-child {
    margin-top: 10px;
  }
  #plan .width-wrap .center .right-area .center-zone .list {
    gap: 8px;
    margin: 16px 0 40px;
  }
}