@charset "UTF-8";

.form-contact{background: #f8f8f8;}
.form-contact .navi li > span{background-color: #eee;}

.explain a{display: block;}

.contents-form th{width: 280px;}
.contents-form td >div{display: flex;gap: 0 20px;}
.contents-form td >div.sns{flex-wrap: wrap;gap: 10px 0;}
.contents-form td .label{display: flex;align-items: center;}
.contents-form td label{width: 50%;}
.contents-form td .add {display: inline-block;}
.contents-form td .note{font-size: 13px;display: block;margin-bottom: 5px;}
.contents-form td.birthday select{width: 30%;}


input[type="radio"].formtxt{width: auto;margin-right: 5px;cursor: pointer;}
input[type="file"]{margin-bottom: 10px;display: block;}

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

    .main_title > * {margin-left: calc(-50% + 20px);}

    .form-wrapper{padding-right: 20px;padding-left: 20px;}
    .contents-form th{padding-right: 0;padding-left: 0;}
    .contents-form td .label { flex-wrap: wrap;}

}

.form-contact .contact .btn{padding-right: 20px;padding-left: 20px;}
.form-contact .contact .btn .form-come-btn{width: auto;max-width: 350px;}
.form-contact .contact .btn .confirm-btn{max-width: 680px;width: 100%;display: flex;gap: 0 20px;justify-content: space-between;flex-direction: row-reverse;}
.form-contact .contact .btn .confirm-btn form{max-width: 300px;width: 100%;}
.form-contact .contact .btn .confirm-btn input{width: 100%;max-width: 250px;}

.black_btn a{height: auto;}

/** SP ****/
@media screen and (max-width:767px) {

    .form-base{padding: 45px 0;}
    .form-contact{padding-top: 50px;padding-bottom: 50px;}
    .form-wrapper{padding: 30px 15px;margin-bottom: 50px;}

    .form-contact .navi li > span{line-height: 20px;min-height: 40px;padding: 15px 0 14px;font-size: 14px;}
    .form-contact .navi li span.step{display:block;font-size: 12px;}

    .contents-form table{border-top: none;}
    .contents-form th,
    .contents-form td{display: block;width: 100%;border-bottom: none;}
    .contents-form th{padding: 0 0 8px;line-height: 1;}
    .contents-form td{padding: 0 0 30px;}
    .contents-form th em{padding: 2px 6px 1px;line-height: 16px;font-size: 11px;}

    .contents-form td .formtxt.ml10{margin-left: 0;margin-top: 10px;}
    .contents-form td.birthday select{width: 100%;}
    .contents-form td >div.sns{display: block;}

    input.formtxt, textarea.formtxt, select.formtxt{width: 100%;}

    em.form{ color:#ff0000; }

    .contents-form p.alert{font-size: 13px;}

    .photo_explain{padding:10px;border:1px solid #cdcdcd;}
    .photo_explain a{color:#e60012;text-decoration:underline;}

    .contents-form .back.comp{padding:20px 0;}

    .form-contact .contact .btn{padding-top: 35px; padding-bottom: 40px;}
    .form-contact .contact .btn .form-come-btn{width: 80%;}
    .form-contact .contact .btn input{line-height: 16px;padding: 14px 0;font-size: 15px;}

    .contents-form .conf th{padding-bottom: 10px;border-bottom: 1px solid #cdcdcd;}
    .contents-form .conf td{padding-top: 10px;}
    .form-contact.confirm .contact .btn .form-come-btn{max-width: none;}
    .form-contact.confirm .contact .btn .form-come-btn{width: 100%;}
    .black_btn a.prev{line-height: 16px;padding: 14px 0;font-size: 15px;width: 200px;margin: 0 auto;background-position: 29px 17px;}

}