@media screen and (max-width: 500px){
  .container {padding: 0 20px;}

  .kv .tit {font-size: 37px;}
  .kv .sub {font-size: 17px;}
  .kv .kv_box {padding: 10px 15px; word-break: keep-all;}
  .kv .kv_box .kv_tit {font-size: 16px;}
  .kv .kv_box .kv_tit img {width: 22px;}
  .kv .kv_box .kv_sub {font-size: 15px;}
  .kv .link {font-size: 15px;}
  .rolling_box {gap: 7px;}
  .rolling_box1 {margin-bottom: 10px;}
  .rolling_box ul {gap: 7px;}
  .rolling_box ul li {width: 137px;}
  .common_btn button {height: 55px; font-size: 16px;}
  .common_btn .description {font-size: 15px;}
  .link_btns {gap: 20px;}

  .form_box {padding: 0 20px;}
  .step_box .step_kv .step_txt {margin-bottom: 10px; word-break: keep-all;}
  
  .step_box .step_kv {padding: 14px 10px 15px;}
  .step_box .step_kv .step_current {padding-top: 0;}
  
  .input-box .tit span {display: block;}

  .input-box .tit {word-break: keep-all;}

  .input-box .cr_box textarea {height: 100px; word-break: keep-all;}

  #wrap.result {padding: 70px 0 0;}
  .result_kv .txt-box .result_type {width: 107px; height: 37px; margin: 0 auto 10px; font-size: 20px;}
  .result_kv .txt-box .tit {margin-bottom: 7px; font-size: 25px;}
  .result_kv .txt-box .sub {font-size: 17px; word-break: keep-all;}
  .result_kv .txt-box .sub br {display: none;}
  .result_kv .img-box {width: 150px; margin: 0 auto 27px;}
  .result_kv .ckd_list {gap: 10px; padding: 20px 0;}
  .result_kv .ckd_list dl {gap: 3px;}
  .result_kv .last_txt {margin-bottom: 50px;}
  .result_kv .last_txt .txt {font-size: 20px; word-break: keep-all;}
  .result_item {padding: 15px;}
  .result_item .item_tit {gap: 7px; font-size: 17px;}
  .result_item .item_tit img {width: 37px;}
  .result_item .item_tit {font-size: 15px;}
  .result_item .list_type1 {gap: 7px;}
  .result_item .list_type1 dl {gap: 5px;}
  .result_item .list_type1 dl dd {font-size: 15px;}
  .result_item .gauge {margin-left: 0; width: 100%;}
  .result_item .item_txt {font-size: 16px; word-break: keep-all;}
  .description_box .tit {gap: 7px; font-size: 15px;}
  .description_box .tit .share {font-size: 15px;}

  .result_item .car_txt {gap: 5px;}
  .result_item .car_txt .tit {gap: 5px;}
  .result_item .car_txt .txt {font-size: 15px;}
  .result_btns a {height: 60px; font-size: 16px;}
  .result_btns button {height: 55px; font-size: 16px;}
  .connected_box {padding: 50px 15px 20px; margin-top: 50px;}
  .connected_box .cb_tit {margin-bottom: 30px;}
  .connected_box .cb_tit .tit {margin-bottom: 10px; font-size: 23px;}
  .connected_box .cb_tit .sub {font-size: 17px;}
  .connected_box .cb_item .tit {gap: 7px; font-size: 16px;}
  .connected_box .cb_item .tit img {width: 25px;}
  .connected_box .cb_item .cb_txt {padding: 15px;}
  .connected_box .cb_item .cb_txt .txt1 {margin-bottom: 5px; font-size: 16px;}
  .connected_box .cb_item .cb_txt .txt2 {margin-bottom: 10px;}
  .result_item .item_txt3 br {display: none;}
  .result_item {word-break: keep-all;}
  .description_box .tit {flex-flow: column; justify-content: flex-start;}

  .connected_box .cb_item .cb_txt .dt {word-break: keep-all;}

  .container2 {padding: 0 20px;}

  .popup_area {width: calc(100% - 30px);}
  .popup_area .popup_container .popup_tit .tit {font-size: 23px;}
  /* .popup_area .popup_container .popup_ct .popup_ct_txt ul {flex-flow: column;} */
  .popup_area .popup_container .popup_ct .popup_ct_txt ul li .child-box {word-break: keep-all; height: auto;}
  .popup_area .popup_container .popup_ct .popup_ct_txt ul li .child-box .txt br {display: none;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_tit {padding: 0 10px;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_tit .d-flex {flex-flow: column; align-items: flex-start; gap: 5px;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_tit .toggle_btn {white-space: nowrap;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_tit .tit {word-break: keep-all;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_dt {padding: 15px 10px 0;}
  .popup_area .popup_container .popup_ct2 ul li .child-box .toggle_dt .point_txt {word-break: keep-all;}
  .popup_area .popup_container {padding: 0 10px;}

  .description_box {padding: 10px 0;}
}

@media screen and (max-width: 350px) {
  .input-box .cr_box label span {height: 72px;}
  .connected_box .cb_item .cb_txt .dt {text-align: left; line-height: 1.2;}
}