@charset "UTF-8";
/* CSS Document */




.table_base{ display: block;}
.table_base>tbody{ display: block; border-top: 1px solid black;}
.table_base>tbody>tr{ display: flex; border-bottom: 1px solid black;}
.table_base>tbody>tr>th,
.table_base>tbody>tr>td{ line-height: 1.6em;}
.table_base>tbody>tr>th{}
.table_base>tbody>tr>th>span{ position: relative; display: inline-block;}
.table_base>tbody>tr>td{}
@media (min-width: 768px) {
.table_base{}
.table_base>tbody{}
.table_base>tbody>tr{}
.table_base>tbody>tr>th,
.table_base>tbody>tr>td{ font-size: 18px; padding: 1em 0;}
.table_base>tbody>tr>th{ width: 10em;}
.table_base>tbody>tr>td{ width: calc(100% - 10em);}
}
@media (max-width: 767.98px) {
.table_base{}
.table_base>tbody{}
.table_base>tbody>tr{}
.table_base>tbody>tr>th,
.table_base>tbody>tr>td{ font-size: 12px; padding: 1em 0;}
.table_base>tbody>tr>th{ width: 9em;}
.table_base>tbody>tr>td{ width: calc(100% - 9em);}
}




.table_base>tbody>tr>th>label{ margin: .15em 0 0;}
.table_base>tbody>tr>th>label{ position: relative; display: inline-block;}
.table_base>tbody>tr>th>label.hissu::after{ content: "＊"; color: red; line-height: 1em; position: absolute; left: calc(100% + 1em); top: calc(50% - .25em); font-size: .5em;}
@media (min-width: 768px) {
}
@media (max-width: 767.98px) {
.table_base>tbody>tr>th{ width: 8em;}
.table_base>tbody>tr>td{ width: calc(100% - 8em);}
.table_base>tbody>tr>td>.form-control{ font-size: 12px; padding: 0.375em 0.75em; height: auto; border-radius: .25em; line-height: 1.6em;}
}



.contact_lead{}
.contact_lead>small{ display: block; padding-left: 1em; text-indent: -1em;}
.contact_lead>small>span{ color: red;}
@media (min-width: 768px) {
.contact_lead{ margin-bottom: 50px; text-align: center;}
}
@media (max-width: 767.98px) {
.contact_lead{ margin-bottom: 30px;}
}





.form_btn{ display: flex; justify-content: center; align-items: center; border: #808080 solid 2px; color: black; text-decoration: none; background-color: white; font-weight: bold;}
.form_btn:hover{ background-color: #808080; color: white; text-decoration: none;}

.back_btn{ display: flex; justify-content: center; align-items: center; border: #808080 solid 2px; color: black; text-decoration: none; background-color: white; font-weight: bold;}
.back_btn:hover{ background-color: #808080; color: white; text-decoration: none;}
tr[data-name="category_id"] label { margin-right: 0.75rem; }
@media (min-width: 768px) {
.form_btn{ margin: 50px auto; width: 200px; height: 50px;}

.check_btn_box{ display: flex; justify-content: center; width: 100%; padding: 50px 0; align-items: center;}
.check_btn_box>.form_btn{ margin: 0 15px; order: 1;}
.back_btn{ margin: 0 15px; width: 160px; height: 36px; order: 0;}
}
@media (max-width: 767.98px) {
.form_btn{ margin: 50px auto; width: 176px; height: 44px; font-size: 14px;}


.back_btn{ margin: -30px auto 50px; width: 140px; height: 34px; font-size: 12px;}
}



.pp_box{}
.pp_box>p{}
.pp_box>p>strong{ display: block; margin: 0 0 .5em;}
@media (min-width: 768px) {
.pp_box{ text-align: center; margin: 50px 0 0;}
.pp_box>p{ display: inline-block;}
.privacy_dl{}
.privacy_dl>dl{ margin: 20px 0 80px;}
.privacy_dl>dl>dt{}
.privacy_dl>dl>dd{}
}
@media (max-width: 767.98px) {
.pp_box{ margin: 30px 0 0;}
}
.privacy_dl{}
.privacy_dl>dl{ margin: 10px 0 30px;}
.privacy_dl>dl>dt{ display: inline-block; position: relative; margin: 0 0 .5em;}
.privacy_dl>dl>dt,
.privacy_dl>dl>dd{ line-height: 1.6em;}
.privacy_dl>dl>dd{ margin: 0;}



.contact_box{}
@media (min-width: 768px) {
.contact_box{ padding-bottom: 60px;}

}
@media (max-width: 767.98px) {
.contact_box{ padding-bottom: 30px;}

}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}



@media (min-width: 768px) {}
@media (max-width: 767.98px) {}




