@charset "utf-8";

@media screen and (min-width: 768px) {
    .bl_uMHpt {
        height: 210px;
    }
}

.bl_contact {
    width: 100%;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 20px;
}

.bl_contact_disc
{
    font-size: 1.8rem;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 50px;
}

.bl_form > li {
    margin-bottom: 30px;
}
.bl_form > li:last-of-type{
    margin-bottom: 50px;
}

.bl_form p {
    font-size: 2rem;
    font-family: "Kosugi Maru";
    color: #562e00;
    line-height: 1.6;
    margin-bottom: 10px;
}
.bl_form span.un_small {
    font-size: 1.4rem;
}
.bl_form span.el_form_must {
    background-color: #f39800;
    color: #fff;
    margin-left: 5px;
    font-size: 1.6rem;
    padding: 5px 10px;
    border-radius: 100px;
}

/* 文字周り 確認画面での調整箇所*/
.mw_wp_form_confirm .bl_form > li {
    font-size: 2rem;
    padding-bottom: 20px;
    border-bottom: 1px dotted #562e
}

.mw_wp_form_confirm .bl_form p {
    font-size: 1.6rem;
}
.mw_wp_form_confirm span.un_small {
    font-size: 1.3rem;
}
.mw_wp_form_confirm  span.el_form_must {
    background-color: #f39800;
    color: #fff;
    margin-left: 5px;
    font-size: 1.2rem;
    border-radius: 100px;
}



.bl_form li > input {
    border: 2px solid #562e00;
    padding: 5px 5px 5px 10px;
    border-radius: 100px;
    font-size: 1.6rem;
    font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", sans-serif;
    width: 100%;
}

.bl_form li > input::placeholder {
    font-size: 1.6rem;
    font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}
.mw_wp_form span.error{
    font-size: 1.5rem;
    margin-top: 10px;
    font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.bl_form li > textarea {
    border: 2px solid #562e00;
    padding: 5px 5px 5px 10px;
    border-radius: 10px;
    width: 100%;
    font-size: 1.6rem;
    font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}
.bl_form li > input:focus-visible,
.bl_form li > textarea:focus-visible{
    outline: 0px solid #f39800;
    border:  2px solid #f39800;
}
.bl_form label {
    position: relative;
}

.bl_form label span {
    font-size: 1.8rem;
    font-family: "Kosugi Maru";
    color: #562e00;
}

/* ラジオボタン ———————————*/
#un_radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}

#un_radio > .mwform-radio-field {
    margin-right: 15px;
    margin-bottom: 20px;
}

#un_radio .horizontal-item + .horizontal-item {
    margin-left: 0;
}

input[type=radio] {
    appearance: none;
    display: none;
}

input[type=radio] + span:before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    display: inline-block;
    margin-right: 5px;
    color: #562e00;
    background-color: #fff;
    border-radius: 100px;
}

input[type=radio]:checked + span:before {
    content: "\f111";
    color: #f39800;
    background-color: #f39800;
}

/* ボタン ———————————*/

.bl_sendBtn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.el_form_btn {
    display: block;
    width: 100%;
    max-width: 200px;
    margin-right: 20px;
    margin-left: 20px;
     transition: all 0.2s ease-in-out;
}
.el_form_btn:hover{
    opacity: 0.7;
     transition: all 0.2s ease-in-out;
}
/* 入力画面 */
.mw_wp_form_input .el_form_btn {
    display: none;
}

.mw_wp_form_input .el_form_btn + .el_form_btn {
    display: block;
}

.el_form_btnLink{
    width: 100%;
    padding: 20px;
    background-color: #f39800;
    color: #fff;
    font-size: 2rem;
    border: none;
        border-radius: 10px;
        cursor:pointer;
}
.el_form_btnLink.un_back{
    border:2px solid #f39800;
    background-color: #fff;
    color: #f39800;
}