@font-face {
  font-display: swap;
  font-family: "RoihuW01Bold";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Bold.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW01Light";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Light.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW01Black";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Black.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW01Regular";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Regular.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW01Italic";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Italic.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW01Medium";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W01-Medium.woff") format("woff"); }
@font-face {
  font-display: swap;
  font-family: "RoihuW04Bold";
  font-style: "";
  font-weight: "";
  src: url("../fonts/Roihu-W04-Bold.woff") format("woff"); }
#kuesioner {
  margin: 0 0 50px;
  color: #58585B;
  font-family: 'RoihuW01Light';
  line-height: 2;
  width: 100%;
  max-width: 900px; }
  #kuesioner .tone_blue {
    color: #1C4279 !important; }
  #kuesioner input,
  #kuesioner select,
  #kuesioner textarea,
  #kuesioner button {
    font-weight: normal;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    resize: none; }
  #kuesioner input[type="text"],
  #kuesioner textarea {
    padding: 3px 6px;
    width: 100%;
    border: 1px solid #ccc !important; }
  #kuesioner label {
    width: 100%;
    font-weight: normal; }
    #kuesioner label:hover {
      cursor: pointer; }
  #kuesioner button {
    padding: 6px 22px;
    color: #fff;
    background: #1C4279;
    font-family: 'RoihuW01Regular';
    letter-spacing: 1px; }
  #kuesioner .required:after {
    content: '*';
    margin-left: 3px;
    color: red; }
  #kuesioner .main_title {
    color: #1C4279;
    font-size: 26px;
    font-family: 'RoihuW01Bold';
    margin-bottom: 20px; }
  #kuesioner .userdata .userdata_title {
    font-weight: bold; }
  #kuesioner .userdata .userdata_age_wrapper {
    width: 100%;
    max-width: 400px; }
  #kuesioner .userdata input[type="radio"] {
    margin: 4px 5px 0 0;
    vertical-align: top; }
  #kuesioner .userdata input[type="text"],
  #kuesioner .userdata textarea {
    max-width: 500px !important; }
  #kuesioner .kuesioner_list {
    padding-left: 15px; }
    #kuesioner .kuesioner_list li {
      margin: 0 0 30px;
      padding: 0 0 0 15px; }
      #kuesioner .kuesioner_list li .content_guide {
        padding: 10px 15px;
        font-size: 12px;
        background: #e2e2e2;
        border: 1px solid #333; }
        #kuesioner .kuesioner_list li .content_guide .content_guide_title {
          font-weight: bold; }
      #kuesioner .kuesioner_list li .kue_type_check label {
        display: block;
        font-weight: normal;
        line-height: 1.5; }
        #kuesioner .kuesioner_list li .kue_type_check label input[type="checkbox"] {
          margin: 4px 5px 0 0; }
      #kuesioner .kuesioner_list li .kue_type_radio {
        line-height: 1.5; }
      #kuesioner .kuesioner_list li .additional_text {
        display: block;
        width: 100%;
        max-width: 300px;
        border: none;
        border-bottom: 1px dotted #555;
        box-shadow: none;
        outline: none; }
      #kuesioner .kuesioner_list li .product_value {
        margin: 15px 0 0; }
        #kuesioner .kuesioner_list li .product_value .product_value_section {
          padding: 10px 15px;
          margin: 15px 0 0;
          font-size: 12px;
          background: #e2e2e2;
          line-height: 1.5; }
          #kuesioner .kuesioner_list li .product_value .product_value_section:nth-of-type(odd) {
            background: #c9c9c9; }
          #kuesioner .kuesioner_list li .product_value .product_value_section:first-child {
            margin-top: 0; }
          #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options {
            text-align: right; }
            #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options label {
              margin: 0 10px;
              width: auto; }
              #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options label:first-child {
                margin-left: 0; }
              #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options label:last-child {
                margin-right: 0; }
              #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options label input[type="radio"] {
                vertical-align: top;
                margin: 3px 3px 0 0; }
  #kuesioner .note {
    margin: 15px 0 30px; }
  #kuesioner .submit_kuesioner {
    border: none; }
    #kuesioner .submit_kuesioner[disabled="disabled"] {
      background: #888; }

#kuesioner_panel .content {
  min-height: 0;
  padding: 0; }
#kuesioner_panel #kuesioner {
  padding: 0 15px; }
#kuesioner_panel .note,
#kuesioner_panel .action {
  display: none; }
#kuesioner_panel input {
  text-align: left !important; }

@media screen and (max-width: 767px) {
  #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options {
    text-align: left; } }
@media screen and (max-width: 550px) {
  #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options {
    text-align: left; }
    #kuesioner .kuesioner_list li .product_value .product_value_section .product_value_options label {
      display: block;
      margin: 3px 0 0; } }

/*# sourceMappingURL=kuesioner.css.map */
