/*--------------------------------------------------------------
# cont1
--------------------------------------------------------------*/
@media (min-width: 992px) {
  #cont1 .text-content {
    display: flex;
    justify-content: space-between;
    gap: 4em; }
  #cont1 .text {
    width: 51.2%;
    padding-right: 2em; }
    #cont1 .text p:first-child {
      margin-top: 0; } }

/*--------------------------------------------------------------
# cont2
--------------------------------------------------------------*/
#cont2 {
  margin-top: 8em; }
  #cont2 .imgBox div {
    display: flex;
    gap: 0.5em; }
    #cont2 .imgBox div > * {
      flex: 1; }
  @media (min-width: 992px) {
    #cont2 {
      display: flex;
      align-items: flex-end;
      gap: 4em; }
      #cont2 .imgBox {
        width: 61.6%; }
      #cont2 .text-content {
        padding-right: 2em;
        flex: 1; }
        #cont2 .text-content p {
          padding-left: 3em; } }

/*--------------------------------------------------------------
# cont3
--------------------------------------------------------------*/
#cont3 {
  margin-top: 8em; }
  #cont3 .imgBox div {
    display: flex;
    gap: 0.5em;
    flex-direction: column; }
    #cont3 .imgBox div > * {
      flex: 1; }
  @media (min-width: 992px) {
    #cont3 .text-content {
      display: flex;
      justify-content: space-between;
      gap: 4em; }
    #cont3 .text {
      width: 51.2%;
      padding-right: 2em; }
      #cont3 .text p:first-child {
        margin-top: 0; }
    #cont3 .imgBox div {
      flex-direction: row; }
      #cont3 .imgBox div > * {
        flex: auto; }
      #cont3 .imgBox div picture:first-child {
        width: 70%;
        flex-shrink: 0; }
        #cont3 .imgBox div picture:first-child img {
          height: 100%;
          object-fit: cover; } }

/*--------------------------------------------------------------
# cont4
--------------------------------------------------------------*/
#cont4 {
  margin-top: 8em; }
  @media (min-width: 992px) {
    #cont4 {
      display: flex;
      align-items: center;
      gap: 4em; }
      #cont4 .imgBox {
        width: 64.1%; }
      #cont4 .text-content {
        padding-right: 2em;
        flex: 1; }
        #cont4 .text-content p {
          padding-left: 3em; } }

/*--------------------------------------------------------------
# to-dress
--------------------------------------------------------------*/
.to-dress {
  background: url(../img/dress_s.jpg); }
  @media (min-width: 575px) {
    .to-dress {
      background: url(../img/dress.jpg); } }