@charset "utf-8";

.contact_form{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.contact_form dt{width: 45%;}
.contact_form dt .slogan{display: block;font-size: 36px;line-height: 130%;color: #111111;letter-spacing: -1px;font-weight: 700;}
.contact_form dt .info_list{margin-top: 40px;}
.contact_form dt .info_list li{margin-bottom: 40px;}
.contact_form dt .info_list li strong{display: block;font-size: 28px;color: #111111;font-weight: 500;font-family: 'outfit';opacity: 0.5;margin-bottom: 10px;}
.contact_form dt .info_list li p,
.contact_form dt .info_list li a{font-size: 28px;color: #111111;font-weight: 500;}

.contact_form dd{width: 55%;}
.contact_form dd fieldset{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_form dd fieldset .input_box{width: calc(50% - 20px);margin-bottom: 60px;}
.contact_form dd fieldset .input_box.captcha{margin-top: -30px;display: none;}
.contact_form dd fieldset .input_box #zigger-captcha{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px;width: 300px;}
.contact_form dd fieldset .input_box #zigger-captcha > img{width: 85px;}
.contact_form dd fieldset .input_box #zigger-captcha > input{width: calc(100% - 90px);margin: 0 !important;}
.contact_form dd fieldset .input_box strong{display: inline-block;font-size: 20px;line-height: 20px;color: #111111;font-weight: 500;font-family: 'outfit';position: relative;margin-bottom: 5px;}
.contact_form dd fieldset .input_box strong em{width: 5px;height: 5px;border-radius: 5px;background: #5416FF;background: linear-gradient(51deg, #5416ff 0%, #cd57f2 100%);content: '';display: block;position: absolute;top: 0;right: -10px;}
.contact_form dd fieldset .input_box .input{border-bottom: 2px solid #111111;font-family: empty;font-size: 0;position: relative;}
.contact_form dd fieldset .input_box .input.with_slt{background: url('/theme/basic/layout/images/main/m5_form_slt_spr_b.jpg') no-repeat right center;overflow: hidden;}
.contact_form dd fieldset .input_box .input input[type="text"]{width: 100%;height: 66px;font-size: 17px;border: none;background: transparent;color: #111;padding-left: 0;box-sizing: border-box;}
.contact_form dd fieldset .input_box .input select{width: calc(100% + 40px);height: 66px;font-size: 17px;border: none;background: transparent;color: #111;padding-left: 0;-webkit-appearance: none;}
.contact_form dd fieldset .input_box .input textarea{width: 100%;min-height: 120px;border: none;background: transparent;padding: 20px 0;box-sizing: border-box;font-size: 17px;color: #111;}
.contact_form dd fieldset .input_box.w_full{width: 100%;}
.contact_form dd fieldset .input_box *::-webkit-input-placeholder {color: #999999;}
.contact_form dd fieldset .input_box *:-moz-placeholder {color: #999999;}
.contact_form dd fieldset .input_box *::-moz-placeholder {color: #999999;}
.contact_form dd fieldset .input_box *:-ms-input-placeholder {color: #999999;}
.contact_form dd .chk_wrap{position: relative;margin-top: 0;text-align: center;}
.contact_form dd .chk_wrap input[type="checkbox"]{display: none;}
.contact_form dd .chk_wrap label{color: #111111;font-size: 16px;padding-left: 25px;background: url('/theme/basic/layout/images/main/form_chk_bull_off_b.jpg') no-repeat 0 center;display: inline-block;}
.contact_form dd .chk_wrap input[type="checkbox"]:checked + label{background-image: url('/theme/basic/layout/images/main/form_chk_bull_on_b.jpg');}
.contact_form dd .chk_wrap label strong{font-weight: 500;color: #cd57e4;}
.contact_form dd .chk_wrap label a{margin-left: 5px;font-size: 15px;font-weight: 600;color: #111111;}
.contact_form dd .chk_wrap .sbm{width: 100%;line-height: 70px;border-radius: 70px;text-align: center;background: #5416ff;border: none;font-size: 18px;color: #fff;font-weight: 500;transition: all 0.4s cubic-bezier(.34,2.56,.54,1);margin-top: 40px;}
.contact_form dd .chk_wrap .sbm:hover{transform: scale(1.05);}

@media screen and (max-width: 1000px){

    .contact_form{display: block;}
    .contact_form dt{width: auto;}
    .contact_form dt .slogan{font-size: 22px;line-height: 26px;}
    .contact_form dt .info_list{margin-top: 20px;}
    .contact_form dt .info_list li{margin-bottom: 20px;}
    .contact_form dt .info_list li strong{font-size: 18px;line-height: 24px;margin-bottom: 5px;}
    .contact_form dt .info_list li p,
    .contact_form dt .info_list li a{font-size: 18px;line-height: 24px;}

    .contact_form dd{width: auto;margin-top: 60px;}
    .contact_form dd fieldset{margin: 0 -2px;}
    .contact_form dd fieldset .input_box{width: calc(50% - 4px);margin-bottom: 20px;}
    .contact_form dd fieldset .input_box.captcha{margin-top: 0;}
    .contact_form dd fieldset .input_box #zigger-captcha{width: 100%;}
    .contact_form dd fieldset .input_box strong{font-size: 14px;line-height: 14px;margin-bottom: 0;}
    .contact_form dd fieldset .input_box .input.with_slt{background-size: 10px auto;}
    .contact_form dd fieldset .input_box .input input[type="text"]{height: 50px;font-size: 13px;}
    .contact_form dd fieldset .input_box .input select{width: calc(100% + 30px);height: 50px;font-size: 13px;}
    .contact_form dd fieldset .input_box .input textarea{min-height: 100px;padding: 10px 0;font-size: 13px;}
    .contact_form dd .chk_wrap{position: relative;margin-top: 0;text-align: left;}
    .contact_form dd .chk_wrap label{font-size: 13px;padding-left: 20px;background-size: contain;}
    .contact_form dd .chk_wrap label a{font-size: 13px;}
    .contact_form dd .chk_wrap .sbm{line-height: 50px;border-radius: 50px;font-size: 14px;margin-top: 20px;}
    .contact_form dd .chk_wrap .sbm:hover{transform: scale(1.05);}

}