@media (max-width:768px){
  .wrap{max-width: 100%;}
  .percent{
    text-align: center;
    font-size: 20rem;
  }
  .percent p span:last-child{position: relative;}

  .content-2 ul{justify-content: center;}
  .content-2 ul li p{font-size: 1.5rem;}
  .content-2 ul li strong{font-size: 1.93rem;}
  .content-2 ul li em{font-size: 1.9rem;}
}

@media (max-width:619px){
  .wrap{
    max-width: 100%;
    white-space:wrap;
  }

  .percent{
    font-size: 13rem;
  }
  .percent p span:last-child{font-size: 2rem;}

  .content-2 ul{
    flex-direction: column;
  }
  .content-2 ul li{
    border-right: none;
    border-bottom: 1px dashed #6cff6c;
    padding: 20px 0px 20px 0px;
  }
  .content-2 ul li:first-child{padding-top: 0;}
  .content-2 ul li:last-child{padding-bottom: 0;}
  .content-2 ul li span{display: inline;}
}

@media (max-width:619px){
  .btn-guide{
    width: 200px;
    font-size:1rem;
  }
  footer p{
    font-size: .8rem;
    width: 80%;
  }
  footer ul{font-size: .8rem;}
  .content-2 ul li{flex-basis: auto;}
}


@media all and (max-width:980px) {
  footer > div > ul{
    flex-direction: column;
    padding: 20px 0;
    gap: 5px;
  }
}


@media all and (max-width:768px) {
  .modal-content{padding: 15px; width: 95%;}
  .form-body{width: 100%;}
   .inner{gap: 0;}
   h3{font-size: 2em;}
   .caption{font-size: .8rem;}
   .form-body > div,  .form-body > ul{
    padding: 10px 0;
  }
   .form-body .radioBox .invest .investType-option{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
   .btn-guide{bottom: 0;}
   .form-body .radioBox .invest.invest-time{
    display: block;
    text-align: center;
  }
   .form-body .radioBox .invest .investType-option li{margin: 4px;}
   .form-body .radioBox .invest-time li:nth-child(1){text-align: center;}
   .form-body .radioBox .invest .ratio-select{display: flex;}

   .form-body .check_box{grid-template-columns: repeat(1,1fr);}

   .btn-guide button{padding: 3px 20px; box-shadow: rgb(255, 85, 85) 8px 8px 0px -3px;}
   .btn-guide button span{font-size: 2rem;}
   .form-body > div,  .form-body > ul{width: 100%;}
}


@media all and (max-width:359px) {
  /* section3 */
   h3{font-size: 2rem;}
}


@media (max-width:320px){
  .percent{font-size: 12rem;}
  .modal-form ul li select{width: 100px;}
  .modal-form .check_box{font-size: 0.8rem;}
  .modal-content{font-size: 12px;}
  h3{font-size: 1.8em;}
}

@media (max-width: 1000px) {
  .section2{
    flex-direction: column;
  }
}

@media (max-width: 800px) {
  .sec1-contain .title ul li:nth-child(1){
    font-size: 7vw;
  }
  .sec1-contain .title ul li:nth-child(2){
    font-size: 6.5vw;
  }
  .sec1-contain .title ul li:nth-child(3){
    font-size: 5.5vw;
  }
  .sec1-contain .anchor-sec2 span{
    font-size: 3.5vw;
  }
  .sec1-contain .img-box img{
    width: 100vw;
  }
  .section2 .title p{
    font-size: 7vw;
  }
}