* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
  text-decoration: none;
  list-style: none;
  color: black;
}
 
:root {
  --color-Ellipse-1: #C8AAD3;
  --color-Ellipse-2: #799DCB;
  --color-Ellipse-3: #7C38BD;
  --color-Ellipse-4: #BD6DF2;
  --color-Ellipse-5: #A696C7;
}
 
/* main */
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 100px;
}
 
.container-main {
    max-width: 1440px;
    width: 100%;
    padding: 120px 100px;
    display: flex;
    gap: 59px;
    flex-direction: column;
}

.container-main > h1 {
    font-size: 32px;
    font-weight: 600;
}

.container-main-txt {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.container-main-txt > h1 {
    font-size: 22px;
    font-weight: 600;
}

.txt-box {
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.txt-box > h1 {
    font-size: 22px;
    font-weight: 500;
}
.txt-box > li {
    font-size: 20px;
    font-weight: 500;
    list-style: disc;
    margin-left: 25px;
    line-height: 161.5%;
}
.txt-box > li > a {
    color: black;
    text-decoration: underline;
}
.txt-box > li > a:hover {
    color: blue;
}

.box_0 {
    margin-bottom: 40px;
}

@media screen and (max-width:1455px) {
    main {
      margin-top: 6.87vw;
    }
  
    .container-main {
      padding: 8.24vw 6.87vw;
      gap: 3.57vw;
     }
}

@media screen and (max-width:501px) {
    .container-main {
        padding-top: 19.96vw;
        gap: 11.77vw;
    }

    .box_0 {
        margin-bottom: 7.98vw;
    }

    .container-main > h1 {
        font-size: 6.38vw;
    }
    
    .container-main-txt {
        gap: 7.98vw;
    }
    
    .container-main-txt > h1 {
        font-size: 4.39vw;
    }
    
    .txt-box {
        gap: 2vw;
    }
    
    .txt-box > h1 {
        font-size: 4.39vw;
    }
    .txt-box > li {
        font-size: 4vw;
        margin-left: 4.99vw;
    }

    .box_20 {
        margin-bottom: 10vw;
    }
}