@charset "UTF-8";

* { outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline;}
strong { font-weight: bold }
html { line-height: 1 }
ol, ul { list-style: none }
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
a:hover { text-decoration: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {word-break: break-all;-webkit-text-size-adjust: 100%;}
img { vertical-align: top }
body > span[style*="visibility: hidden"] { display: none !important }
main {display: block;max-width: 710px;width: calc(100vw - 20px);margin: auto;padding: 0 15px;}
button { background: none; border: none }
button:focus { outline: none }
input[type="submit"],
input[type="button"],
button { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; background: none }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration { display: none }
input[type="submit"]::focus,
input[type="button"]::focus,
button::focus { outline-offset: -2px }
b { font-weight: bold }
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;padding: 0;background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;box-sizing: border-box;}
select::-ms-expand { display: none }
@-moz-document url-prefix() { .form select { -moz-appearance: none; text-indent: 0.01px; text-overflow: '' } }
p {margin: 1.75em auto 0;}
body {font-family: YakuHanJP, 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', '游ゴシック Medium', 'Yu Gothic Medium', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size: 16px;font-weight: normal;line-height: 1.625;color: #272828;background-image: var(--bg);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
select { cursor: pointer }
a {color: #348e99;}

:root {
  --btnwidth: 40px;
}

@media ( min-width: 481px ) {
  .sp480 {display: none !important;}
}

@media ( min-width: 600px ) {
  .sp599 {display: none !important;}
}

/*= HEADER ===========================================================*/
header { border-bottom: 1px solid #2C344C; margin-bottom: 40px; padding: 0 15px }
#hd-a {grid-area: a;padding-right: 20px;}
#hd-b { grid-area: b }
#hd-c {grid-area: c;}
#hd-inner { max-width: 854px; margin: auto; display: grid; grid-template-areas: "a b" "a c"; grid-template-columns: auto 1fr }
#hd-logo i { font-size: 40px }
#hd-logo {display: block;text-decoration: none;background: #2C344C;color: #fff;text-align: center;padding: 25px 4px 10px;}
#hd-logo-txt { font-size: 10px; line-height: 1; font-weight: normal; margin: 0 auto 5px }
#hd-logo_ribbon { position: absolute; width: 0; bottom: 0; border-style: solid; border-color: #2c344c; border-width: 0 calc(67px / 2) 6px calc(67px / 2); border-bottom-color: transparent }
#hd-logo_wrap { position: relative; width: 67px; padding: 0 0 6px; overflow: hidden; margin-bottom: -10px }
#hd-logo_wrap::after {content: "";position: absolute;right: 3px;top: 0;bottom: 1px;border-right: 1px solid #B7A353;z-index: 1;}
#hd-logo_wrap::before {content: "";position: absolute;left: 3px;top: 0;bottom: 1px;border-left: 1px solid #B7A353;z-index: 1;}
#hd-ttl {font-size: 26px;line-height: 1.3;margin: 0 0 0;font-weight: bold;}
.hd-subttl {margin: 22px 0 0;font-size: 14px;line-height: 1.5;}
.hd-subttl:first-letter { color: #BA2F2D }
/*= HEADER ===========================================================*/



/*= FOOTER ===========================================================*/
footer {background: #348e99;color: #fff;text-align: center;padding: 10px 15px;font-size: 10px;margin-top: 60px;}
/*= FOOTER ===========================================================*/



/*= ADMIN HEADER ===========================================================*/
#hd-admin #hd-inner {grid-template: "a b b e" auto "a c d e" auto / auto auto 1fr auto;}
#hd-d { grid-area: d; padding-left: 20px }
#hd-e { grid-area: e }
#hd-logout i { display: block; font-size: 1.8em; color: #75787A }
#hd-logout { display: flex; height: calc(100% - 22px); text-align: center; font-size: 12px; align-items: center; text-decoration: none; color: inherit; margin-top: 22px }
#hd-logout-str { display: block; margin-top: 5px }
#hd-menu a { display: block; text-decoration: none; color: inherit; position: relative; padding-left: 10px }
#hd-menu a::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(45deg);border: 1px solid #b91111;width: 4px;height: 4px;border-bottom: none;border-left: none;}
#hd-menu li { height: 100%; display: flex; align-items: center }
#hd-menu { height: 100% }
/*= ADMIN HEADER ===========================================================*/



/*= CALENDAR ============================================================*/
#calendar {min-height: 100px;position: relative;margin: 24px auto;}
#calendar-control {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
#calendar-date > * { vertical-align: middle }
#calendar-date {text-align: center;font-size: 18px;color: #3574b6;padding: 0 10px;}
#form select#calendar-date {padding: 0 2em 0 1em;width: fit-content;margin: 0 1em;background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><polygon points="0,0 10,0 5,6" fill="%233574b6"/></svg>') no-repeat right 1rem center;background-size: 12px;border: 1px solid #b2b2b2 !important;}
@media ( max-width: 480px ) {
  #form select#calendar-date {background-size: 8px;margin: 0 0.5em;padding: 0 1em 0 0.5em;background-position: right 0.3rem center;font-size: 4.1vw;}
}
#calendar-next::before {content: "";position: absolute;top: 50%;left: calc(50% - 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(225deg);border-top: none;border-right: none;}
#calendar-prev, #calendar-next {border: 1px solid #3574B6;background: #3574B6;width: 20px;height: 20px;border-radius: 20px;position: relative;cursor: pointer}
#calendar-prev.disable { opacity: .3 !important; pointer-events: none !important }
#calendar-prev::before {content: "";position: absolute;top: 50%;left: calc(50% + 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(45deg);border-top: none;border-right: none;}
#calendar-table del {display: flex;align-items: center;justify-content: center;background: #F2F2F2;margin: 10px 7px;box-shadow: 0 0 4px 0 #ccc inset;min-height: 40px;font-size: 19px;color: #2b344b;cursor: not-allowed;border-radius: 4px;position: relative;}
#calendar-table tbody tr {border-top: 1px solid #DADCE0;border-bottom: 1px solid #DADCE0;background: #fafafa;}
#calendar-table tr > * { text-align: center; position: relative; }
#calendar-table {vertical-align: middle;font-size: 10px;font-weight: normal;line-height: 1;table-layout: fixed;overflow: hidden;}
.calendar_kizami_selectable #calendar-table del {opacity: 0;}
#calendar.loading::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(img/loader.gif) #fff center no-repeat; z-index: 1 }
.cal-selectable_waku {--height: 40px;--margin: 10px;display: flex;align-items: center;justify-content: center;background: #fff;margin: var(--margin) 7px;box-shadow: 0 0 4px 0 #ccc;min-height: var(--height);font-size: 19px;color: #2b344b;cursor: pointer;border-radius: 4px;position: relative;text-indent: -999999px;transition: .6s;}
.cal-selectable_waku.selected, .cal-selectable_waku:hover { border: 1px solid #B7A353 }
.cal-selectable_waku.selected::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background: #2b344b;border-radius: 9999px;}
.cal-selectable_waku::before {content: "";width: 14px;height: 14px;border: 1px solid #2b344b;border-radius: 9999px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.calendar_kizami_selectable .cal-selectable_waku.selected {position: absolute;top: 0;left: 0;right: 0;height: calc( ( var(--height) + var(--margin) * 2 ) * ( var(--riyoujikan) / 30 ) - var(--margin) * 2 + ( 1px * ( var(--riyoujikan) / 30 - 1 ) ) );z-index: 1;}
#calendar-table del::before {content: "×";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #B5B3B3;font-size: 21px;}
.cal-time_column > span { display: block; text-align: left }
.cal-time_column { font-size: 14px; line-height: 1.3; background: #fff; padding: 8px 0 8px 10px; white-space: nowrap }
.calendar-date { display: block; font-size: 20px; font-weight: bold }
.calendar-day { font-size: 12px; display: block; margin-bottom: 5px }
.calendar-day_inner {display: block;color: #333;padding: 7px 0 4px;border-radius: 4px 4px 0 0;margin-left: 2px}
.calendar-head-wave { padding: 0 .3em }
.calendar-timehead i { color: #B8A556; vertical-align: middle; margin-right: 3px }
.calendar-timehead {font-size: 12px;line-height: 1.5;width: 62px;white-space: nowrap;}
#calendar-table thead th {border-bottom: 1px solid #DADCE0;}
.calendar-sat .calendar-day_inner {color: #3574b6;}
.calendar-sun .calendar-day_inner {color: #D83434;}
#calendar-table tr > .calendar-waku-sat {background: #F2FBFD;}
#calendar-table tr > .calendar-waku-sun {background: #FCF1F2;}
.calendar-waku-sat .cal-selectable_waku {color: #003567;}
.calendar-waku-sat .cal-selectable_waku::before {border-color: #003567;}
.calendar-waku-sun .cal-selectable_waku {color: #b91111;}
.calendar-waku-sun .cal-selectable_waku::before {border-color: #b91111;}
.yotei_nasi_column {position: absolute;left: 7px;right: 7px;z-index: 1;cursor: pointer;display: block;align-items: center;justify-content: center;background: #fff;box-shadow: 0 0 4px 0 #ccc;font-size: 11px;color: #2b344b;border-radius: 4px;padding: 10px 3px;}
.yotei_nasi_column:hover {border: 1px solid #B7A353;}
.cal-spacer {display: block;margin: 10px 7px;min-height: 40px;pointer-events: none;}
.yotei_nasi_column.selected, .yotei_nasi_column:hover {border: 1px solid #B7A353;padding: 9px 2px;}
.yotei_nasi_column.selected::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;background: #2b344b;border-radius: 9999px;}
.yotei_nasi_column::before {content: "";width: 14px;height: 14px;border: 1px solid #2b344b;border-radius: 9999px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.form-thedate_field {text-align: center;display: block;}
.ul {text-decoration: underline;}
/*= CALENDAR ============================================================*/



/*= FORM ============================================================*/
#form ::placeholder {font-size: 0.8em;color: #ccc;}
#form .error_msg { font-size: 12px; padding: 0 15px; border: none; margin-top: 10px }
#form input, #form select, #form textarea, .form select {font-family: inherit;font-size: 18px;font-weight: normal;line-height: 1.75;padding: 15px 8px;width: 100%;border: 1px solid #b2b2b2;background: #fff;border-radius: 5px;outline: none;box-sizing: border-box;}
#form input.form-error-field, #form select.form-error-field, #form textarea.form-error-field {border-width: 2px;border-color: #f33}
#form input[type="checkbox"], #form input[type="radio"] {display: inline-block;width: auto;cursor: pointer;}
#form select:focus {border-color: #0013f0;}
#form, .form {margin: 20px auto 0;overflow: hidden;}
#form-buttons { text-align: center; margin: 30px auto }
#form-field_reminder-repeater { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap }
#form-submit {background: #ff9900;color: #fff;font-family: inherit;font-size: 22px;font-weight: bold;padding: 10px;border-radius: 10px;transition: all ease .2s;display: flex;justify-content: center;align-items: center;min-height: 63px;min-width: 450px;margin: auto;max-width: 100%;}
#form-submit:hover {opacity: .7;}
#form-back {background: #9a9a9a;color: #fff;font-family: inherit;font-size: 22px;font-weight: bold;padding: 10px;border-radius: 10px;transition: all ease .2s;display: flex;justify-content: center;align-items: center;min-width: 450px;min-height: 63px;max-width: 100%;margin: 18px auto 0;}
#form-back:hover {opacity: .7;}
.form-back-icon {margin-right: 10px;color: #eee;}
#thedate, #form #thedate, #end_thedate, #form #end_thedate, #end_thedate_display, #form #end_thedate_display {border: none;background: none;text-align: center;font-size: 16px;font-weight: bold;color: #d83434;pointer-events: none;padding: 11px;width: 11em;}
#thedate.form-error-field, #form #thedate.form-error-field { border-color: #f33 }
.error_msg { color: #f33; border: 1px solid; padding: 10px 50px; display: table; margin: auto }
.error_msg::before { content: "\f071"; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #f33; margin-right: 5px }
.form-customers_info_head { border-top: 2px solid #2C344C; padding-top: 10px; font-size: 16px; font-weight: bold }
.form-customers_info_head-icon { color: #baa358; margin-right: 5px; font-size: 1.2em; vertical-align: middle }
.form-customers_info_head-str { vertical-align: middle }
.form-customers_info_head-str2 { vertical-align: middle; font-size: 12px; font-weight: normal; margin-left: 1em }
.form-field_reminder-timing {display: table-row;}
.form-field_reminder-timing_del { cursor: pointer }
.form-notice {display: block;font-size: 18px;line-height: 1.25;color: #333;margin-top: 10px;}
.form-required::after {content: "必須";font-size: 0.8em;font-weight: normal;line-height: 1;display: inline-block;color: #fff;background: #d83434;border-radius: 5px;padding: 4px 13px;margin-left: 0.4em;}
.form-row + .form-row, script + .form-row, #cft {margin-top: 40px;}
.form-row-body {margin-top: 5px;font-size: 18px;}
.form-row-body p {margin-top: 1em;font-size: 16px;}
.form-row-head {font-size: 18px;font-weight: bold;}
.form-submit-icon { font-weight: bold; color: #B7A353; margin-right: 10px; position: relative }
.form-submit-icon::after {content: "";position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;background: #fff;z-index: 0;border-radius: 9999px;}
.form-submit-icon::before { z-index: 1; position: relative }
.form-thedate:not(body) { border: 1px solid #CDCDCD }
.form-thedate:not(body) {border: 1px solid #b2b2b2;padding: 5px;background: none;border-radius: 5px;}
.form-thedate:not(body).form-error-field { border-width: 2px; border-color: #f33 }
.form-thedate_body:not(body) { margin: 0 }
.form-thedate_head:not(body) { background: #2C344C; color: #fff; font-size: 16px; font-weight: bold; padding: 6px 10px }
.form-thedate_head:not(body)::before { display: none }
.form-thedate_icon { color: #B4A153; margin-right: 8px }
.form-required-mark {color: #ff0000;}
.form-exp {margin: 1em auto 0 !important;}
#form-submit.loading {background: rgb(36 153 47 / .3);position: relative;}
#form-submit.loading::before {content: "";position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;background: url(./img/loader.gif) center/contain no-repeat;z-index: 99999;}
#form-submit.loading i {opacity: .3;}
#form-error {padding: 0 20px;font-size: 16px;font-weight: normal;line-height: 1.75;background: #f33;color: #fff;text-align: center;opacity: .7;cursor: pointer;}
#form-success {padding: 0 20px;font-size: 16px;font-weight: normal;line-height: 1.75;background: #4caf50;color: #fff;text-align: center;opacity: .7;cursor: pointer;}
#form-smtpsuccess {padding: 0 20px;font-size: 16px;font-weight: normal;line-height: 1.75;background: #4c52af;color: #fff;text-align: center;opacity: .7;cursor: pointer;}
.required_field.form-error-field {border: 2px solid #f33;padding: 1em 1em 0;margin-bottom: 0;}
.custom_field_radiobtn {color: #ccc;min-width: 5.5em;border: 1px solid #eee;border-radius: 4px;background: #fff;font-weight: bold;line-height: 1.3;text-align: center;padding: 10px;cursor: pointer;box-shadow: 0 0 10px #d1d1d1;transition: all ease .3s;}
:checked + .custom_field_radiobtn, .custom_field_radiobtn:hover {border-color: #B7A253;color: #373737;}
.custom_field_wrap input[type="radio"] {display: none !important;}
.custom_field_wrap {display: flex;flex-wrap: wrap;margin-bottom: -1em;}
#form.loading {pointer-events: none;opacity: .5;}
#form.loading::after {content: "";position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(img/loader.gif) center no-repeat;z-index: 1;}
.custom_field_wrap > label {margin: 0 1em 1em 0;}
.form-field label {cursor: pointer;}
#event_list_table tr {opacity: 1;transition: all ease .6s;}
#event_list_table tr.deleting {opacity: 0;}
#event_list_wrap {position: relative;}
#event_list_wrap.loading::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #fff;opacity: .3;}
#event_list_wrap.loading::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(/css/img/loader.gif) center no-repeat;}
#custom_field_wrap > .form-field + .form-field {margin-top: 30px;}
#custom_field_wrap .form-field {display: block;}
.custom_field_add span {display: inline-block;text-align: left;text-indent: -99999vw;overflow: hidden;width: 20px;height: 20px;border: 2px solid #888;border-radius: 9999px;background: #fff;position: relative;cursor: pointer;}
.custom_field_add span::before {content: "";position: absolute;top: 2px;left: calc(50% - 1px);width: 2px;bottom: 2px;background: #888;}
.custom_field_add span::after {content: "";position: absolute;left: 2px;top: calc(50% - 1px);height: 2px;right: 2px;background: #888;}
.custom_field_add {text-align: center;margin-top: 30px;}
.event_cancel button {font-size: 10px;white-space: nowrap;border: 1px solid #888;background: #fff;line-height: 1;padding: 3px 5px;border-radius: 4px;cursor: pointer;}
.event_list_table-cancel {width: 10px;}
.event_cancel {display: table;margin: auto;}
.il_field { width: 5em !important; margin: 0 1em !important }
.datetime_field {width: 11em !important;}
.form-row label {}
.form-kosyu_list-head::before {content: counter(kosyu_list);position: absolute;top: 5px;left: 0;width: 20px;font-size: 14px;line-height: 1;height: 20px;display: flex;align-items: center;justify-content: center;border-radius: 4px;background: #348e99;color: #fff;}
.form-kosyu_list {counter-reset: kosyu_list;}
.form-school-schedule {border: 1px solid #348e99;margin-top: 30px;padding: 30px;}

.form-field.form-radio-field2 {display: block;}
.form-radio-field2-head {display: block;font-size: 0.9em;margin-top: 10px;font-weight: bold;}
.form-radio-field2-inner {--num: 3;--gap: 5px;display: flex;flex-wrap: wrap;margin-top: 5px;gap: var(--gap);font-size: 0.9em;}
.form-radio-field2-inner.form-error-field {border: 2px solid #ff3333;}
.form-radio-field2-item {user-select: none;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;border: 1px solid #b2b2b2;border-radius: 5px;padding: 10px 10px 10px 35px;font-size: 14px;font-weight: normal;line-height: 1.125;position: relative;min-height: 40px;}
.form-radio-field2 input:focus + .form-radio-field2-item {border: 1px solid #888;}
.form-radio-field2 label {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.form-radio-field2 input {display: none !important;}
.form-radio-field2-item::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 18px;height: 18px;background: #c8e8e8;border-radius: 9999px;}
.form-radio-field2-item:hover {border-color: #348e99;}
:checked + .form-radio-field2-item {background: #fff;opacity: 1;}
:checked + .form-radio-field2-item::before {background: url(/img/icon-check-white.svg) center/18px 9px no-repeat #348e99;}

.form-field.form-checkbox-field2 {display: block;}
.form-checkbox-field2-head {display: block;font-size: 0.9em;margin-top: 10px;font-weight: bold;}
.form-checkbox-field2-inner {--num: 3;--gap: 5px;display: flex;flex-wrap: wrap;margin-top: 5px;gap: var(--gap);font-size: 0.9em;}
.form-checkbox-field2-inner.form-error-field {border: 2px solid #ff3333;}
.form-checkbox-field2-item {user-select: none;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;border: 1px solid #b2b2b2;border-radius: 5px;padding: 10px 10px 10px 35px;font-size: 14px;font-weight: normal;line-height: 1.125;position: relative;min-height: 40px;}
.form-checkbox-field2 input:focus + .form-checkbox-field2-item {border: 1px solid #888;}
.form-checkbox-field2 label {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.form-checkbox-field2 input {display: none !important;}
.form-checkbox-field2-item::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 18px;height: 18px;background: #c8e8e8;border-radius: 9999px;}
.form-checkbox-field2-item:hover {border-color: #348e99;}
:checked + .form-checkbox-field2-item {background: #fff;opacity: 1;}
:checked + .form-checkbox-field2-item::before {background: url(/img/icon-check-white.svg) center/18px 9px no-repeat #348e99;}

.form-field.form-checkbox-field3 {display: block;}
.form-checkbox-field3-head {display: block;font-size: 0.9em;margin-top: 10px;font-weight: bold;}
.form-checkbox-field3-inner {--num: 2;--gap: 5px;display: flex;flex-wrap: wrap;margin-top: 5px;gap: var(--gap);font-size: 0.9em;}
.form-checkbox-field3-inner.form-error-field {border: 2px solid #ff3333;}
.form-checkbox-field3-item {user-select: none;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;border: 1px solid #b2b2b2;border-radius: 5px;padding: 10px 10px 10px 35px;font-size: 14px;font-weight: normal;line-height: 1.125;position: relative;min-height: 40px;}
.form-checkbox-field3 input:focus + .form-checkbox-field3-item {border: 1px solid #888;}
.form-checkbox-field3 label {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.form-checkbox-field3 input {display: none !important;}
.form-checkbox-field3-item::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 18px;height: 18px;background: #c8e8e8;border-radius: 9999px;}
.form-checkbox-field3-item:hover {border-color: #348e99;}
:checked + .form-checkbox-field3-item {background: #fff;opacity: 1;}
:checked + .form-checkbox-field3-item::before {background: url(/img/icon-check-white.svg) center/18px 9px no-repeat #348e99;}

.events_bikou_update_btn {background: #000;color: #fff;border-radius: 5px;padding: 5px 20px;cursor: pointer;display: inline-block;vertical-align: top;font-size: 14px;margin-left: 10px;transition: .3s;}
.events_bikou_update_btn:hover {opacity: .7;}
#confirm_bikou {width: calc(100% - 140px);height: calc(1.75em * 5);font-family: inherit;}

.form-field-seimei {display: flex;gap: 1em;}
/*= FORM ============================================================*/



/*= COMMON ============================================================*/
body.loading { position: relative;}
body.loading::after {content: "";position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: url(img/loader.gif) rgb(255 255 255 / 70%) center no-repeat;z-index: 999999;}

main > :first-child { margin-top: 0 !important }
#error_msg { color: #f33; border: 1px solid; padding: 30px; text-align: center }
#event_list_table td {padding: 5px;text-align: justify;vertical-align: top;}
#event_list_table thead th {background: #2C344C;color: #fff;font-size: 14px;font-weight: bold;line-height: 1.4;padding: 3px 10px;white-space: nowrap;cursor: pointer;user-select: none;}
#event_list_table thead th.selected::after {content: "▼";margin-left: 0.5em;}
#event_list_table thead th.selected_reverse::after {content: "▲";margin-left: 0.5em;}
#event_list_table thead th.cant_sort {pointer-events: none;}
#event_list_table tr:nth-child(odd) { background: #FAFAFA }
#event_list_table { border: 1px solid #CDCDCD }
#event_list_table td:nth-child(n+2) {border-left: 1px solid #ccc;}
#event_list_table tbody > tr:nth-child(n+2) {border-top: 1px solid #ccc;}
#msg { color: #b91111; border: 1px solid; padding: 30px 60px; font-size: 16px }
#msg::before {content: "\f071";font-family: 'Font Awesome 5 Free';font-weight: 900;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;margin-right: 15px;font-size: 1.3em;}
#select_calendar { border: 1px solid #CDCDCD; width: 100%; padding: 10px 50px 10px 15px; background: #FAFAFA; font-size: 14px }
#select_calendar_wrap { position: relative }
#select_calendar_wrap::after {content: "";position: absolute;top: 50%;right: 21px;width: 0;height: 0;border: 5px solid #2C344C;border-width: 5px 5px 0 5px;border-color: #2C344C transparent transparent transparent;transform: translateY(-50%);pointer-events: none;z-index: 1;}
#select_calendar_wrap::before {content: "";position: absolute;top: 50%;right: 15px;width: 20px;height: 20px;background: #FFFFFF;border: 1px solid #CDCDCD;transform: translateY(-50%);border-radius: 3px;pointer-events: none;}
.brown { color: #B7A353 !important }
.btn-white {display: inline-block;border: 1px solid #E8E8E8;font-size: 14px;font-weight: normal;line-height: 1;white-space: nowrap;text-decoration: none;color: #333;padding: 11px 14px 11px 22px;position: relative;transition: all ease .3s;background: #fff;}
.btn-white::before {content: "";position: absolute;top: 50%;left: 6px;transform: translateY(-50%) rotate(45deg);border: 1px solid #C14443;border-bottom: none;border-left: none;width: 6px;height: 6px;}
.btn-white:hover { opacity: .5 }
.btn_back { background: #9E9E9E; color: #fff; font-family: inherit; font-size: 18px; padding: 20px 120px; border-radius: 10px; transition: all ease .2s }
.btn_back:hover { background: #adadad }
.btns3 > * { margin: 10px }
.btns3 { display: flex; justify-content: center; align-items: center }
.center { text-align: center !important }
.disable { opacity: .3 !important; pointer-events: none !important }
.event_list_table-end {width: 10px;white-space: nowrap;}
.event_list_table-comment {width: calc(100% / 7)}
.event_list_table-company {width: auto;}
.event_list_table-email {width: calc(100% / 7)}
.event_list_table-name {width: auto;}
.event_list_table-tel {width: calc(100% / 7)}
.event_list_table-timestamp {width: 10px;white-space: nowrap;}
.event_list_table-edit {width: 10px;white-space: nowrap;}
.hd_topline {border-top: 2px solid #2C344C;padding-top: 5px;font-size: 16px;font-weight: bold;margin: 30px 0;display: flex;justify-content: space-between;}
.hd_topline > p {margin: 0 !important;}
.hd_ttl { font-size: 26px; font-weight: bold; line-height: 1.4; margin: 60px auto 30px }
.hidden { display: none !important }
.loading-icon { background: url(./img/loader.gif) center no-repeat; display: inline-block; width: 100px; height: 100px }
.red {color: #d83434 !important;}
.red a {color: inherit;}
.spacer-100 { height: 100px }
.spacer-50 { height: 50px }
.spacer-80 { height: 80px }
.spacer-20 { height: 20px }
.tbl_pagelist a { text-decoration: none }
.tbl_pagelist a:hover { text-decoration: underline }
.tbl_pagelist td { font-size: 12px; font-weight: bold; vertical-align: middle; width: 10px; white-space: nowrap; padding: 0 10px }
.tbl_pagelist th { font-size: 14px; vertical-align: middle; padding: 10px 10px }
.tbl_pagelist tr:nth-child(odd) { background: #FAFAFA }
.tbl_pagelist { border: 1px solid #CDCDCD }
.tbl_pagelist_copy { cursor: pointer }
.tbl_pagelist_copy:hover { text-decoration: underline }
.tbl_pagelist_edit { cursor: pointer }
.tbl_pagelist_edit:hover { text-decoration: underline }
.tbl_result tr + tr { border-top: 1px solid #DADCE0 }
.word {display: inline-block !important;}
.fp {font-size: 16px;font-weight: normal;line-height: 1.75;text-align: justify;}
.fp > section {margin: 60px 0;}
.fp h1 {font-size: 28px;font-weight: bold;line-height: 1.2;margin: 60px 0 10px;}
.fp ul {list-style: disc;padding-left: 1.5em;}
.fp li:nth-child(n+2) {margin-top: 30px;}
.fp h2 {font-size: 18px;font-weight: bold;margin: 40px 0 10px;}
.left { text-align: left !important }
.right { text-align: right !important }
.mt0 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt70 {margin-top: 70px !important;}
.mt80 {margin-top: 80px !important;}
.mt90 {margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}
.ml0 {margin-left: 0px !important;}
.mr0 {margin-right: 0px !important;}
/*= COMMON ============================================================*/

#fn { background: #000; color: #fff; font-size: 14px; line-height: 1.5; padding: 0; display: flex; justify-content: space-between; align-items: center; margin: 0 auto 30px }
#fn-accont-menu a { display: block; color: #fff; text-decoration: none; padding: 5px 15px }
#fn-accont-menu { display: block; position: absolute; top: 100%; right: 0; height: 0; background: #000; color: #fff; text-decoration: none; overflow: hidden; min-width: 100%; text-align: center; white-space: nowrap }
#fn-account > i { padding: 5px 0 5px 10px }
#fn-account { display: flex; align-items: center; position: relative }
#fn-account-username { cursor: pointer; padding: 5px 10px }
#fn-account:hover #fn-accont-menu { height: auto }
#fn-accoutn-logout:hover { background: #f33 }
#fn-accoutn-setname:hover { background: #009688 }
#fn-public-link { color: #fff; text-decoration: none }
#fn-public-link:hover { text-decoration: underline }
#fn-sitetitle { padding: 5px 10px }
#reminder-timing_add { cursor: pointer; background: #4CAF50; color: #fff; padding: 0 15px; border-radius: 5px }
#reminder-timing_preview {display: table;border-collapse: collapse;font-size: 16px;margin-top: 10px;}
#select_calendar_errormsg { color: #f33; border: 1px solid; padding: 15px 30px; text-align: center; margin-top: 10px }
#signin-btns > li { margin: 30px 0 }
#signin-btns {max-width: 240px;margin: auto;}
.g-signin2 { display: flex; justify-content: center; align-items: center }
.information_table td { border: 1px solid #888; padding: 10px; text-align: center }
.information_table th { border: 1px solid #888; padding: 10px; text-align: center; background: #000; color: #fff }
.information_table {max-width: 820px;margin: auto;table-layout: fixed;}
.signin-btns_btn { display: block; background: #f44242; color: #fff; text-decoration: none; padding: 12px 40px; min-width: 240px; text-align: center; transition: all ease .3s }
.signin-btns_btn:hover { background: #fe6969 }
.tbl_result th {width: 10em;background: #FAFAFA;}
.tbl_result tr > * {font-size: 16px;padding: 17px 16px;}
.tbl_result {margin: 40px auto 60px;border: 1px solid #CDCDCD;background: #fff;}
#hd-user_name {position: relative;}
#hd-user_name-field {position: absolute;top: calc(100% - 10px);left: 10px;background: #fafafa;padding: 30px;border: 1px solid;}
#hd-user_name-field input {font-family: inherit;padding: 5px 10px;margin-right: 10px;}
#hd-user_name-field-submit {background: #16561c;color: #fff;border-radius: 5px;padding: 5px 10px;font-family: inherit;}
#hd-user_name-field-close {position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;cursor: pointer;}
#hd-user_name-field-close::before, #hd-user_name-field-close::after {content: "";position: absolute;top: calc(50% - 1px);left: 4px;right: 4px;height: 1px;background: #888;}
#hd-user_name-field-close::before {transform: rotate(45deg);}
#hd-user_name-field-close::after {transform: rotate(-45deg);}
#hd-user_name-field-success {background: #4CAF50;padding: 0px 10px;font-size: 14px;font-weight: normal;line-height: 1.75;color: #Fff;margin: 10px auto 0;}
#hd-user_name-field-error {background: #f33;padding: 0px 10px;font-size: 14px;font-weight: normal;line-height: 1.75;color: #Fff;margin: 10px auto 0;}
.custom_field_del {width: 30px;cursor: pointer;margin: auto;border: 1px solid #888;border-radius: 4px;font-size: 10px;text-align: center;background: #fff;transition: .15s;}
.btn_yes_no {display: flex;justify-content: center;}
.btn_yes_no button {color: #fff;border: 2px solid #fff;border-radius: 0;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);box-shadow: 0 5px 10px rgba(0, 0, 0, .1);margin: 0 20px;padding: 5px 20px;min-width: 10em;text-align: center;}
.btn_yes {background: #f33;}
.btn_no {background: #888;}
#cancel.loading {position: relative;opacity: .7;}
#cancel.loading::before {content: "";position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;background: url(./img/loader.gif) center/420px 420px no-repeat;z-index: 99999;}

.notification_area {position: fixed;top: 0;left: 0;right: 0;}
.btns4 {margin-bottom: 0 !IMPORTANT;display: flex;justify-content: flex-end;}
.btn-tab {border: 1px solid #cdcdcd;border-bottom: none;text-decoration: none;color: inherit;padding: 0 10px;transition: .3s;border-radius: 8px 8px 0 0;}
.tbl_pagelist_current {width: 1em;padding: 10px 0 10px 10px !important;}
.form-notice ul {list-style: disc;padding-left: 1.5em;margin-top: 10px;}
.form-notice li + li {margin-top: 10px;}
.form-select_wrapper {position: relative;}
.form-select_wrapper::after {content: '<>';font: 17px "Consolas", monospace;color: #333;transform: rotate(90deg) translateX(-50%);right: 11px;top: 50%;padding: 0 0 2px;border-bottom: 1px solid #999;position: absolute;pointer-events: none;}
select::-ms-expand {display: none;}
#form select {padding-right: 45px;}
#reminder-timing_tani {box-sizing: content-box !important;width: 2.5em !important;}
.popup {text-decoration: underline;color: #33f;cursor: pointer;}
.popup:hover {text-decoration: none;}
.modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);display: flex;justify-content: center;align-items: center;padding: 20px;cursor: pointer;opacity: 0;pointer-events: none;transition: .6s;}
.modal.active {opacity: 1;pointer-events: auto;}
.modal img {max-width: 100%;max-height: 100%;}
.tbl_pagelist_calname, .tbl_pagelist_current {cursor: pointer;}
#calendar_setting {border-top: 4px solid #DADCE0;padding: 20px 0 0;margin-top: 50px;}
#calendar_setting .form-row {background: #efefef;padding: 15px;}
.btn_copy {display: inline-block;border: 1px solid #2b344b;border-radius: 3px;font-size: 12px;line-height: 1;padding: 3px 10px;cursor: pointer;}
.hd_setting {position: relative;display: table;margin: 80px 0 20px;font-size: 20px;font-weight: bold;padding: 0 20px 0 0;}
.hd_setting::after {content: "";position: absolute;top: 50%;border-bottom: 3px double #888;left: 100%;right: -9999px;}
#calendar_setting #form label {font-weight: bold;}
#custom_field_wrap2 {background: #fff;border-radius: 10px;}
#custom_field_wrap2 thead th {font-weight: bold;}
#custom_field_wrap2 tr > * {padding: 10px;border: 1px solid #ccc;}
#custom_field_wrap2 tr > *:not(:last-child):not(:first-child) {vertical-align: top;}
#calendar_setting main {max-width: 1024px;}
#custom_field_wrap2 tbody tr > :first-child {text-align: center;}
.custom_field_del:hover {background: #d33;color: #fff;border-color: #d33;}
.form_table {background: #e9fad5;margin: 20px 0;border-radius: 10px;}
.form_table th {padding: 20px 0 20px 20px;font-size: 16px;width: 10px;white-space: nowrap;vertical-align: top;}
.form_table td {padding: 20px;}
#reminder-timing_value {width: auto !important;margin-left: 1em;}
.reminder-timing_preview-ttl {margin: 20px 0 0 !important;}
.form-field_reminder-timing > * {display: table-cell;}
.form-field_reminder-timing_del {width: 10px !important;white-space: nowrap;color: #B10B04;font-size: 14px;}
.form-field_reminder-timing_del:hover {color: #d33;}
.form-simekiri-wrap > span {display: block;padding: 20px;}
.form-simekiri-wrap > span + span {border-top: 1px solid #ccc;}
#start_time, #close_time {width: 5em !important;text-align: center;}
#kizami_min {width: 5em !important;text-align: center;}
#buffer_before, #buffer {width: 5em !important;text-align: center;}
input:checked + .check_stylish .check_stylish-off {color: #fff;background: #fff;}
input:checked + .check_stylish .check_stylish-on {color: #fff;}
.check_stylish .check_stylish-off {color: #000;position: relative;}
.check_stylish .check_stylish-on {color: #fff;position: relative;}
.check_stylish-inner {display: flex;position: relative;background: #fff;}
.check_stylish {display: inline-block;border: 1px solid #cdcdcd;border-radius: 4px;overflow: hidden;vertical-align: middle;width: 100px;height: 29px;background: #EEEEEE;position: relative;transition: .3s;cursor: pointer;}
.check_stylish-inner > span {padding: 2px 15px;transition: .3s;}
.holiday_fields-row {display: block;}
.holiday_fields-row:not(:last-child) {margin-bottom: 15px;}
.check_stylish-inner::before {content: "外す";position: absolute;top: 0;left: 0;bottom: 0;width: 50%;background: #eee;transition: .3s;display: flex;align-items: center;justify-content: center;}
input:checked + .check_stylish .check_stylish-inner::before {left: 50%;background: #3f536a;}
.check_stylish::before {content: "外す";display: flex;height: 100%;justify-content: center;align-items: center;padding: 0 50% 0 0;}
.check_stylish.check_stylish-onoff::before {content: "無効";}
.check_stylish div {position: absolute;top: 3px;right: 3px;bottom: 3px;width: 18px;border: 1px solid #cdcdcd;background: #fff;border-radius: 4px;transition: .3s;width: 45%;}
input:checked + .check_stylish {background: #3F536A;color: #fff;}
input:checked + .check_stylish::before {content: "含む";padding: 0 0 0 50%;}
input:checked + .check_stylish.check_stylish-onoff::before {content: "有効";}
input:checked + .check_stylish div {right: 49px;border-color: #3f536a;}
.holiday_fields-row input {display: none !important;}
.form-field_reminder-timing_del::after {content: "削除";}
.form-field_reminder-timing_value::before {content: "・";}
.form-field_reminder-timing_del > i {margin-right: 8px;}
.form-field_reminder-timing_value {padding-right: 30px;}
.holiday_fields .check_stylish::before {content: "平日";}
.holiday_fields input:checked + .check_stylish::before {content: "休日";}
.yoyakugo_list li::after {content: "\f0c5";font-family: "Font Awesome 5 Free";display: inline-block;margin-left: 0.5em;}
.yoyakugo_list li {cursor: pointer;position: relative;min-width: 45%;padding-left: 1.5em;margin: 0 0 15px !important;font-size: 16px;}
.yoyakugo_list li:hover {text-decoration: underline;}
.yoyakugo_list-alert::before {content: "コピーしました";font-size: 12px;}
.yoyakugo_list-alert {position: absolute;bottom: 100%;left: 20px;background: #888;border-radius: 4px;color: #fff;padding: 2px 10px;line-height: 1;}
.yoyakugo_list {display: flex;flex-wrap: wrap;padding: 0 !important;list-style: none !important;}
.yoyakugo_list li::before {content: "・";font-weight: bold;position: absolute;left: 0;}
.yoyakugo_list_kakutei [data-yoyakugo*="CUSTOMER_EMAIL"],
.yoyakugo_list_kakutei [data-yoyakugo*="POST_DATA"],
.yoyakugo_list_kakutei [data-yoyakugo*="KOSYU_LIST"],
.yoyakugo_list_kakutei [data-yoyakugo*="REMINING_TIME"],
.yoyakugo_list_kariyoyaku [data-yoyakugo*="REMINING_TIME"],
.yoyakugo_list_cancel [data-yoyakugo*="REMINING_TIME"],
.yoyakugo_list_cancel [data-yoyakugo*="POST_DATA"],
.yoyakugo_list_cancel [data-yoyakugo*="KOSYU_LIST"],
.yoyakugo_list_reminder [data-yoyakugo*="POST_DATA"],
.yoyakugo_list_reminder [data-yoyakugo*="KOSYU_LIST"] {display: none;}

#progress.loading::after {content: "";display: block;background: url(img/loader.gif) center/120px 120px no-repeat;width: 30px;height: 30px;}

.success {color:#3d3;}

.new_release {
  width: 1024px;
  padding: 0 15px;
  margin: auto;
  text-align: right;
}

.new_release a {
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
  padding: 0 10px;
  text-decoration: none;
  font-size: 12px;
}

#normal_field_setting .check_stylish::before {
  content: "無効";
}

#normal_field_setting input:checked + .check_stylish::before {
  content: "有効";
}


@media ( max-width: 768px ) {
  #fn-account-username { font-size: 10px }
  #fn-sitetitle { font-size: 10px }
  #public-url { display: grid; grid-template-areas:"head head" "url copy" }
  #public-url_head { grid-area: head; border-bottom: none }
  #public-url_url { grid-area: url; border-left: 1px solid; font-size: 14px; line-height: 1.5; padding: 5px }
  #public_url_copy { grid-area: copy; height: 100%; font-size: 14px; line-height: 1.5 }
  .pc-only { display: none !important }
}



@media ( max-width: 710px ) {
  #calendar-table del {margin: 5px 3px;min-height: 30px}
  .cal-selectable_waku { --height: 30px;--margin: 5px;margin-left: 3px;margin-right: 3px;}
  .cal-selectable_waku.selected::after { width: 7px; height: 7px }
  .cal-selectable_waku::before { width: 10px; height: 10px }
  .cal-time_column { font-size: 2vw; padding: 4px 0 4px 10px }
  .calendar-date { font-size: 4vw }
  .calendar-day { font-size: 10px }
  .calendar-timehead { font-size: 2vw; width: auto }
  .tbl_result tr > * { padding: 10px 15px; min-height: 1em; box-sizing: content-box }
  .tbl_result, .tbl_result * { display: block; width: auto !important; max-width: none !important }
}



@media ( max-width: 425px ) {
  #form-submit { padding: 15px; width: 100% }
  #msg {padding: 15px 20px;}
}



@media ( max-width: 375px ) {
  #thedate, #form #thedate { font-size: 11px }
}





#smtpcheck:not(:checked) + * {
  display: none;
}

.tbl_normal_field {
  width: auto;
}

.tbl_normal_field tr > *:nth-child(n+2) {
  padding-left: 1em;
}

.tbl_normal_field tbody tr > * {
  padding-top: 1em;
  text-align: center;
}

.tbl_normal_field tbody tr > *:first-child {
  text-align: right;
}

.pagenavi a {
  color: #2c344c;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  border: 1px solid;
  text-decoration: none;
  padding: 5px 20px 5px 40px;
  border-radius: 5px;
  position: relative;
  transition: .3s;
}

.pagenavi a i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.pagenavi a:hover {
  background: #2c344c;
  color: #fff;
  border-color: #2c344c;
}

.pagenavi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#form-error * {
  margin: 0 auto !important;
  border: none !important;
  color: #fff !important;
  padding: 0 !IMPORTANT;
}

#smtp_test.loading {
  opacity: .3;
  pointer-events: none;
}

.form-testmail {
  display: flex;
  align-items: center;
}

#smtp_test {
  background: #33f;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
  transition: .3s;
  margin-left: 10px;
}

#smtp_test:hover {
  background: #66f;
}

.form-testmail .form-field {
  flex-grow: 1;
}

.select_box {appearance: auto !important;border: 1px solid;font-size: 18px;padding: 10px;width: 100%;}
.custom_field_test {display: table;width: 100%;}
.custom_field_test-row {display: table-row;}
.custom_field_test-row > * {display: table-cell;}
.custom_field_test-number img {width: 10px;opacity: 0.3;vertical-align: middle;margin-right: 8px;cursor: grab;}
.custom_field_test-number {padding-right: 5px;width: 15px;}

.custom_field_test-add span {display: inline-block;text-align: left;text-indent: -99999vw;overflow: hidden;width: 20px;height: 20px;border: 2px solid #888;border-radius: 9999px;background: #fff;position: relative;cursor: pointer;}
.custom_field_test-add span::before {content: "";position: absolute;top: 2px;left: calc(50% - 1px);width: 2px;bottom: 2px;background: #888;}
.custom_field_test-add span::after {content: "";position: absolute;left: 2px;top: calc(50% - 1px);height: 2px;right: 2px;background: #888;}
.custom_field_test-add {text-align: center;margin-top: 30px;}

.custom_field_test-type select {
  vertical-align: baseline;
}

.custom_field_test_del {width: 30px;cursor: pointer;margin: auto;border: 1px solid #888;border-radius: 4px;font-size: 10px;text-align: center;background: #fff;transition: .15s;}
.custom_field_test_del:hover {background: #d33;color: #fff;border-color: #d33;}
.cft_checkbox_wrap {display: flex;gap: 5px;flex-wrap: wrap;}
.cft_checkbox_wrap label {width: 100%;cursor: pointer;user-select: none;}
.custom_field_checkboxbtn {display: inline-block;vertical-align: middle;}
.cft_checkbox_wrap input {vertical-align: middle;margin-right: 10px;}
.cft_checkbox_wrap.required_field.form-error-field {padding-bottom: 1em;}

.tenpo_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.tenpo_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.tenpo_modal-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;}
.tenpo_modal-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.tenpo_modal-btn {border: 1px solid #888;background: #00db3f;border-radius: 8px;margin-top: 10px;padding: 5px 20px;}
.modal_active .tenpo_modal {opacity: 1;pointer-events: auto;}
.modal_active .tenpo_modal-view {transform: translateY(0);}
.tenpo_modal2 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.tenpo_modal2-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.tenpo_modal2-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;}
.tenpo_modal2-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.tenpo_modal2-btn {border: 1px solid #888;background: #00db3f;border-radius: 8px;margin-top: 10px;padding: 5px 20px;}
.modal2_active .tenpo_modal2 {opacity: 1;pointer-events: auto;}
.modal2_active .tenpo_modal2-view {transform: translateY(0);}
.tenpo_table-add {display: inline-block;background: #d5f7d8;border-radius: 8px;padding: 10px 40px;cursor: pointer;margin-top: 20px;}
.tenpo_table {table-layout: fixed;}
.tenpo_table tr > * {border: 1px solid #808cad;padding: 5px 10px;}
.tenpo_table tr > :nth-child(1) {width: 40em;}
.tenpo_table tr > :nth-child(2) {text-align: center;}
.tenpo_table thead tr > * {background: #ecf0fc;font-weight: bold;}
.tenpo_table-btns {display: flex;flex-wrap: wrap;gap: 5px;justify-content: center;font-size: 10px;}
.tenpo_table-update {border: 1px solid #8fc18d;background: #cfc;padding: 1px 12px;border-radius: 8px;cursor: pointer;}
.tenpo_table-del {border: 1px solid #ffacac;background: #fcc;padding: 1px 12px;border-radius: 8px;cursor: pointer;}

.kosyu_modal,
.kosyu_modal2 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.kosyu_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.kosyu_modal-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;}
.kosyu_modal-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.kosyu_modal-btn, .kosyu_modal-concurrent_btn {border: 1px solid #aaffc5;background: #ccffdc;border-radius: 8px;margin-top: 10px;padding: 5px 20px;cursor: pointer;display: inline-block;}
.kosyu_modal-concurrent_btn.disabled {background: #888;border: none;cursor: no-drop;}
.modal_active .kosyu_modal,
.modal_active2 .kosyu_modal2 {opacity: 1;pointer-events: auto;}
.modal_active .kosyu_modal-view,
.modal_active2 .kosyu_modal-view {transform: translateY(0);}
.kosyu_table-add {display: inline-block;background: #d5f7d8;border-radius: 8px;padding: 10px 40px;cursor: pointer;margin-top: 20px;}
.kosyu_table tr > * {border: 1px solid #808cad;padding: 5px 10px;}
.kosyu_table tr > :nth-child(1) {width: 6em;}
.kosyu_table tr > :nth-child(2) {width: 11em;}
.kosyu_table tr > :nth-child(5) {width: 5em;}
.kosyu_table thead tr > * {background: #ecf0fc;font-weight: bold;text-align: center;}
.kosyu_table-del {border: 1px solid #ffacac;background: #fcc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;}
.kosyu_table-edit {border: 1px solid #8fc18d;background: #cfc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;}
.kosyu_table2 {table-layout: fixed;width: 760px;max-width: 100%;}
.kosyu_table2 tr > * {border: 1px solid #5e82bd;padding: 5px 10px;}
.kosyu_table2 th {background: #ecefff;font-weight: bold;width: 8em;}
.kosyu_table2 select {border: 1px solid;padding: 3px 10px;font-size: 18px;width: 100%;}
.kosyu_table2 input {padding: 3px 10px;font-size: 18px;width: 100%;}

.kosyu_table-license {table-layout: fixed;}
.kosyu_table-license tr > :nth-child(1) {width: 5em !important;text-align: center;}
.kosyu_table-license tr > :nth-child(2) {width: auto !important;}
.kosyu_table-license tr > :nth-child(3) {width: 8em !important;text-align: center;}

.license_modal,
.license_modal2 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.license_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.license_modal-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;}
.license_modal-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.license_modal-btn {border: 1px solid #aaffc5;background: #ccffdc;border-radius: 8px;margin-top: 10px;padding: 5px 20px;}
.license_modal_active .license_modal,
.license_modal_active2 .license_modal2 {opacity: 1;pointer-events: auto;}
.license_modal_active .license_modal-view,
.license_modal_active2 .license_modal-view {transform: translateY(0);}
.license_table-add {display: inline-block;background: #d5f7d8;border-radius: 8px;padding: 10px 40px;cursor: pointer;margin-top: 20px;}
.license_table tr > * {border: 1px solid #808cad;padding: 5px 10px;}
.license_table tr > :nth-child(1) {width: 11em;}
.license_table tr > :nth-child(2) {width: 5em;}
.license_table tr > :nth-child(5) {width: 5em;}
.license_table thead tr > * {background: #ecf0fc;font-weight: bold;}
.license_table-del {border: 1px solid #ffacac;background: #fcc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;}
.license_table-edit {border: 1px solid #8fc18d;background: #cfc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;}
.license_table2 {table-layout: fixed;width: 760px;max-width: 100%;}
.license_table2 tr > * {border: 1px solid #5e82bd;padding: 5px 10px;}
.license_table2 th {background: #ecefff;font-weight: bold;width: 8em;}
.license_table2 select {border: 1px solid;padding: 3px 10px;font-size: 18px;width: 100%;}
.license_table2 input {padding: 3px 10px;font-size: 18px;width: 100%;}

.instructor_modal,
.instructor_modal2,
.instructor_modal3 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.instructor_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.instructor_modal-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;overflow-y: auto;max-height: 90vh;}
.instructor_modal-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.instructor_modal-btn,
.instructor_modal-kosyuselect,
.instructor_table2-kosyu {border: 1px solid #aaffc5;background: #ccffdc;border-radius: 8px;margin-top: 10px;padding: 5px 20px;cursor: pointer;user-select: none;display: inline-block;}
.modal_active .instructor_modal,
.modal_active2 .instructor_modal2,
.modal_active3 .instructor_modal3 {opacity: 1;pointer-events: auto;}
.modal_active .instructor_modal-view,
.modal_active2 .instructor_modal-view,
.modal_active3 .instructor_modal-view {transform: translateY(0);}
.instructor_table-add {display: inline-block;background: #d5f7d8;border-radius: 8px;padding: 10px 40px;cursor: pointer;margin-top: 20px;}
.instructor_table {table-layout: fixed;}
.instructor_table tr > * {border: 1px solid #808cad;padding: 5px 10px;}
/*.instructor_table tr > :nth-child(1) {width: 11em;}
.instructor_table tr > :nth-child(2) {width: 5em;}
.instructor_table tr > :nth-child(5) {width: 5em;}*/
.instructor_table thead tr > * {background: #ecf0fc;font-weight: bold;}
.instructor_table-del {border: 1px solid #ffacac;background: #fcc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;display: block;margin-top: 3px;text-align: center;}
.instructor_table-edit {border: 1px solid #8fc18d;background: #cfc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;display: block;text-align: center;}
.instructor_table2 {table-layout: fixed;width: 760px;max-width: 100%;}
.instructor_table2 tr > * {border: 1px solid #5e82bd;padding: 5px 10px;}
.instructor_table2 th {background: #ecefff;font-weight: bold;width: 8em;}
.instructor_table2 select {border: 1px solid;padding: 3px 10px;font-size: 18px;width: 100%;}
.instructor_table2 input {padding: 3px 10px;font-size: 18px;width: 100%;}
.instructor_table2-edit {background: #ccffdc;border-radius: 8px;padding: 5px 20px;cursor: pointer;}
.instructor_kosyu_table label {display: block;cursor: pointer;user-select: none;padding: 5px 10px;transition: .3s;height: 100%;}
.instructor_kosyu_table input {display: none;}
.instructor_kosyu_table :checked + label {background: #cadcff;font-weight: bold;}
.kosyu_view {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.instructor_kosyu_table {display: flex;flex-wrap: wrap;--num: 2;--gap: 1px;gap: var(--gap);text-align: left;width: 980px;}
.instructor_kosyu_table li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.tenpo_selector {display: flex;gap: 20px;}
.tenpo_selector input {display: inline-block;width: auto;}
.tenpo_selector label {cursor: pointer;}
.instructor_table-kosyu {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.instructor_kosyu_table .current {font-weight: bold;cursor: no-drop;}
.instructor_kosyu_table .current label {cursor: inherit;background: #e9ffe1;}

.edit_page_links {display: flex;justify-content: center;gap: 30px;margin-top: 30px;}

.progress_bar {background: #eee;--height: 68px;--bw1: calc(var(--height) / 2);--bw2: calc(var(--bw1) / 34 * 28);--of1: 8px;--of2: 21px;--pd: 16px;}
.progress_bar ul {display: flex;}
.progress_bar li {display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: bold;line-height: 1.2;width: 100%;text-align: center;padding: var(--pd);color: #656565;position: relative;min-height: var(--height);}
.progress_bar--step1 li:nth-child(1),
.progress_bar--step2 li:nth-child(2),
.progress_bar--step3 li:nth-child(3) {background: #348e99;color: #fff;}
.progress_bar--step1 li:nth-child(1)::before,
.progress_bar--step2 li:nth-child(2)::before,
.progress_bar--step3 li:nth-child(3)::before {content: "";position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);width: 41px;height: 7px;background: url(/img/wave.svg) center/contain no-repeat;}
.progress_bar--step1 li:nth-child(1)::after,
.progress_bar--step2 li:nth-child(2)::after {content: "";position: absolute;top: 0;bottom: 0;border: var(--bw1) solid #eeeeee;border-left: var(--bw2) solid #348e99;border-right: none;}
.progress_bar--step1 li:nth-child(1)::after {left: calc(100% - var(--of1));}
.progress_bar--step2 li:nth-child(2)::after {left: calc(100% - var(--of2));}
.progress_bar--step3 li:nth-child(1)::before,
.progress_bar--step1 li:nth-child(2)::before {content: "";position: absolute;top: 0;bottom: 0;border: var(--bw1) solid transparent;border-left: var(--bw2) solid #DBDBDB;border-right: none;}
.progress_bar--step3 li:nth-child(1)::before {left: calc(100% - var(--of1) + 1px);}
.progress_bar--step1 li:nth-child(2)::before {left: calc(100% - var(--of2) + 1px);}
.progress_bar--step3 li:nth-child(1)::after,
.progress_bar--step1 li:nth-child(2)::after {content: "";position: absolute;top: 0;bottom: 0;border: var(--bw1) solid transparent;border-left: var(--bw2) solid #eee;border-right: none;}
.progress_bar--step3 li:nth-child(1)::after {left: calc(100% - var(--of1));}
.progress_bar--step1 li:nth-child(2)::after {left: calc(100% - var(--of2));}
.progress_bar--step2 li:nth-child(1)::after,
.progress_bar--step3 li:nth-child(2)::after {content: "";position: absolute;top: 0;bottom: 0;border: var(--bw1) solid #348e99;border-left: var(--bw2) solid #eee;border-right: none;z-index: 1;}
.progress_bar--step2 li:nth-child(1)::after {left: calc(100% - var(--of1));}
.progress_bar--step3 li:nth-child(2)::after {left: calc(100% - var(--of2));}

.form-year-field {width: 8em !important;margin-right: 0.3em;text-align: center;}

.form-checkbox-field-inner {display: flex;flex-wrap: wrap;--num: 4;--gap: 5px;gap: var(--gap);}
.form-checkbox-field label {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );user-select: none;}
.form-checkbox-field input {display: none !important;}
.form-checkbox-field-item {display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100%;border: 1px solid #b2b2b2;border-radius: 5px;padding: 10px 10px 10px 50px;font-size: 16px;font-weight: normal;line-height: 1.125;position: relative;min-height: 63px;}
:checked + .form-checkbox-field-item {background: #fff;opacity: 1;}
.form-checkbox-field-item:focus {border-color: #348e99;}
.form-checkbox-field-item::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 33px;height: 33px;background: #c8e8e8;border-radius: 9999px;}
.form-checkbox-field-item:hover {border-color: #348e99;}
:checked + .form-checkbox-field-item::before {background: url(/img/icon-check-white.svg) center/20px 17px no-repeat #348e99;}

.form-radio-field-inner {display: flex;flex-wrap: wrap;--num: 4;--gap: 10px;gap: var(--gap);}
.form-radio-field-inner label {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.form-radio-field-item {display: flex;justify-content: flex-start;align-items: center;min-height: 63px;width: 100%;height: 100%;border: 1px solid #b2b2b2;padding: 10px 10px 10px 50px;user-select: none;font-size: 18px;font-weight: normal;line-height: 1.125;color: #272828;position: relative;border-radius: 5px;}
.form-radio-field-inner input {display: none !important;}
.form-radio-field--big .form-radio-field-inner {--num: 2;max-width: 90%;--gap: 5px;}
.form-radio-field-item::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 10px;width: 33px;height: 33px;background: #c8e2e8;border-radius: 9999px;}
.form-radio-field-item:hover, .form-radio-field-item:focus, :checked + .form-radio-field-item {border-color: #348e99;}
:checked + .form-radio-field-item::before {background: url(/img/icon-check-white.svg) center/20px 17px no-repeat #348e99;}

.confirm_table tr > * {border: 1px solid #CDCDCD;padding: 10px;vertical-align: middle;line-height: 1.5;}
.confirm_table th {border-right: none;font-size: 18px;}
.confirm_table td {border-left: none;font-size: 22px;font-weight: bold;}

.complete_table tr > * {border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;padding: 10px;font-size: 14px;}
.complete_table th {white-space: nowrap;width: 10px;}
.complete_table {border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;}

#thanks-message {margin-top: 20px;}
.thanks-box {border: 2px solid #FF9900;display: block;padding: 10px 18px;width: max-content;max-width: 100%;margin: auto;text-align: center;}

.events_confirm_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 24px;z-index: 99999;opacity: 0;transition: .6s;pointer-events: none;}
.events_confirm_modal-inner {width: 850px;max-width: 100%;background: #fff;margin: auto;padding: 24px;max-height: 100%;overflow-y: auto;border-radius: 10px;position: relative;z-index: 2;transform: translateY(-60px);transition: .6s;}
.events_confirm_modal-inner > :first-child {margin-top: 0 !important;}
.events_confirm_modal-head {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.5;margin: 0 !important;}
.events_confirm_modal-table {width: 100%;margin-top: 24px;}
.events_confirm_modal-table tr > * {border: 1px solid #000;padding: 5px 10px;}
.events_confirm_modal-table th {width: 10px;white-space: nowrap;background: #dcffde;}
.events_confirm_modal-btns {display: flex;justify-content: center;gap: 10px;margin-top: 24px;}
.events_confirm_modal-btn {background: #000;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;}
.events_confirm_modal-btn:hover {opacity: .7;}
.events_confirm_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 0;}
.events_confirm_modal.active {opacity: 1;pointer-events: auto;}
.events_confirm_modal.active .events_confirm_modal-inner {transform: translateY(0);}
.event_list_table-controlbtn {display: inline-block;border: 1px solid #333;background: #fff;font-size: 12px;line-height: 1;padding: 5px;border-radius: 5px;cursor: pointer;min-width: var(--btnwidth);text-align: center;}
.event_list_table-confirm {color: #009688;}
.event_list_table-tempcancel {color: #f44336;}
.event_list_table-reply {color: #3f51b5;}

.events_cancel_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 24px;z-index: 99999;opacity: 0;transition: .6s;pointer-events: none;}
.events_cancel_modal-inner {width: 850px;max-width: 100%;background: #fff;margin: auto;padding: 24px;max-height: 100%;overflow-y: auto;border-radius: 10px;position: relative;z-index: 2;transform: translateY(-60px);transition: .6s;}
.events_cancel_modal-inner > :first-child {margin-top: 0 !important;}
.events_cancel_modal-head {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.5;margin: 0 !important;}
.events_cancel_modal-table {width: 100%;margin-top: 24px;}
.events_cancel_modal-table tr > * {border: 1px solid #000;padding: 5px 10px;}
.events_cancel_modal-table th {width: 10px;white-space: nowrap;background: #fce5ff;}
.events_cancel_modal-btns {display: flex;justify-content: center;gap: 10px;margin-top: 24px;}
.events_cancel_modal-btn {background: #da1f1f;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;}
.events_cancel_modal-btn:hover {opacity: .7;}
.events_cancel_modal-btn2 {background: #888;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;display: none;}
.events_cancel_modal-btn2:hover {opacity: .7;}
.event_cancel_modal-torikesi_active .events_cancel_modal-btn2 {display: inline;}
.events_cancel_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 0;}
.events_cancel_modal.active {opacity: 1;pointer-events: auto;}
.events_cancel_modal.active .events_cancel_modal-inner {transform: translateY(0);}

.events_reply_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 24px;z-index: 99999;opacity: 0;transition: .6s;pointer-events: none;}
.events_reply_modal-inner {width: 850px;max-width: 100%;background: #fff;margin: auto;padding: 24px;max-height: 100%;overflow-y: auto;border-radius: 10px;position: relative;z-index: 2;transform: translateY(-60px);transition: .6s;}
.events_reply_modal-inner > :first-child {margin-top: 0 !important;}
.events_reply_modal-head {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.5;margin: 0 !important;}
.events_reply_modal-table {width: 100%;margin-top: 24px;}
.events_reply_modal-table tr > * {border: 1px solid #000;padding: 5px 10px;}
.events_reply_modal-table th {width: 10px;white-space: nowrap;background: #fce5ff;}
.events_reply_modal-btns {display: flex;justify-content: center;gap: 10px;margin-top: 24px;}
.events_reply_modal-btn {background: #3f51b5;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;}
.events_reply_modal-btn:hover {opacity: .7;}
.events_reply_modal-btn2 {background: #888;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;display: none;}
.events_reply_modal-btn2:hover {opacity: .7;}
.events_reply_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 0;}
.events_reply_modal.active {opacity: 1;pointer-events: auto;}
.events_reply_modal.active .events_reply_modal-inner {transform: translateY(0);}
.events_reply_form tr > * {border: 1px solid #ccc;padding: 5px 15px;}
.events_reply_form th {width: 8em;background: #dff1ff;font-weight: bold;}
.events_reply_form input[type=text] {width: 100%;font-size: 16px;line-height: 40px;border: 1px solid #aaa;font-family: inherit;padding: 0 10px;}
.events_reply_form textarea {width: 100%;height: calc(1.5em * 10);font-size: 16px;line-height: 1.5;font-family: inherit;padding: 0 10px;}
.events_reply_form select {appearance: auto;font-family: inherit;border: 1px solid;background: #fff;padding: 5px;}

.events_instructor_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 24px;z-index: 99999;opacity: 0;transition: .6s;pointer-events: none;}
.events_instructor_modal-inner {width: 850px;max-width: 100%;background: #fff;margin: auto;padding: 24px;max-height: 100%;overflow-y: auto;border-radius: 10px;position: relative;z-index: 2;transform: translateY(-60px);transition: .6s;}
.events_instructor_modal-inner > :first-child {margin-top: 0 !important;}
.events_instructor_modal-head {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.5;margin: 0 !important;}
.events_instructor_modal-table {width: 100%;margin-top: 24px;}
.events_instructor_modal-table tr > * {border: 1px solid #000;padding: 5px 10px;}
.events_instructor_modal-table th {width: 10px;white-space: nowrap;background: #dcffde;}
.events_instructor_modal-btns {display: flex;justify-content: center;gap: 10px;margin-top: 24px;}
.events_instructor_modal-btn {background: #000;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;}
.events_instructor_modal-btn:hover {opacity: .7;}
.events_instructor_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 0;}
.events_instructor_modal.active {opacity: 1;pointer-events: auto;}
.events_instructor_modal.active .events_instructor_modal-inner {transform: translateY(0);}
.events_instructor_modal-table select {appearance: auto;font-family: inherit;border: 1px solid;background: #fff;padding: 5px;}
.events_instructor_modal-table select option {padding: 5px;border-radius: 0;}
.events_instructor_modal-table-focus td {background: #def1ff;}
.events_instructor_modal-table-focus > * {order-width: 2px !important;}

.events_info_modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 50%);padding: 24px;z-index: 99999;opacity: 0;transition: .6s;pointer-events: none;}
.events_info_modal-inner {width: 850px;max-width: 100%;background: #fff;margin: auto;padding: 24px;max-height: 100%;overflow-y: auto;border-radius: 10px;position: relative;z-index: 2;transform: translateY(-60px);transition: .6s;}
.events_info_modal-inner > :first-child {margin-top: 0 !important;}
.events_info_modal-head {font-size: 24px;font-weight: bold;text-align: center;line-height: 1.5;margin: 0 !important;}
.events_info_modal-table {width: 100%;margin-top: 24px;}
.events_info_modal-table tr > * {border: 1px solid #000;padding: 5px 10px;}
.events_info_modal-table th {width: 10px;white-space: nowrap;background: #dcffde;}
.events_info_modal-btns {display: flex;justify-content: center;gap: 10px;margin-top: 24px;}
.events_info_modal-btn {background: #000;color: #fff;padding: 10px 10px;border-radius: 10px;cursor: pointer;min-width: 200px;text-align: center;transition: .3s;}
.events_info_modal-btn:hover {opacity: .7;}
.events_info_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;z-index: 0;}
.events_info_modal.active {opacity: 1;pointer-events: auto;}
.events_info_modal.active .events_info_modal-inner {transform: translateY(0);}

.excel-btn {border: 1px solid #888;background: #fff;border-radius: 5px;padding: 3px 20px;cursor: pointer;}
#excel_date {border: 1px solid #888;border-radius: 4px;padding: 7px 20px 7px 10px;}
.excel_date-wrapper::after {content: "";position: absolute;top: 13px;right: 6px;border: 4px solid transparent;border-top: 7px solid #666;pointer-events: none;}
.event_export {display: flex;justify-content: flex-end;gap: 10px;}
.excel_date-wrapper {display: inline-block;position: relative;}

.form-school-head {text-align: center;font-size: 24px !important;font-weight: bold;color: #348e99;margin: 0 !important;}
.form-kosyu_list-1dayoptions {background: #f7f7f7;padding: 20px;margin-top: 20px;}
.form-kosyu_list-head {font-size: 18px !important;font-weight: bold;margin: 0 0 10px !important;position: relative;padding-left: 30px;}
.form-kosyu_list > li {border-top: 1px dashed #348e99;margin-top: 30px;padding-top: 30px;counter-increment: kosyu_list;}

#calendar-weekly {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);padding: 24px;transition: .6s;opacity: 0;z-index: 99999;pointer-events: none;}
#calendar-weekly.active {opacity: 1;pointer-events: auto;}
.calendar-weekly-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;}
#calendar-control-weekly {position: relative;z-index: 1;}
#calendar-weekly-body {position: relative;z-index: 1;}
.calendar-weekly-inner {max-width: 850px;height: 100%;margin: auto;background: #fff;padding: 24px;border-radius: 10px;overflow-y: auto;position: relative;}
#calendar-weekly.loading .calendar-weekly-inner::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(img/loader.gif) #fff center no-repeat;z-index: 1;transition: .3s;}
#calendar-control-weekly { display: flex; align-items: center; margin-bottom: 10px }
#calendar-weekly-date > * { vertical-align: middle }
#calendar-weekly-date {text-align: center;font-size: 18px;color: #3574b6;padding: 0 10px;}
#form select#calendar-weekly-date {padding: 0 2em 0 1em;width: fit-content;margin: 0 1em;background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><polygon points="0,0 10,0 5,6" fill="%233574b6"/></svg>') no-repeat right 1rem center;background-size: 12px;border: 1px solid #b2b2b2 !important;}
@media ( max-width: 480px ) {
  #form select#calendar-weekly-date {background-size: 8px;margin: 0 0.5em;padding: 0 1em 0 0.5em;background-position: right 0.3rem center;}
}
#calendar-weekly-next::before {content: "";position: absolute;top: 50%;left: calc(50% - 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(225deg);border-top: none;border-right: none;}
#calendar-weekly-prev, #calendar-weekly-next {border: 1px solid #3574B6;background: #3574B6;width: 20px;height: 20px;border-radius: 20px;position: relative;cursor: pointer;}
#calendar-weekly-prev.disable { opacity: .3 !important; pointer-events: none !important }
#calendar-weekly-prev::before {content: "";position: absolute;top: 50%;left: calc(50% + 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(45deg);border-top: none;border-right: none;}
.calendar_selected_kosyu {opacity: 1 !important;text-decoration: none !important;font-size: 12px !important;line-height: 40px !important;padding: 0 8px !important;overflow: hidden;white-space: nowrap;display: block !important;text-overflow: ellipsis;}
.calendar_selected_kosyu::before {content: none !important;}
.confirm_table-school-head {display: block;font-weight: bold;margin-top: 20px;border-top: 1px dashed #ccc;padding-top: 10px;counter-increment: school-head;padding-left: 30px;position: relative;}
.confirm_table-school-head::before {content: counter(school-head);display: flex;align-items: center;justify-content: center;position: absolute;left: 0;font-size: 0.7em;font-weight: normal;width: 20px;height: 20px;background: #333;color: #fff;border-radius: 4px;top: 15px;}
.confirm_table-school-head:first-child::before {top: 4px;}
.confirm_table-school-thedate {display: block;font-weight: normal;font-size: 0.8em;}
.confirm_table-school-head:first-child {margin-top: 0;padding-top: 0;border: none;}
.calendar-weekly-close {position: absolute;right: 15px;top: 15px;line-height: 1;font-size: 32px;cursor: pointer;z-index: 2;}
.confirm_table-school-kizai {font-size: 0.8em;display: block;font-weight: normal;}
.confirm_table-school-rental_items {display: block;font-size: 0.9em;}
.confirm_table-school-rental_item {display: block;font-size: 0.8em;font-weight: normal;}
.confirm_table-school-rental_items {background: #f7f7f7;padding: 10px 20px;margin-top: 8px;}
@media ( max-width: 480px ) {
  #calendar-weekly {padding: 0;}
  .calendar_selected_kosyu {padding: 0 !important;font-size: 10px !important;}
  .calendar-weekly-inner {padding: 32px 0 24px;}
  .calendar-weekly-close {font-size: 16px;top: 8px;}
}

#calendar-monthly {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);padding: 24px;transition: .6s;opacity: 0;z-index: 99999;pointer-events: none;}
#calendar-monthly.active {opacity: 1;pointer-events: auto;}
.calendar-monthly-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;cursor: pointer;}
.calendar-monthly-inner {max-width: 850px;height: 100%;margin: auto;background: #fff;padding: 24px;border-radius: 10px;overflow-y: auto;position: relative;}
#calendar-monthly.loading .calendar-monthly-inner::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(img/loader.gif) #fff center no-repeat;z-index: 1;transition: .3s;}
#calendar-control-weekly {display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
#calendar-monthly-date > * { vertical-align: middle }
#calendar-monthly-date {text-align: center;font-size: 18px;color: #3574b6;padding: 0 10px;}
#form select#calendar-monthly-date {padding: 0 2em 0 1em;width: fit-content;margin: 0 1em;background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><polygon points="0,0 10,0 5,6" fill="%233574b6"/></svg>') no-repeat right 1rem center;background-size: 12px;border: 1px solid #b2b2b2 !important;}
@media ( max-width: 480px ) {
  #form select#calendar-monthly-date {background-size: 8px;margin: 0 0.5em;padding: 0 1em 0 0.5em;background-position: right 0.3rem center;}
}
#calendar-monthly-next::before {content: "";position: absolute;top: 50%;left: calc(50% - 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(225deg);border-top: none;border-right: none;}
#calendar-monthly-prev, #calendar-monthly-next {border: 1px solid #3574B6;background: #3574B6;width: 20px;height: 20px;border-radius: 20px;position: relative;cursor: pointer;}
#calendar-monthly-prev.disable { opacity: .3 !important; pointer-events: none !important }
#calendar-monthly-prev::before {content: "";position: absolute;top: 50%;left: calc(50% + 2px);border: 1px solid #fff;width: 6px;height: 6px;transform: translate(-50%, -50%) rotate(45deg);border-top: none;border-right: none;}
#calendar-control-monthly {display: flex;justify-content: center;align-items: center;}
#calendar-monthly .calendar-head-date, #calendar-monthly .calendar-head-wave, #calendar-monthly .calendar-head-date-tani {display: none;}
#calendar-monthly #calendar-table tr > * {width: 100px;height: 80px;position: relative;}
.calendar-monthly-hiduke {position: absolute;top: 2px;left: 50%;transform: translateX(-50%);margin: 0 !important;font-size: 16px;z-index: 3;}
#calendar-monthly #calendar-table td .nokori {position: absolute;top: 24px;left: 5px;right: 5px;bottom: 6px;display: flex;align-items: center;justify-content: center;background: #fff;cursor: pointer;z-index: 2;transition: .3s;padding: 10px;border-radius: 5px;box-shadow: 0 0 5px rgb(0 0 0 / 16%);}
#calendar-monthly #calendar-table td .nokori:hover {background: #dbfaff;}
#calendar-monthly #calendar-table td span.selected {background: #1860ac !important;color: #fff !important;}
#calendar-monthly #calendar-table thead tr > * {border: none;height: auto;padding: 12px 10px 6px;font-size: 16px;font-weight: bold;}
#calendar-monthly #calendar-table thead tr > *:first-child {color: #f33;}
#calendar-monthly #calendar-table thead tr > *:last-child {color: #1860ac;}
#calendar-monthly #calendar-table tbody tr > * {font-size: 14px;}
.calendar-monthly-kosyuname {margin: 0 !important;padding: 1.6em 10px 10px;line-height: 1.3;}
#calendar-monthly #calendar-table tbody tr > *:first-child {background: #fdf1f2;}
#calendar-monthly #calendar-table tbody tr > *:last-child {background: #f1fbfd;}
#calendar-table tr > :first-child .calendar-monthly-hiduke {color: #f33;}
#calendar-table tr > :last-child .calendar-monthly-hiduke {color: #1860ac;}
.nokori_wazuka {color: #f33;}
.nokori_wazuka::before {content: "○";display: block;margin-bottom: 0.5em;}
.nokori_ok {color: #2d73be;}
.nokori_ok::before {content: "◎";display: block;margin-bottom: 0.5em;}
.calendar-monthly-close {position: absolute;right: 15px;top: 15px;line-height: 1;font-size: 26px;cursor: pointer;}
#calendar-monthly #calendar-table {width: max-content;margin: auto;max-width: 100%;}
.calendar-notice {color: #f33;text-align: center;font-weight: bold;margin-top: 10px !important;}
@media ( max-width: 768px ) {
  #calendar-monthly-body {overflow-x: scroll;}
}
@media ( max-width: 480px ) {
  #calendar-monthly {padding: 0;}
  .calendar-monthly-inner {padding: 32px 0 24px;}
  .calendar-monthly-close {font-size: 16px;top: 8px;}
}

.id_password_field-row {display: flex;gap: 1em;}
.id_password_field-label {flex-shrink: 0;width: 6em;}
.id_password_field-field {width: 100%;}
.id_password_field-field input {width: 100%;}
.id_password_field-submit {display: block;background: #2dbd4b;color: #fff;text-decoration: none;padding: 12px 40px;min-width: 240px;text-align: center;transition: all ease .3s;margin: 10px auto 20px;}

#hd_pub {border: none !important;margin: 0 auto 34px !important;padding: 0 15px !important;background: #fcf3eb;color: #42586d;}
#hd_pub-inner {max-width: 710px;margin: auto;display: flex;justify-content: flex-start;align-items: center;gap: 15px;}
#hd_pub-ttl {font-size: 24px;font-weight: bold;line-height: 1.3;padding: 10px 0;margin: 0;}
#hd_pub-logo {padding: 10px 0;}
@media ( max-width: 1024px ) {
  #hd_pub-ttl {font-size: 24px;}
}
@media ( max-width: 599px ) {
  #hd_pub-inner {flex-direction: column;gap: 10px;padding: 10px;}
  #hd_pub-ttl {padding: 0;}
  #hd_pub-logo {padding: 0;}
}

.form-preview {margin-top: 20px;max-width: 400px;}
.form-preview img {max-width: 100%;}

.custom_page main {background: #fff;border-radius: 10px;--main_padding: 17px;padding: 0 var(--main_padding) 20px;overflow: hidden;}

#zip {width: 8em !important;}
.form-zipbtn {background: #4d4d4d;border: 2px solid #4d4d4d;padding: 16.75px 19px;border-radius: 5px;cursor: pointer;color: #fff;font-weight: bold;}
.form-zipbtn:hover {transition: .3s;opacity: .7;}
.form-zipbtn:focus {border-color: #ccc;}
.form-zip-field {display: inline-block;}

.header_simple {border: none !important;text-align: center;font-size: 32px;font-weight: bold;}

.large_field {width: 100%;font-size: 18px;font-family: inherit;line-height: 30px;padding: 0 10px;}

#event_cancel_list {color: #f33;}

.events_confirm_modal-close,
.events_cancel_modal-close,
.events_reply_modal-close,
.events_instructor_modal-close,
.events_info_modal-close {position: absolute;top: 15px;right: 15px;font-size: 32px;line-height: 1;cursor: pointer;}

.pagettl {text-align: center;font-size: 34px;font-weight: bold;color: #42586d;}
@media ( max-width: 1024px ) {
  .pagettl {font-size: 24px;}
}

.start_page h1 {font-size: 38px;font-weight: bold;line-height: 1.4;text-align: center;color: #041052;}
.start_page {font-size: 16px;font-size: 18px;padding: 10px 0 60px;}
.start_page h2 {font-size: 28px;font-weight: bold;line-height: 1.5;margin-top: 60px;color: #041052;}
.start_page p {margin: 1.75em 0 0;}
.start_page-btns {display: flex;gap: 10px;margin-top: 10px;}
.start_page-btns a {display: block;background: #3f51b5;color: #fff;border-radius: 6px;font-size: 24px;line-height: 1.3;padding: 15px 10px;text-align: center;text-decoration: none;transition: .3s;}
.start_page-btns li {width: 100%;}
.start_page-btns a:hover {opacity: .7;}
.start_page-btns li:nth-child(2n) a {background: #3f90b5;}

.start_page-cancelbtns {display: flex;--num: 2;--gap: 10px;gap: var(--gap);flex-wrap: wrap;margin: 15px 0 0;}
.start_page-cancelbtns > li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.start_page-cancelbtns a {display: block;text-align: center;color: #fff;background: #c33;font-size: 14px;line-height: 1.2;padding: 10px 15px;border-radius: 5px;text-decoration: none;transition: .3s;}
.start_page-cancelbtns a:hover {opacity: .7;}

.start_page-changeprof {display: flex;--num: 2;--gap: 10px;gap: var(--gap);flex-wrap: wrap;margin: 15px 0 0;}
.start_page-changeprof > li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.start_page-changeprof a {display: block;text-align: center;color: #fff;background: #795548;font-size: 14px;line-height: 1.2;padding: 10px 15px;border-radius: 5px;text-decoration: none;transition: .3s;}
.start_page-changeprof a:hover {opacity: .7;}

.rental_items_modal,
.rental_items_modal2,
.rental_items_modal3 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: .6s;}
.rental_items_modal-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 70%);cursor: pointer;}
.rental_items_modal-view {min-width: 400px;border-radius: 10px;background: #fff;text-align: center;position: relative;padding: 50px 50px 20px;transform: translateY(30px);transition: .6s;overflow-y: auto;max-height: 90vh;}
.rental_items_modal-close {position: absolute;top: 10px;right: 10px;font-size: 24px;line-height: 1;color: #aaa;font-weight: bold;cursor: pointer;}
.rental_items_modal-btn {border: 1px solid #aaffc5;background: #ccffdc;border-radius: 8px;margin-top: 10px;padding: 5px 20px;cursor: pointer;user-select: none;}
.modal_active .rental_items_modal,
.modal_active2 .rental_items_modal2,
.modal_active3 .rental_items_modal3 {opacity: 1;pointer-events: auto;}
.modal_active .rental_items_modal-view,
.modal_active2 .rental_items_modal-view,
.modal_active3 .rental_items_modal-view {transform: translateY(0);}
.rental_items_table-add {display: inline-block;background: #d5f7d8;border-radius: 8px;padding: 10px 40px;cursor: pointer;margin-top: 20px;}
.rental_items_table {table-layout: fixed;}
.rental_items_table tr > * {border: 1px solid #808cad;padding: 5px 10px;}
.rental_items_table tr > *:nth-child(1) {width: 5em;text-align: center;}
.rental_items_table thead tr > * {background: #ecf0fc;font-weight: bold;}
.rental_items_table-del {border: 1px solid #ffacac;background: #fcc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;text-align: center;}
.rental_items_table-edit {border: 1px solid #8fc18d;background: #cfc;padding: 3px 10px;border-radius: 8px;cursor: pointer;font-size: 10px;text-align: center;}
.rental_items_table2 {table-layout: fixed;width: 760px;max-width: 100%;}
.rental_items_table2 tr > * {border: 1px solid #5e82bd;padding: 5px 10px;}
.rental_items_table2 th {background: #ecefff;font-weight: bold;width: 8em;}
.rental_items_table2 select {border: 1px solid;padding: 3px 10px;font-size: 18px;width: 100%;}
.rental_items_table2 input {padding: 3px 10px;font-size: 18px;width: 100%;}
.rental_items_table2-edit {background: #ccffdc;border-radius: 8px;padding: 5px 20px;cursor: pointer;}
.rental_items_table-btns {display: flex;gap: 10px;}
.rental_items_table-btns > * {width: 100%;}
.rental_items_table tbody tr > *:nth-child(3) {text-align: right;}
.rental_items_table tr > *:nth-child(3) {width: 8em;}

.date_siborikomi input {font-size: 18px;line-height: 2;padding: 0 10px;width: 7em;text-align: right;cursor: pointer;}

.fl_template {position: fixed;top: 0;right: 0;background: #000;}
.fl_template a {color: #fff;text-decoration: none;display: block;transition: .3s;padding: 3px 10px;}
.fl_template a:hover {background: #fff;color: #000;}
.fl_submit-wrapper {position: fixed;bottom: 0;left: 0;width: 100%;height: auto;background: #0000006b;padding: 20px;text-align: center;}
.fl_submit {background: #16561C;color: #fff;font-family: inherit;font-size: 17px;font-weight: bold;padding: 20px 120px;border-radius: 10px;transition: all ease .2s;}
.fl_submit:hover {background: #24992f;}
@media ( max-width: 1240px ) {
  .fl_template {display: none;}
}

.concurrent_view {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hd_winhead {margin: 0 calc(var(--main_padding) * -1);background: #348e99;color: #fff;font-size: 30px;font-weight: bold;text-align: left;line-height: 1.3;display: flex;justify-content: center;align-items: center;padding: 10px;min-height: 76px;}

.msg_box {--main_color: #f90;border: 1px solid var(--main_color);margin: 24px auto 0;font-size: 16px;line-height: 1.5;text-align: center;padding: 12px;width: max-content;max-width: 100%;min-width: 424px;}
.msg_box strong {font-size: 18px;font-weight: bold;color: var(--main_color);}
.msg_box a {color: inherit;}
.msg_box > :first-child {margin-top: 0 !important;}
.msg_box > :last-child {margin-bottom: 0 !important;}

.hd_greenline {font-size: 20px;font-weight: bold;line-height: 1.5;color: #348e99;border-left: 3px solid #348e99;padding: 0 0 0 10px;margin: 46px auto 0;}

.marker {background: linear-gradient(transparent 65%, #fff703 65%, #fff703 95%, transparent 95%);}

.orange_big {font-size: 18px;font-weight: bold;color: #e38800;}

.btns5 {display: flex;justify-content: center;flex-wrap: wrap;gap: 20px;}
.btns5 > * {font-size: 22px;font-weight: bold;line-height: 1.2;background: #9a9a9a;color: #fff;text-decoration: none;padding: 10px;border-radius: 10px;min-width: 450px;min-height: 63px;display: flex;justify-content: center;align-items: center;transition: .2s;}
.btns5 > *:hover {opacity: .7;}

@media ( max-width: 768px ) {
  .form-school-schedule {padding: 15px;}
  .form-kosyu_list-1dayoptions {padding: 10px;}
  .confirm_table th {font-size: 16px;}
  .confirm_table td {font-size: 18px;}
  .form-checkbox-field-inner {--num: 3;}
}

@media ( max-width: 768px ) and ( min-width: 600px ) {
  #calendar-monthly #calendar-table tbody tr > * {font-size: 11px;}
}

@media ( max-width: 599px ) {
  body {font-size: 14px;}

  .progress_bar {--height: 56px;}
  .progress_bar li {font-size: 16px;}

  #form input, #form select, #form textarea, .form select {font-size: 16px;padding: 10px 8px;}
  .form-row-head {font-size: 16px;}
  .form-required::after {padding: 2px 10px;}
  #form-submit {width: 100%;min-width: 0;font-size: 20px;min-height: 50px;}
  #form-back {width: 100%;min-width: 0;font-size: 20px;min-height: 50px;}
  .form-radio-field2-inner {--num: 2;}
  .form-checkbox-field2-inner {--num: 2;}
  .form-checkbox-field3-inner {--num: 1;}
  .btns5 > * {min-width: 0;width: 100%;font-size: 18px;}
  .form-checkbox-field-inner {--num: 2;}
  .form-zipbtn {padding: 13px 14px;font-size: 14px;}
  .form-notice {font-size: 14px;}

  #calendar-monthly #calendar-table {max-width: none;}
}

@media ( max-width: 480px ) {
  .hd_winhead {font-size: 26px;}

  .progress_bar li {font-size: 14px;}
  .progress_bar {--height: 68px;}

  .form-radio-field2-inner {--num: 1;}
  .form-school-head {font-size: 20px !important;}
  .form-thedate_field {display: flex;flex-direction: column;align-items: center;}
  #thedate, #form #thedate, #end_thedate, #form #end_thedate {padding: 3px 10px;}
  .form-checkbox-field-item {font-size: 14px;padding: 5px 5px 5px 35px;min-height: 45px;}
  .form-checkbox-field-item::before {width: 20px;height: 20px;}
  :checked + .form-checkbox-field-item::before {background-size: 12px 9px;}
  .form-radio-field-item {font-size: 14px;padding: 5px 5px 5px 35px;min-height: 45px;}
  .form-radio-field-item::before {width: 20px;height: 20px;}
  :checked + .form-radio-field-item::before {background-size: 12px 9px;}

  .confirm_table th {font-size: 14px;background: #e8f1f2;}
  .confirm_table td {font-size: 16px;}
  .confirm_table-school-head::before {width: 16px;height: 16px;}
  .confirm_table-school-head {padding-left: 26px;}
  .confirm_table-school-rental_items {padding: 8px 10px;}
  .confirm_table tr > * {display: block;border: none;}
  .confirm_table tr {display: block;border: 1px solid #CDCDCD;}
  .confirm_table tr:nth-child(n+2) {border-top: none;}

  .msg_box {min-width: 0;}
}

@media ( max-width: 375px ) {
  .form-checkbox-field-inner {--num: 1;}
  .form-checkbox-field2-inner {--num: 1;}

  .progress_bar li {font-size: 10px;}
  .progress_bar {--height: 55px;}
}

@media ( max-width: 374px ) {
  .form-zipbtn {display: block;width: max-content;margin-top: 10px;padding: 5px 20px;}
}


/* 講習補足 */
.form-kosyu_hosoku {margin: 0 0 1em !important;font-size: 0.8em !important;/*padding-left: 1.2em;position: relative;*/}
/*.form-kosyu_hosoku::before {content: "※";position: absolute;left: 0;}*/
/* /講習補足 */