@charset "UTF-8";
/****************************** form  */
/* form parts */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { width: 100%; max-width: 100%; height: 50px; border: 1px solid #b2b6be; border-radius: 10px; }

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #686868; }

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: #686868; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #686868; }

input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="range"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #686868; }

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, textarea::placeholder { color: #686868; }

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #686868; }

input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="range"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #686868; }

input, textarea { width: 100%; padding: 4px 20px; border: none; background: #F2F2F2; font-size: 18px; font-size: 1.8rem; }

input[type="radio"][disabled] + .radio-label::before, input[type="checkbox"][disabled] + .checkbox-label::before { background: #F2F2F2; }

input:disabled { border: none; background: #F2F2F2; }

textarea { max-width: 600px; height: 150px; padding: 10px 20px; border: 1px solid #A5A5A5; }

input:focus, textarea:focus { background-color: #DDDDDD; }

/****************************** basic form  */
form { width: 100%; margin: 0 auto; }

.hatch_tab { width: 100%; margin: 0 auto; }

.hatch_tab th, .hatch_tab td { padding: 21px 0 20px; border-bottom: dashed 1px #A5A5A5; text-align: left; }

.hatch_tab th { position: relative; width: 300px; padding: 40px 0 20px; vertical-align: top; table-layout: fixed; }

.hatch_tab td { width: calc(100% - 300px); vertical-align: middle; }

.hatch_tab .td_inner { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.hatch_tab .sub_ttl { -ms-flex-negative: 1; flex-shrink: 1; width: 100px; font-weight: bold; }
.ly_form_confirm .hatch_tab .sub_ttl { font-weight: normal; }

.icon-required, .icon-required2, .icon-optional { position: relative; }

.icon-required::before { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 36px; right: 0; left: auto; align-items: center; justify-content: center; width: 50px; height: 20px; margin: auto; border-radius: 4px; background: #DD6262; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: normal; content: "必須"; }

.icon-required2::before { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 36px; right: 0; left: auto; align-items: center; justify-content: center; width: 100px; height: 20px; margin: auto; border-radius: 4px; background: #DD6262; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: normal; content: "どちらか必須"; }

.icon-optional::before { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 36px; right: 0; left: auto; align-items: center; justify-content: center; width: 50px; height: 20px; margin: auto; border-radius: 4px; background: #D8AB64; color: #ffffff; font-size: 13px; font-size: 1.3rem; font-weight: normal; content: "任意"; }

.note { display: block; margin-top: 9px; font-size: 16px; font-size: 1.6rem; line-height: 2; }

.note.note__2 { margin-top: 9px; margin-bottom: 18px; font-size: 18px; }

.note.note__3 { margin-top: 19px; margin-bottom: 27px; font-size: 14px; line-height: 1.6; font-weight: normal;}

.note_link { text-decoration: underline !important; }

/* radio */
input[type="radio"] { position: absolute; width: 0; height: 0; opacity: 0; }

.sty_radio label { display: inline-block; position: relative; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; }

.sty_radio .radio-label { display: inline-block; min-width: 98px; margin-right: 8px; padding: 15px 20px; border: solid 2px #A5A5A5; border-radius: 25px; background-color: #ffffff; text-align: center; -webkit-transition: all .2s; transition: all .2s; }

.sty_radio input[type="radio"]:checked + .radio-label { border: solid 2px #4DB0B6; background-color: #4DB0B6; color: #fff; font-weight: bold; }

/* checkbox */
input[type="checkbox"] { position: absolute; width: 0; height: 0; opacity: 0; }

.sty_checkbox label { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; height: 30px; padding: 0 0 0 50px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; }

.sty_checkbox .checkbox-label { vertical-align: sub; }

.sty_checkbox .checkbox-label::before, .sty_checkbox .checkbox-label::after { position: absolute; content: ''; -webkit-transition: all .2s; transition: all .2s; }

.sty_checkbox .checkbox-label::before { top: 0px; left: 3px; width: 28px; height: 28px; border: 1px solid #A5A5A5; border-radius: 3px; border-radius: 10px; background: #fff; }

.sty_checkbox input[type="checkbox"]:checked + .checkbox-label { font-weight: bold; }

.sty_checkbox input[type="checkbox"]:checked + .checkbox-label::before { border: 1px solid #4DB0B6; background: #4DB0B6; }

.sty_checkbox .td_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sty_checkbox .label_ol { -ms-flex-negative: 1; flex-shrink: 1; width: 50%; margin-bottom: 20px; }

.sty_checkbox .label_ol:nth-last-child(2) { margin-bottom: 30px; }

.sty_checkbox .label_ol:nth-last-child(3) { margin-bottom: 30px; }

/* select */
.sty_select { display: block; position: relative; width: 138px; height: 50px; border: 1px solid #A5A5A5; border-radius: 10px; background: #F2F2F2; }

.sty_select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; padding-right: 1em; padding: 13px 25px 13px 20px; border: none; outline: none; background: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none; font-size: 18px; line-height: 1.0; text-indent: 0.01px; text-overflow: ellipsis; cursor: pointer; }

.sty_select select::-ms-expand { display: none; }

.sty_select.select-lrg { width: 380px; }

.sty_select.select-lrg select { width: 380px; padding: 13px 38px 13px 8px; }

.sty_select::before { display: block; position: absolute; top: 0; right: 10px; bottom: 0; width: 0; height: 0; margin: auto; border-top: 7px solid #686868; border-right: 7px solid transparent; border-left: 7px solid transparent; border-radius: 8px; content: ""; }

/* btn_submit */
.box_btn_submit { text-align: center; }

.box_btn_submit ol { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; }

.btn-cmn { display: inline-block; position: relative; width: 260px; height: 60px; margin: 0 15px; padding: 18px 0; border-radius: 30px; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; opacity: 1; }

.btn-cmn.btn-cmn__1 { background-image: url(../img/bg_gray.png); }

.btn-cmn.btn-cmn__2 { background-image: url(../img/bg_green.png); }

.btn-cmn.btn-cmn__3 { background-image: url(../img/bg_green.png); }

.btn-cmn:hover { opacity: 0.75; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

#btnsubmit[disabled] { border: solid 1px #4db0b6; background: #fff; color: #4db0b6; cursor: default; }

#btnsubmit[disabled]:hover { opacity: 1; }

.box_agree { position: relative; }

.box_agree a { text-decoration: underline !important; }

.box_agree .box_agree_ttl { margin-bottom: 35px; font-size: 16px; font-weight: 500; }

.box_agree .box_agree_text { margin-top: 19px; margin-bottom: 61px; font-size: 16px; line-height: 1.5; }

.box_agree label[for="member_privacy_policy_0"] { position: absolute; width: 0; height: 0; opacity: 0; }

/* ---SP--- */

/****************************** box_name */

/****************************** date_picker_single2 */
.box_date_picker_single02 td input.date_picker_single02 { width: 200px; background-color: #F2F2F2 !important; }

.box_date_picker_single02 td .sty_select { width: 200px; margin-left: -10px; }

.box_date_picker_single02 td .sty_select:last-child { margin-left: 0; }

/****************************** date_picker_range02 */
.box_date_picker_range02 td { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.box_date_picker_range02 td span { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 57px); }

.box_date_picker_range02 td span.line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

/****************************** date_picker_range01 */
.box_date_picker_range01 td { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.box_date_picker_range01 td span { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(50% - 20px); }

.box_date_picker_range01 td span.line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

/****************************** date_picker_range02 */
.box_date_picker_range02 td { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.box_date_picker_range02 td span { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 57px); }

.box_date_picker_range02 td span.line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

img.ui-datepicker-trigger { position: relative; top: 0px; left: -57px; width: 30px; height: 30px; vertical-align: middle; cursor: pointer; }

#ui-datepicker-div .ui-datepicker-buttonpane { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/****************************** box_place */
.box_place textarea { margin-top: 30px; margin-bottom: 8px; }

/****************************** tel */
.box_tel td .error { width: 100%; }

.box_tel td .line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 47px; height: 40px; }

.box_tel td .input_ol__1 { width: 80px; }

.box_tel td .input_ol__2 { width: 100px; }

.box_tel td .input_ol__3 { width: 100px; }

.ly_form_confirm .box_tel td .input_ol__1,
.ly_form_confirm .box_tel td .input_ol__2,
.ly_form_confirm .box_tel td .input_ol__3 { width: auto; }
.ly_form_confirm .box_tel td .line-wave { width: auto; }

/****************************** zip */
.box_zip td .error { width: 100%; }

.box_zip td .td_inner:first-child { margin-bottom: 0; }

.box_zip td .line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 47px; height: 40px; }

.box_zip td .input_ol__1 { width: 80px; }

.box_zip td .input_ol__2 { width: 100px; }

.box_zip td .input_ol__3 { width: 240px; }

.box_zip td .input_ol__4 { width: 500px; }

.ly_form_confirm .box_zip td .input_ol__1,
.ly_form_confirm .box_zip td .input_ol__2,
.ly_form_confirm .box_zip td .input_ol__3,
.ly_form_confirm .box_zip td .input_ol__4 { width: auto; }
.ly_form_confirm .box_zip td .line-wave { width: auto; }

.box_seminar td .sty_select { width: 100%; }

.box_zip td .el_btn { position: relative; width: 100px; height: 41px; margin-left: 24px; padding: 0; font-size: 14px; cursor: pointer; }

.box_zip td .el_btn input { z-index: -1; position: absolute; opacity: 0; }

.box_zip td .el_btn:hover { opacity: 0.8; }

.box_zip td .sty_select { width: 140px; }

.box_zip td .note { padding-left: 100px; }

.box_zip td .note_link { display: inline-block; margin-bottom: 26px; font-size: 18px; }

.box_zip .sty_select { overflow: hidden; }

.box_zip .sty_select select { border-radius: 10px; }

/****************************** box_income */
.box_income .sty_select { width: 200px; margin-right: 10px; }

/****************************** box_occupation */
.box_occupation .sty_select { width: 200px; margin-right: 10px; }

/****************************** box_campaign_item */
.box_campaign_item .sty_select { width: 100% }

.box_karaoke_enter_from .sty_select,
.box_karaoke_enter_type .sty_select { width: 250px; margin-right: 10px; }

/****************************** time */
.box_time td { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.box_time td span { display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(50% - 20px); }

.box_time td span.line-wave { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

/****************************** box_btd */

.box_btd td .sty_select { margin-bottom: 10px; }

.box_btd td .sty_select.sty_select__1 { width: 140px; }

.box_btd td .sty_select.sty_select__2 { width: 80px; }

.box_btd td .sty_select.sty_select__3 { width: 80px; }

.box_btd td select { width: 100%; }

.box_btd td .ttl_select { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

.box_btd #birthDay { font-size: 20px; }

/****************************** box_mail */
/****************************** box_time */
.hatch_tab .box_time td { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; }

.hatch_tab .box_time td .sty_select { width: calc(50% - 15px); }

.hatch_tab .box_time td .ttl_select { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 30px; height: 40px; }

.hatch_tab .box_time .box_time_answer .ttl { margin-bottom: 5px; }

/* error-text */
.error_box { position: relative; }

span.error { display: block; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; margin-top: 4px; margin: auto; color: #ff676d; font-size: 15px; text-align: left; }

#confirm_error { display: block; margin-top: 4px; color: #ff676d; font-size: 15px; }

#your-email_error .error { position: relative; }

#tel_error .error { position: relative; }

.errorWrap { -webkit-box-pack: start; -ms-flex-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; }

.errorWrap div { margin-right: 0px; }

#your-name_error1 .error { position: relative; }

#your-name_error2 .error { position: relative; }

#your-name-ruby_error1 .error { position: relative; }

#your-name-ruby_error1 .error { position: relative; }

#check_error .error { position: relative; }

.bl_textBox { margin-bottom: 62px; text-align: center; }

.bl_ttl { margin-bottom: 23px; color: #0063A7; font-size: 40px; font-weight: bold; }

.bl_text { color: #0063A7; font-size: 22px; font-weight: bold; }


.box_insurance1 .sty_select, .box_insurance2 .sty_select { width: auto; }
.box_insurance1 th, .box_insurance1 td { padding-bottom: 0; border-bottom: 0; }
.box_insurance1 td { padding-top:0px; }

.box_insurance1 .icon-required::before { top: 55px; }
.box_insurance2 th, .box_insurance2 td { padding-top: 0; }
.box_insurance2 .icon-optional::before { top: 15px; }

.box_affair .sty_select { width: auto; }
.box_affair .icon-required::before { top: 75px; }

.box_remarks .icon-optional::before { top: 75px; }

.box_evaluation th { padding-top: 30px; }
.box_evaluation .sty_select { width: auto; }

/******************************
lyout
******************************/

.ly_form_confirm .bl_text2 { margin-bottom: 91px; font-size: 18px; font-weight: 500; line-height: 2; }

.ly_form_confirm .hatch_tab th { width: 340px; }

.ly_form_confirm .hatch_tab td { width: calc(100% - 340px); }

.ly_form_confirm .hatch_tab .table_textbox { margin-bottom: 8px; }

.ly_form_confirm .hatch_tab .table_textbox .table_ttl { display: inline-block; min-width: 100px; padding-right: 15px; }

.ly_form_confirm .hatch_tab .table_textbox .table_text { display: inline-block; }

.ly_form_thanks .bl_textBox { margin-bottom: 39px; }

.ly_form_thanks .bl_ttl { margin-bottom: 90px; font-size: 32px; }

.ly_form_thanks .bl_text3 { margin-bottom: 91px; font-size: 18px; line-height: 2; text-align: left; }

.ly_form_thanks .hp_mg { text-align: center; }

@media screen and (min-width: 751px) { .hatch_tab { min-width: 1000px; margin-bottom: 58px; } .hatch_tab td { padding-left: 40px; } .sty_checkbox .label_ol { width: calc(50% - 40px); } .box_name td input { width: 200px; margin-right: 20px; } .box_zip td .td_inner { margin-bottom: 20px; } .errorWrap div { width: 220px; } .ly_form .bl_breadcrumb { margin-bottom: 120px; } .ly_form_confirm .bl_breadcrumb { margin-bottom: 111px; } .ly_form_confirm .hatch_tab { margin-bottom: 98px; } .ly_form_confirm .hatch_tab th, .ly_form_confirm .hatch_tab td { min-height: 90px; padding: 27px 0 26px; line-height: 2; } .ly_form_thanks .bl_breadcrumb { margin-bottom: 120px; } .ly_form_thanks .bl_text3 { width: 631px; margin: 0 auto 50px; } }

@media screen and (max-width: 750px) { .hatch_tab .td_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .icon-required::before { top: 0; bottom: 0; } .icon-required2::before { top: 0; bottom: 0; } .icon-optional::before { top: 0; bottom: 0; } .note { margin-top: 5px; font-size: 12px; line-height: 1.6; } .note.note__2.note__2__mt { margin-top: 20px; } .sty_checkbox .label_ol { width: calc(50% - 10px); line-height: 1.3; } .box_btn_submit ol { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-flow: column-reverse; flex-flow: column-reverse; } .box_btn_submit ol li:last-child { margin-bottom: 20px; } .box_agree .box_agree_ttl { margin-bottom: 25px; } .box_agree .box_agree_text { margin-top: 15px; margin-bottom: 40px; } form { width: 100%; }
  .hatch_tab { display: block; width: 100%; margin: 0 auto 60px; }
  .hatch_tab tbody, .hatch_tab tr { display: block; position: relative; }
  .hatch_tab th, .hatch_tab td { display: block; width: 100%; font-size: 16px; }
  .hatch_tab th { padding: 10px 0; border-bottom: none; }
  .hatch_tab td { margin-bottom: 20px; padding: 10px 0 20px; }
  .hatch_tab input, .hatch_tab textarea { display: block; width: 100%; padding: 10px 15px; }
  .sty_checkbox input[type="checkbox"] { padding: 0px; }
  .sty_checkbox .checkbox-label::before { top: 0px; }
  .sty_checkbox .checkbox-label::after { top: 8px; }
  .sty_radio label:first-child { margin-bottom: 20px; }
  .sty_radio .radio-label::before { top: 0px; }
  .sty_radio .radio-label::after { top: 8px; }
  .btn-cmn-01 { width: 100%; height: auto; padding: 15px; }
  .btn-cmn-01::before { top: 20px; right: 20px; }
  .btn-cmn-01::after { top: 25px; right: 20px; } .input_ol { width: 100%; } .input_ol:first-child { margin-bottom: 20px; } .box_date_picker_single02 td input { margin-bottom: 20px; } .box_date_picker_single02 td .sty_select { margin-bottom: 20px; } img.ui-datepicker-trigger { top: -10px; } .box_tel td .input_ol__1 { margin-bottom: 0; } .box_zip td .td_inner.td_inner__mb { margin-bottom: 20px; } .box_zip td .line-wave { width: 30px; height: 40px; } .box_zip td .input_ol__3 { margin-bottom: 20px; } .box_zip td .el_btn { margin-left: auto; } .box_zip td .sub_ttl { display: block; width: 100%; margin-bottom: 10px; } .box_zip td .note { display: block; padding-left: 0; text-align: right; } .box_zip td .note_link { margin-bottom: 20px; font-size: 16px; } .hatch_tab .box_date_picker_range01 td, .hatch_tab .box_date_picker_range02 td { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .hatch_tab .box_date_picker_range01 td span, .hatch_tab .box_date_picker_range02 td span { width: 100%; }
  .hatch_tab .box_date_picker_range01 td span.line-wave, .hatch_tab .box_date_picker_range02 td span.line-wave { width: 100%; height: 10px; margin-top: 1rem; margin-bottom: 1rem; text-align: center; }
  .hatch_tab .box_tel td { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .hatch_tab .box_tel td span { width: 30%; }
  .hatch_tab .box_tel td span.line-wave { width: 5%; height: 10px; margin-top: 1rem; margin-bottom: 1rem; text-align: center; }
  .hatch_tab .box_tel .note { width: 100%; }
  .hatch_tab .box_tel .error { width: 100%; } .box_btd .sub_ttl { display: block; width: 100%; margin-bottom: 10px; } .box_btd td .sty_select.sty_select__1 { width: calc(100% - 50px); } .box_btd td .sty_select.sty_select__2 { width: calc(50% - 40px); } .box_btd td .sty_select.sty_select__3 { width: calc(50% - 40px); } .box_btd td .ttl_select { width: 30px; height: 40px; } .error_box { width: 100%; } .errorWrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .bl_ttl { margin-bottom: 25px; font-size: 30px; } .bl_text { font-size: 20px; line-height: 1.6; } .ly_form_confirm .bl_text2 { margin-bottom: 40px; font-size: 16px; line-height: 1.6; } .ly_form_confirm .hatch_tab th, .ly_form_confirm .hatch_tab td { padding: 10px 0; line-height: 1.6; } .ly_form_confirm .hatch_tab th { width: 100%; } .ly_form_confirm .hatch_tab td { width: 100%; padding-top: 0; } .ly_form_thanks .bl_ttl { margin-bottom: 30px; font-size: 30px; line-height: 1.5; } .ly_form_thanks .bl_text3 { margin-bottom: 50px; font-size: 16px; line-height: 1.8; } }

@media all  { .sty_select::before { top: -4px; bottom: 0; margin: auto; } .sty_select::before { top: -4px; bottom: 0; margin: auto; } }

@media screen and (max-width: 767px) { .hatch_tab .box_time td { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .hatch_tab .box_time td .sty_select { width: calc(50% - 35px); }
  .hatch_tab .box_time td .ttl_select { height: 40px; margin-top: 1rem; } }

@media all and (min-width: 751px) and (-ms-high-contrast: none)  { .hatch_tab { width: 1000px; }
  td { width: 700px !important; }
  .td_inner { width: 700px !important; }
  .td_inner2 { width: 700px !important; }
  #ui-datepicker-div { width: 362px !important; }
  .icon-required { padding-right: 100px !important; line-height: 1.2 !important; }
  .error_box { margin-top: 10px !important; }
  .note__2.note__2__mt { margin-top: 21px !important; } }

/*----------  20221019 add style   ----------*/
.box_campaign_item .campaign_item_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box_campaign_item .campaign_item_inner .sty_select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 40px; }

.box_campaign_item .campaign_item_inner .el_btn { width: 300px; font-size: 16px; height: 40px; margin-left: 24px; }

@media screen and (max-width: 767px) { .box_campaign_item .campaign_item_inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.box_campaign_item .campaign_item_inner .sty_select { width: 100%; }
	.box_campaign_item .campaign_item_inner .el_btn { margin: 24px 0 0 0; width: 100%; } }

.form_ttl2 {
  margin-top: -80px;
  margin-bottom: 20px;

}
@media screen and (max-width: 750px) {
  .form_ttl2 {
    margin-top: -20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .icon-optional::before { top: 8px; bottom: auto; }
}