/* メディカルサイト用コンタクトフォームCSS
　 事例ページ用 */

.contact-mktoForm_inner {
    margin: 0 auto 80px;
    max-width: 100%;
}

.contact-mktoForm_inner form.mktoForm{
    width: 100%!important;
}

.contact-mktoForm_inner .mktoForm .mktoFieldWrap .mktoHtmlText a {
    display: inline-block;
    font-weight: 400;
    text-decoration: underline !important;
    color: #222 !important;
}

.contact-mktoForm_inner .mktoForm .mktoFieldWrap .mktoHtmlText a:active,
.contact-mktoForm_inner .mktoForm .mktoFieldWrap .mktoHtmlText a:focus,
.contact-mktoForm_inner .mktoForm .mktoFieldWrap .mktoHtmlText a:hover {
    color: #007FA5 !important;
}

.contact-mktoForm_inner .mktoForm input[type=date]:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=email]:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=number]:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=tel]:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=text]:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=url]:-ms-input-placeholder {
    color: #877525 !important
}

.contact-mktoForm_inner .mktoForm input[type=date]::placeholder,
.contact-mktoForm_inner .mktoForm input[type=email]::placeholder,
.contact-mktoForm_inner .mktoForm input[type=number]::placeholder,
.contact-mktoForm_inner .mktoForm input[type=tel]::placeholder,
.contact-mktoForm_inner .mktoForm input[type=text]::placeholder,
.contact-mktoForm_inner .mktoForm input[type=url]::placeholder {
    color: #877525 !important
}

.contact-mktoForm_inner .mktoForm input[type=date]:focus:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=email]:focus:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=number]:focus:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=tel]:focus:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=text]:focus:-ms-input-placeholder,
.contact-mktoForm_inner .mktoForm input[type=url]:focus:-ms-input-placeholder {
    font-size: 0
}

.contact-mktoForm_inner .mktoForm input[type=date]:focus::placeholder,
.contact-mktoForm_inner .mktoForm input[type=email]:focus::placeholder,
.contact-mktoForm_inner .mktoForm input[type=number]:focus::placeholder,
.contact-mktoForm_inner .mktoForm input[type=tel]:focus::placeholder,
.contact-mktoForm_inner .mktoForm input[type=text]:focus::placeholder,
.contact-mktoForm_inner .mktoForm input[type=url]:focus::placeholder {
    font-size: 0
}

.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    width: 300px !important;
    border-radius: 20px !important;
    background: #33BADB !important;
    margin-top: 40px !important;
    padding: 10px 20px !important;
    transition: 0.5s;
}

.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active,
.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus,
.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background-color: #007FA5 !important;
    transition: 0.5s;
}

.m-list-note {
    margin: 40px 0 30px;
    padding-left: 0;
}

.m-list-note>li {
    color: #525b5c;
    display: flex;
}

.m-list-note>li.important {
    color: #c01;
}

.m-list-note>li.important>em {
    font-weight: 400;
    font-style: normal;
}

.m-list-note>li+li {
    margin-top: 8px;
}

.m-list-note_mark {
    margin-right: 5px;
    min-width: 1em;
}

.contact-mktoForm_inner .mktoForm .mktoOffset {
    display: none;
}

.contact-mktoForm_inner .mktoForm .mktoLabel {
    margin-right: 0;
    word-break: break-word;
}

.contact-mktoForm_inner .mktoForm .mktoRadioList>input,
.mktoForm .mktoCheckboxList>input {
    accent-color: #007FA5;
}

.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    font-size: 16px!important;
    background-color: #007FA5 !important;
    border: 2px solid #007FA5!important;
    border-radius: 36px!important;
    padding: 10px 0;
    margin-top: 40px !important;
    transition: 0.5s;
    width: 350px;
    max-width: 100%;
}

.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active,
.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:focus,
.contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    background-color: #fff !important;
    color: #007FA5;
    border: 2px solid #007FA5!important;
    border-radius: 36px;
    transition: 0.5s;
}

.contact-mktoForm_inner .mktoForm *,
.contact-mktoForm_inner .mktoMobileShow .mktoForm {
    font-family: Noto Sans JP, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
    padding: 0;
    color: #222;
}

@media print,
screen and (max-width:768px) {

    .contact-mktoForm_inner form.mktoForm{
        width: 100%!important;
        padding: 0!important;
    }

    .contact-mktoForm_inner .mktoForm .mktoFieldWrap .mktoHtmlText a {
        display: inline;
    }

    .contact-mktoForm_inner .mktoForm .mktoLabel {
        padding-bottom: 5px!important;
    }
    .contentBox.-sp{
        padding: 0 15px;
    }
    .mktoForm .mktoFormCol{
        min-height: 0!important;
        margin-bottom: 0!important;
    }
    .mktoFieldDescriptor.mktoFormCol{
        margin-bottom: 10px!important;
    }
    #LblMail_Campaign_Registered__c{
        margin-top: 10px;
    }
}

@media print,
screen and (max-width:320px) {

    .contact-mktoForm_inner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
        font-size: 14px!important;
    }

}