@charset "UTF-8";

/*common*/
[data-name="radio-buttons-other-01"] .display-none {
    display: none;
    transition: all 0.3s ease;
    opacity: 0;
    height: 0;
    overflow: hidden;
}


[data-name="radio-buttons-other-01"] .smf-text-control {
    opacity: 1;
    height: auto;
}

/*inquiry*/
.smf-action .smf-button-control__control[data-action="confirm"],
.smf-action .smf-button-control__control[data-action="complete"] {
    background: #20AEE5;
    color: white;
    border-radius: 30px;
    border: none;
    padding: 10px 80px;
    font-size: large;
    border: 1px solid #20AEE5;
    transition: .3s;
}

.smf-action .smf-button-control__control[data-action="confirm"]:hover,
.smf-action .smf-button-control__control[data-action="complete"]:hover {
    background: white;
    color: #20AEE5;
    border: 1px solid #20AEE5;
}

.smf-action .smf-button-control__control[data-action="back"] {
    border-radius: 30px;
    padding: 10px 40px;
    margin-bottom: 1em;
    font-size: inherit;
    background: #fff;
    color: #333;
    border: 1px solid #ccc;
    transition: .3s;
}

.smf-action .smf-button-control__control[data-action="back"]:hover {
    background: #ccc;
    color: #fff;
    border: 1px solid #ccc;
}

.radio-buttons-other-01 {
    margin-top: 0.5rem;
}

form[data-screen="input"] .input-block,
form[data-screen="invalid"] .input-block {
    display: block;
}

form[data-screen="input"] .confirm-block,
form[data-screen="invalid"] .confirm-block {
    display: none;
}

form[data-screen="confirm"] .input-block {
    display: none;
}

form[data-screen="confirm"] .confirm-block {
    display: block;
}

.smf-form--simple-table+.smf-action {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

[data-name="checkboxes-subject-en"] .smf-label:nth-of-type(4),
[data-name="checkboxes-subject-en"] .smf-label:nth-of-type(9),
[data-name="checkboxes-subject-en"] .smf-label:nth-of-type(12) {
    margin-bottom: 1em;
}

.smf-form .smf-select-control__control {
    height: auto;
}

.smf-error-messages {
    margin: 0 0 15px 0;
}

.smf-select-control__toggle::before {
    content: none !important;
}

/*reCAPTCHA*/
.grecaptcha-badge {
    display: none;
}