:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: "Kosugi", sans-serif; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference){
:root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px){
.h1, h1 { font-size: 2.5rem; }
}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px){
.h2, h2 { font-size: 2rem; }
}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px){
.h3, h3 { font-size: 1.75rem; }
}
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px){
.h4, h4 { font-size: 1.5rem; }
}
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
a { color: rgb(13, 110, 253); text-decoration: underline; }
a:hover { color: rgb(10, 88, 202); }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::file-selector-button { font: inherit; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
[hidden] { display: none !important; }
.img-fluid { max-width: 100%; height: auto; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto; }
@media (min-width: 576px){
.container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px){
.container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col { flex: 1 0 0%; }
@media (min-width: 768px){
.col-md { flex: 1 0 0%; }
}
@media (min-width: 992px){
.col-lg { flex: 1 0 0%; }
}
.col-auto { flex: 0 0 auto; width: auto; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px){
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-8 { flex: 0 0 auto; width: 66.6667%; }
}
@media (min-width: 768px){
.col-md-1 { flex: 0 0 auto; width: 8.33333%; }
.col-md-2 { flex: 0 0 auto; width: 16.6667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; }
.col-md-4 { flex: 0 0 auto; width: 33.3333%; }
.col-md-5 { flex: 0 0 auto; width: 41.6667%; }
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.3333%; }
.col-md-8 { flex: 0 0 auto; width: 66.6667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; }
.col-md-10 { flex: 0 0 auto; width: 83.3333%; }
.col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px){
.col-lg-3 { flex: 0 0 auto; width: 25%; }
.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-10 { flex: 0 0 auto; width: 83.3333%; }
.col-lg-11 { flex: 0 0 auto; width: 91.6667%; }
.col-lg-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1200px){
.col-xl-3 { flex: 0 0 auto; width: 25%; }
.col-xl-4 { flex: 0 0 auto; width: 33.3333%; }
.col-xl-5 { flex: 0 0 auto; width: 41.6667%; }
.col-xl-8 { flex: 0 0 auto; width: 66.6667%; }
.col-xl-10 { flex: 0 0 auto; width: 83.3333%; }
}
@media (min-width: 1400px){
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.6667%; }
.col-xxl-10 { flex: 0 0 auto; width: 83.3333%; }
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
}
.table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); vertical-align: top; border-color: rgb(222, 226, 230); }
.table > :not(caption) > * > * { padding: 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
.table > tbody { vertical-align: inherit; }
.table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){
.form-control { transition: none; }
}
.form-control:focus { color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-control::-webkit-date-and-time-value { height: 1.5em; }
.form-control::placeholder { color: rgb(108, 117, 125); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: 1px; border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){
.form-control::file-selector-button { transition: none; }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: rgb(221, 224, 227); }
.form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: 1px; border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){
.form-control::-webkit-file-upload-button { transition: none; }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: rgb(221, 224, 227); }
textarea.form-control { min-height: calc(1.5em + 2px + 0.75rem); }
.form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }
@media (prefers-reduced-motion: reduce){
.form-select { transition: none; }
}
.form-select:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-select:disabled { background-color: rgb(233, 236, 239); }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
.form-check-input:active { filter: brightness(90%); }
.form-range::-webkit-slider-thumb:active { background-color: rgb(182, 212, 254); }
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; }
.form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(25, 135, 84); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(25, 135, 84); box-shadow: rgba(25, 135, 84, 0.25) 0px 0px 0px 0.25rem; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.form-select.is-valid, .was-validated .form-select:valid { border-color: rgb(25, 135, 84); }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: rgb(25, 135, 84); box-shadow: rgba(25, 135, 84, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: rgb(25, 135, 84); }
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: rgb(25, 135, 84); }
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: rgba(25, 135, 84, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: rgb(25, 135, 84); }
.input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 1; }
.input-group .form-control.is-valid:focus, .input-group .form-select.is-valid:focus, .was-validated .input-group .form-control:valid:focus, .was-validated .input-group .form-select:valid:focus { z-index: 3; }
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: rgb(220, 53, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.25rem; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.form-select.is-invalid, .was-validated .form-select:invalid { border-color: rgb(220, 53, 69); }
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: rgb(220, 53, 69); box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: rgb(220, 53, 69); }
.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: rgb(220, 53, 69); }
.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: rgba(220, 53, 69, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: rgb(220, 53, 69); }
.input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 2; }
.input-group .form-control.is-invalid:focus, .input-group .form-select.is-invalid:focus, .was-validated .input-group .form-control:invalid:focus, .was-validated .input-group .form-select:invalid:focus { z-index: 3; }
.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){
.btn { transition: none; }
}
.btn:hover { color: rgb(33, 37, 41); }
.btn-check:focus + .btn, .btn:focus { outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; }
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(10, 88, 202); border-color: rgb(10, 83, 190); }
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(49, 132, 253, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(86, 94, 100); border-color: rgb(81, 88, 94); }
.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(20, 108, 67); border-color: rgb(19, 101, 63); }
.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(60, 153, 110, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(61, 213, 243); border-color: rgb(37, 207, 242); }
.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(11, 172, 204, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(255, 205, 57); border-color: rgb(255, 199, 32); }
.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(217, 164, 6, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(176, 42, 55); border-color: rgb(165, 40, 52); }
.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(249, 250, 251); border-color: rgb(249, 250, 251); }
.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(211, 212, 213, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(26, 30, 33); border-color: rgb(25, 28, 31); }
.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(66, 70, 73, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: rgb(255, 255, 255); background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: rgba(13, 110, 253, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }
.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: rgb(255, 255, 255); background-color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }
.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: rgba(25, 135, 84, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: rgb(0, 0, 0); background-color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }
.btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: rgba(13, 202, 240, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: rgb(0, 0, 0); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: rgb(0, 0, 0); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }
.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: rgba(33, 37, 41, 0.5) 0px 0px 0px 0.25rem; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce){
.fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.dropdown, .dropend, .dropstart, .dropup { position: relative; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.dropdown-toggle:empty::after { margin-left: 0px; }
.dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0px; margin: 0px; font-size: 1rem; color: rgb(33, 37, 41); text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; }
.dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: 0.125rem; }
.dropdown-menu-start { --bs-position: start; }
.dropdown-menu-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-end { --bs-position: end; }
.dropdown-menu-end[data-bs-popper] { right: 0px; left: auto; }
@media (min-width: 576px){
.dropdown-menu-sm-start { --bs-position: start; }
.dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-sm-end { --bs-position: end; }
.dropdown-menu-sm-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 768px){
.dropdown-menu-md-start { --bs-position: start; }
.dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-md-end { --bs-position: end; }
.dropdown-menu-md-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 992px){
.dropdown-menu-lg-start { --bs-position: start; }
.dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-lg-end { --bs-position: end; }
.dropdown-menu-lg-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 1200px){
.dropdown-menu-xl-start { --bs-position: start; }
.dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-xl-end { --bs-position: end; }
.dropdown-menu-xl-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 1400px){
.dropdown-menu-xxl-start { --bs-position: start; }
.dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-xxl-end { --bs-position: end; }
.dropdown-menu-xxl-end[data-bs-popper] { right: 0px; left: auto; }
}
.dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }
.dropend .dropdown-menu[data-bs-popper] { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }
.dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }
.dropend .dropdown-toggle:empty::after { margin-left: 0px; }
.dropend .dropdown-toggle::after { vertical-align: 0px; }
.dropstart .dropdown-menu[data-bs-popper] { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: rgb(33, 37, 41); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; }
.dropdown-item:focus, .dropdown-item:hover { color: rgb(30, 33, 37); background-color: rgb(233, 236, 239); }
.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(13, 110, 253); }
.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(173, 181, 189); pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-menu-dark { color: rgb(222, 226, 230); background-color: rgb(52, 58, 64); border-color: rgba(0, 0, 0, 0.15); }
.dropdown-menu-dark .dropdown-item { color: rgb(222, 226, 230); }
.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.15); }
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: rgb(255, 255, 255); background-color: rgb(13, 110, 253); }
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: rgb(173, 181, 189); }
.dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); }
.dropdown-menu-dark .dropdown-item-text { color: rgb(222, 226, 230); }
.dropdown-menu-dark .dropdown-header { color: rgb(173, 181, 189); }
.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }
.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(222, 226, 230) rgb(222, 226, 230) rgb(255, 255, 255); }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(13, 110, 253); }
.tab-content > .active { display: block; }
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.navbar-nav .dropdown-menu { position: static; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){
.navbar-toggler { transition: none; }
}
.navbar-toggler:hover { text-decoration: none; }
.navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0px 0px 0px 0.25rem; }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: 100%; }
@media (min-width: 576px){
.navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
}
@media (min-width: 768px){
.navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
}
@media (min-width: 1200px){
.navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; }
.navbar-expand-xl .navbar-nav { flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
.navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
.navbar-expand-xl .navbar-toggler { display: none; }
}
@media (min-width: 1400px){
.navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; }
}
.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { color: rgb(255, 255, 255); }
.breadcrumb-item.active { color: rgb(108, 117, 125); }
.page-item.active .page-link { z-index: 3; color: rgb(255, 255, 255); background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
@-webkit-keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}
@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}
.progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; }
@media (prefers-reduced-motion: reduce){
.progress-bar-animated { animation: auto ease 0s 1 normal none running none; }
}
.list-group-item-action:active { color: rgb(33, 37, 41); background-color: rgb(233, 236, 239); }
.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }
.list-group-horizontal > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
@media (min-width: 576px){
.list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 768px){
.list-group-horizontal-md > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 992px){
.list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 1200px){
.list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 1400px){
.list-group-horizontal-xxl > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(8, 66, 152); border-color: rgb(8, 66, 152); }
.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(65, 70, 75); border-color: rgb(65, 70, 75); }
.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(15, 81, 50); border-color: rgb(15, 81, 50); }
.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(5, 81, 96); border-color: rgb(5, 81, 96); }
.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(102, 77, 3); border-color: rgb(102, 77, 3); }
.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(132, 32, 41); border-color: rgb(132, 32, 41); }
.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(99, 100, 100); border-color: rgb(99, 100, 100); }
.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(20, 22, 25); border-color: rgb(20, 22, 25); }
.btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: rgb(0, 0, 0); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center center / 1em no-repeat transparent; border: 0px; border-radius: 0.25rem; opacity: 0.5; }
.btn-close:hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }
.btn-close:focus { outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; opacity: 1; }
.btn-close.disabled, .btn-close:disabled { pointer-events: none; user-select: none; opacity: 0.25; }
.toast:not(.showing):not(.show) { opacity: 0; }
.modal { position: fixed; top: 0px; left: 0px; z-index: 1060; display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce){
.modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }
.modal-backdrop.show { opacity: 0.5; }
.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: calc(-1px + 0.3rem); border-top-right-radius: calc(-1px + 0.3rem); }
.modal-header .btn-close { padding: 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; }
.modal-title { margin-bottom: 0px; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid rgb(222, 226, 230); border-bottom-right-radius: calc(-1px + 0.3rem); border-bottom-left-radius: calc(-1px + 0.3rem); }
.modal-footer > * { margin: 0.25rem; }
@media (min-width: 576px){
.modal-dialog { max-width: 500px; margin: 1.75rem auto; }
}
.tooltip.show { opacity: 0.9; }
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; }
.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); }
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); }
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; }
.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce){
.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; }
}
.carousel-indicators .active { opacity: 1; }
@-webkit-keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.offcanvas.show { transform: none; }
.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.overflow-hidden { overflow: hidden !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.position-relative { position: relative !important; }
.border { border: 1px solid rgb(222, 226, 230) !important; }
.border-dark { border-color: rgb(33, 37, 41) !important; }
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-center { align-items: center !important; }
.align-self-center { align-self: center !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.ms-auto { margin-left: auto !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.fw-normal { font-weight: 400 !important; }
.fw-bold { font-weight: 700 !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-base { line-height: 1.5 !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.text-white { color: rgb(255, 255, 255) !important; }
.bg-secondary { background-color: rgb(108, 117, 125) !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.rounded { border-radius: 0.25rem !important; }
.rounded-pill { border-radius: 50rem !important; }
@media (min-width: 576px){
.d-sm-block { display: block !important; }
.d-sm-none { display: none !important; }
.order-sm-1 { order: 1 !important; }
.order-sm-2 { order: 2 !important; }
}
@media (min-width: 768px){
.d-md-inline { display: inline !important; }
.d-md-block { display: block !important; }
.d-md-none { display: none !important; }
.order-md-1 { order: 1 !important; }
.order-md-2 { order: 2 !important; }
.my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mt-md-0 { margin-top: 0px !important; }
.mt-md-3 { margin-top: 1rem !important; }
.mt-md-4 { margin-top: 1.5rem !important; }
.mt-md-5 { margin-top: 3rem !important; }
.mb-md-0 { margin-bottom: 0px !important; }
.mb-md-4 { margin-bottom: 1.5rem !important; }
.mb-md-5 { margin-bottom: 3rem !important; }
.p-md-3 { padding: 1rem !important; }
.p-md-4 { padding: 1.5rem !important; }
.p-md-5 { padding: 3rem !important; }
.px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.text-md-end { text-align: right !important; }
}
@media (min-width: 992px){
.d-lg-none { display: none !important; }
.mb-lg-0 { margin-bottom: 0px !important; }
}
@media (min-width: 1200px){
.d-xl-none { display: none !important; }
.mb-xl-0 { margin-bottom: 0px !important; }
}
@-webkit-keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@-webkit-keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@-webkit-keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@-webkit-keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@-webkit-keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@-webkit-keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.fa-book-open::before { content: ""; }
.fa-book-open-reader::before, .fa-book-reader::before { content: ""; }
.fa-box-open::before { content: ""; }
.fa-cloud-showers-heavy::before { content: ""; }
.fa-door-open::before { content: ""; }
.fa-ellipsis-h::before, .fa-ellipsis::before { content: ""; }
.fa-ellipsis-v::before, .fa-ellipsis-vertical::before { content: ""; }
.fa-envelope-open::before { content: ""; }
.fa-envelope-open-text::before { content: ""; }
.fa-face-frown-open::before, .fa-frown-open::before { content: ""; }
.fa-folder-open::before { content: ""; }
.fa-lock-open::before { content: ""; }
.fa-shower::before { content: ""; }
.fa-ping-pong-paddle-ball::before, .fa-table-tennis-paddle-ball::before, .fa-table-tennis::before { content: ""; }
.fa-teeth-open::before { content: ""; }
.fa-truck-loading::before, .fa-truck-ramp-box::before { content: ""; }
.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
:host, :root { --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }
.fa-opencart::before { content: ""; }
.fa-openid::before { content: ""; }
:host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }
:host, :root { --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }
.page-template-page-adultfront #blog .ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 200px; }
.archive img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; }
#blog h1 { font-size: 24px; font-weight: bold; }
#blog h2 { font-size: 20px; font-weight: bold; background-color: rgb(96, 118, 133); color: rgb(255, 255, 255); padding: 5px; margin: 10px 0px; }
#blog h3 { font-size: 18px; font-weight: bold; border-bottom: 2px solid rgb(144, 175, 197); color: rgb(73, 90, 102); padding-bottom: 2px; margin: 10px 0px; }
#blog h4 { color: rgb(73, 90, 102); padding-bottom: 2px; margin: 10px 0px; }
.archive img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 200px; }
.fs-24 { font-size: 24px; }
@media (max-width: 768px){
.fs-24 { font-size: 19px; }
}
.fs-20 { font-size: 20px; }
@media (max-width: 768px){
.fs-20 { font-size: 18px; }
}
@media (max-width: 768px){
.fs-20 { font-size: 18px; }
}
.fs-18 { font-size: 18px; }
.bg-blue { background-color: rgb(84, 114, 151); }
.bg-pink { background-color: rgb(153, 104, 99); }
.bg-deep-green { background-color: rgb(89, 117, 116); }
.bg-light-green { background-color: rgb(200, 213, 212); }
.bg-light-blue { background-color: rgb(221, 243, 255); }
.bg-kids { background-color: rgb(255, 247, 153); }
.bg-adult { background-color: rgb(89, 117, 116); }
.border-kids { border: 2px solid rgb(255, 247, 153); }
.border-adult { border: 2px solid rgb(125, 163, 161); }
.text-pink { color: rgb(117, 79, 76); }
.text-deep-green { color: rgb(73, 95, 95); }
.text-gray { color: rgb(93, 89, 89); }
.text-brown { color: rgb(98, 85, 74); }
.border-deep-green { border: 2px solid rgb(125, 163, 161); }
.border-beige { border: 2px solid rgb(177, 155, 136); }
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pt-60 { padding-top: 60px; }
@media (max-width: 768px){
.pt-60 { padding-top: 30px; }
}
.pb-60 { padding-bottom: 60px; }
body { font-size: 16px; color: rgb(32, 32, 32); line-height: 1.8em; font-family: "Noto Sans Arabic", sans-serif; }
a { color: rgb(32, 32, 32); text-decoration: none; }
a:hover { color: rgb(32, 32, 32); text-decoration: none; opacity: 0.7; }
h1, h2, h3, h4, ul, li, dl, dt, dd { margin: 0px; padding: 0px; }
ul li { list-style: none; }
ul, ol { line-height: 1.8em; }
p { margin: 0px; }
.small { font-size: 12px; }
.sp-img { width: 80%; margin: 0px auto; }
@media (min-width: 768px){
.sp-img { width: 100%; }
}
.din { font-family: "Zen Dots", sans-serif; font-weight: 300; font-style: normal; }
.tsukua { font-family: "Kosugi Maru", sans-serif; font-style: normal; font-weight: 700; }
.btn { letter-spacing: 0.1em; text-align: center; font-weight: 700; display: block; border-radius: 0px; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; }
.btn:hover { opacity: 0.8; }
@media (min-width: 768px){
.btn { letter-spacing: inherit; }
}
.btn-arrow-ctr::after { content: ""; width: 15px; height: 4px; border-bottom: 1px solid; border-right: 1px solid; transform: skew(45deg); display: inline-block; position: absolute; top: 43%; right: 0.5em; }
@media (min-width: 768px){
.btn-arrow-ctr::after { width: 22px; height: 5px; top: 40%; right: 1em; }
}
.btn.bg-pink, .btn.bg-deep-green, .btn.bg-gray, .btn.bg-blue { color: rgb(255, 255, 255); }
.btn.bg-pink:hover, .btn.bg-deep-green:hover, .btn.bg-gray:hover, .btn.bg-blue:hover { color: rgb(255, 255, 255); }
#fixed-footer { text-align: center; letter-spacing: 0.1em; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
#fixed-footer a { font-size: 14px; font-weight: 700; text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; height: 100%; }
.fixed-footer-item { width: calc(33.3333%); }
@media (min-width: 768px){
#fixed-footer a { font-size: 16px; }
}
#page-top { width: 50px; height: 50px; background-color: rgb(89, 117, 116); position: fixed; bottom: 60px; right: 10px; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
@media (min-width: 992px){
#page-top { bottom: 0px; right: 0px; }
.dropdown-menu { width: 100%; text-align: center; }
}
#page-footer { padding: 60px 0px 80px; }
#footer-nav ul { line-height: 1.4; }
#footer-nav a { display: inline-block; position: relative; padding-left: 1em; }
#footer-nav a::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(0, 0, 0); position: absolute; top: 12px; left: 0px; }
.front_footer_logo img.kids { width: 153px; }
.front_footer_logo img.adult { width: 135px; }
.f-school-name { font-weight: bold; margin-bottom: 20px; margin-top: 35px; }
.f-school-name.namea { margin-top: 12px; }
.f-school-address { font-size: 14px; }
.f-nav-head { font-weight: bold; }
.f-nav-item a { font-size: 14px; }
#page-footer .f-access { margin-bottom: 20px; }
#page-footer .f-access .shop_name { margin-bottom: 5px; font-weight: 700; font-size: 16px; }
.copylight { font-size: 12px; line-height: 18px; text-align: center; }
.info-box { border-bottom: 1px solid rgb(72, 68, 64); padding-bottom: 0.5em; margin: 0.5em 0px 0px; }
@media (min-width: 768px){
.info-box { margin: 0.7em 0px 0px; }
}
.info-head { font-size: 18px; font-weight: 700; }
.info-detail { font-size: 18px; }
#page-header { width: 100%; padding: 10px 0px; background: rgba(255, 255, 255, 0.5); position: fixed; z-index: 1059; top: 0px; left: 0px; }
@media (min-width: 768px){
#page-header { background: none; position: inherit; }
}
.header-logo { width: 83px; height: auto; margin-right: 10px; }
.header-logo a { display: block; }
@media (min-width: 768px){
.header-logo { width: 150px; height: auto; }
}
.header-logo img { width: 100%; height: auto; }
.school-name { font-size: 13px; font-weight: normal; line-height: 1.2; letter-spacing: 0px; }
@media (min-width: 768px){
.school-name { font-size: 14px; }
}
.header-btn { display: none; }
@media (min-width: 992px){
.header-btn { display: flex; align-items: center; }
}
.header-btn a { width: 255px; }
.header-btn a:first-child { margin-right: 10px; }
.footer-tel { background: rgba(255, 247, 153, 0.8); }
.footer-taiken { color: rgb(51, 51, 51); background: rgba(84, 114, 151, 0.8); }
.header-adult { background: rgb(89, 117, 116); color: rgb(255, 255, 255); border: 2px solid rgb(125, 163, 161); }
.header-kids { background: rgb(255, 247, 153); color: rgb(0, 0, 0); border: 2px solid rgb(255, 247, 153); }
.header-adult:hover { background: rgb(255, 255, 255); color: rgb(73, 95, 95); }
.header-kids:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
#menu { width: 100%; position: fixed; top: 0px; right: 0px; z-index: 1059; }
.navbar-collapse { background: rgba(255, 255, 255, 0.9); margin-top: 0.5rem; }
.nav-item { text-align: center; }
.nav-item a { color: rgb(32, 32, 32); font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 10px 0px; }
@media (min-width: 992px){
#menu { position: inherit; background-color: rgb(255, 255, 255); }
#menu.fixed { position: fixed; top: 0px; left: 0px; z-index: 1059; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
.navbar { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
.navbar-collapse { background: inherit; margin-top: 0px; justify-content: space-between; }
.nav-item { text-align: left; position: relative; }
.nav-item a { font-size: 14px; line-height: 1.6; display: block; padding: 0.5em 1em; }
.nav-item::after { content: "|"; letter-spacing: 0px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
.nav-item:last-child::after { content: none; }
}
@media (min-width: 1200px){
.nav-item a { font-size: 14px; }
}
@media (min-width: 1300px){
.nav-item a { font-size: 15px; }
}
.navbar-toggler { padding: 0px; }
.navbar-toggler-icon { width: 20px; height: 20px; background-image: url("../img/a46245764fa.svg"); }
.navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("../img/a85405a106e.svg"); }
.menu-wrap { position: relative; }
.menu-btn { position: absolute; top: 0px; right: 0px; }
.menu-btn .btn { font-size: 14px; padding-left: 4em; padding-right: 4em; }
@media (min-width: 1200px){
.menu-btn .btn { font-size: 18px; }
}
#mv { width: 100%; display: flex; flex-wrap: wrap; }
#mv > div { width: 50%; }
#mv .mv-bg-kids { font-size: 14px; line-height: 20px; padding: 0px 20px; text-align: center; background: rgb(255, 247, 153); }
#mv .mv-bg-adult { font-size: 14px; line-height: 20px; padding: 0px 20px; text-align: center; background: rgb(201, 224, 222); }
#mv .mv-bg-kids span, #mv .mv-bg-adult span { font-size: 25px; }
@media (min-width: 768px){
#mv .mv-bg-kids, #mv .mv-bg-adult { font-size: 18px; line-height: 28px; }
#mv .mv-bg-kids span, #mv .mv-bg-adult span { font-size: 35px; }
}
#hello { height: calc(146.667vw); display: flex; justify-content: center; align-items: center; }
@media (min-width: 768px){
#hello { height: calc(52.3438vw); }
}
.hello-text-1, .hello-text-2 { color: rgb(255, 255, 255); }
.hello-text-1 { font-size: 50px; line-height: 1.2; opacity: 0.6; }
@media (min-width: 768px){
.hello-text-1 { font-size: 8vw; }
}
.hello-text-2 { font-size: 18px; font-weight: 700; }
@media (min-width: 768px){
.hello-text-2 { font-size: 2.3vw; }
}
.section-title-sub { font-size: 18px; font-weight: 700; text-align: center; }
@media (min-width: 768px){
.section-title-sub { font-size: 20px; }
}
.new-mark { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; border-width: 30px; border-style: solid; border-color: crimson crimson transparent transparent; }
.new-mark span { position: absolute; top: calc(50% - 8px); left: calc(50% + 8px); transform: translate(-50%, -50%) rotateZ(45deg); font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; }
.cl-box { display: block; }
.cl-text { font-size: 14px; font-weight: 700; text-align: center; line-height: 1.4; height: 3em; }
.course-title-head-w, .course-title-head-b { font-size: 30px; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); }
@media (min-width: 768px){
.course-title-head-w, .course-title-head-b { font-size: 40px; }
}
.course-title-head-w { color: rgb(255, 255, 255); text-shadow: rgb(51, 51, 51) 1px 1px 2px; }
.note { position: relative; padding: 0.5em 1em; display: inline-block; }
.note::before, .note::after { content: ""; position: absolute; }
.course-feature-detail .note { color: rgb(255, 255, 255); font-size: 20px; }
@media (min-width: 768px){
.course-feature-detail .note { font-size: 30px; }
}
.course-feature-detail .note::before { content: none; }
.course-feature-detail .note::after { top: 0px; right: 0px; border-width: 0px 15px 15px 0px; border-style: solid; display: block; width: 0px; }
#course-piano .course-feature-detail .note, #course-bass .course-feature-detail .note, #course-guitar .course-feature-detail .note, #course-drum .course-feature-detail .note, #course-sax .course-feature-detail .note, #course-violin .course-feature-detail .note, #course-vocal .course-feature-detail .note, #course-ukulele .course-feature-detail .note { background-color: rgb(96, 118, 133); }
#course-piano .course-feature-detail .note::after, #course-bass .course-feature-detail .note::after, #course-guitar .course-feature-detail .note::after, #course-drum .course-feature-detail .note::after, #course-sax .course-feature-detail .note::after, #course-violin .course-feature-detail .note::after, #course-vocal .course-feature-detail .note::after, #course-ukulele .course-feature-detail .note::after { border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(73, 90, 102) rgb(73, 90, 102); background: rgb(96, 118, 133); }
#course-kidz .course-feature-detail .note, #course-rhythmic .course-feature-detail .note { background-color: rgb(217, 175, 170); }
#course-kidz .course-feature-detail .note::after, #course-rhythmic .course-feature-detail .note::after { border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(217, 175, 170) rgb(217, 175, 170); background: rgb(217, 175, 170); }
.more { color: rgb(98, 85, 74); border: 1px solid rgb(177, 155, 136); }
.more:hover { color: rgb(98, 85, 74); }
.feature-box { color: rgb(255, 255, 255); border-radius: 20px; padding: 10px; height: 100%; }
@media (min-width: 768px){
.feature-box { padding: 20px 15px; }
}
#course-piano .feature-box, #course-bass .feature-box, #course-guitar .feature-box, #course-drum .feature-box, #course-sax .feature-box, #course-vocal .feature-box, #course-violin .feature-box, #course-ukulele .feature-box, #course-rhythmic .feature-box { background-color: rgb(96, 118, 133); }
#course-kidz .feature-box, #course-rhythmic .feature-box { background-color: rgb(217, 175, 170); }
.feature-number { font-size: 20px; text-align: center; position: relative; margin-bottom: 12px; }
@media (min-width: 768px){
.feature-number { font-size: 30px; margin-bottom: 27px; }
}
.feature-number::after { content: ""; width: 1.5em; height: 2px; background-color: rgb(255, 255, 255); display: block; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px){
.feature-number::after { bottom: -12px; }
}
.feature-text { font-size: 16px; line-height: 1.4; letter-spacing: 0.1em; }
@media (min-width: 768px){
.feature-text { font-size: 20px; min-height: 6em; }
}
.price-head, .lesson-time-head { text-align: center; }
.price-head span, .lesson-time-head span { font-size: 20px; font-weight: 700; border-radius: 50px; padding: 0.5em 2em; }
@media (min-width: 768px){
.price-head span, .lesson-time-head span { font-size: 24px; }
}
.price-head span { color: rgb(255, 255, 255); background-color: rgb(128, 111, 97); display: inline-block; }
.lesson-time-head span { color: rgb(98, 85, 74); background-color: rgb(255, 255, 255); border: 2px solid rgb(177, 155, 136); display: inline-block; }
.price-box, .lesson-time-box { border: 2px solid rgb(177, 155, 136); padding: 30px 15px; margin-top: -25px; }
@media (min-width: 768px){
.price-box, .lesson-time-box { padding: 30px 50px; margin-top: -25px; }
}
.price-box .info-detail, .lesson-time-box .info-detail { font-weight: 300; }
.lesson-time-box { background-color: rgb(240, 238, 236); }
.price-box-head { color: rgb(98, 85, 74); font-size: 18px; font-weight: 700; }
@media (min-width: 768px){
.price-box-head { color: rgb(98, 85, 74); font-size: 20px; }
}
#course-rhythmic .price-box { background-color: rgb(240, 238, 236); }
#teacher { color: rgb(255, 255, 255); }
#teacher-course-list .btn, #voice-list .btn { color: rgb(73, 95, 95); font-size: 16px; background-color: rgb(255, 255, 255); }
#teacher-course-list .btn .btn:hover, #teacher-course-list .btn .btn.btn.active { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); }
.tc-head-1, .tc-head-2 { text-align: center; }
@media (min-width: 768px){
.tc-head-1, .tc-head-2 { font-size: 22px; }
}
.tc-head-1 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; padding: 0.3em; }
@media (min-width: 768px){
.tc-head-1 { font-size: 22px; }
}
.tc-head-2 { font-size: 16px; }
@media (min-width: 768px){
.tc-head-2 { font-size: 18px; }
}
.teacher-name { font-size: 18px; text-align: center; font-weight: 700; }
@media (min-width: 768px){
.teacher-name { font-size: 20px; }
}
.content { display: none; }
.content.show { display: block; }
.modal-bg { position: relative; background-color: rgb(255, 255, 255); }
.modal-button { display: block; }
.modal-button img { opacity: 1; transition: 0.2s ease-in-out; }
.view-details { opacity: 0; color: rgb(73, 95, 95); white-space: nowrap; border: 1px solid rgb(125, 163, 161); padding: 0.5em 1.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.modal-button:hover { opacity: 1; }
.modal-button:hover .view-details { opacity: 1; }
.modal-button:hover img { opacity: 0.1; }
@media (min-width: 768px){
.modal-dialog { max-width: 738px; }
}
@media (min-width: 992px){
.modal-dialog { max-width: 961px; }
}
@media (min-width: 1200px){
.modal-dialog { max-width: 1000px; }
}
.modal-header { font-size: 18px; font-weight: 700; text-align: center; }
@media (min-width: 992px){
.modal-header { font-size: 25px; }
}
.mct-head { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; margin-bottom: 0.3em; background-color: rgb(89, 117, 116); padding: 0.3em 0.5em; }
.mct-detail { padding: 0px 0.5em; }
.mct-detail ul { padding-left: 1em; }
.mct-detail ul li { list-style-type: disc; }
.section-title { position: relative; font-size: 22px; line-height: 1.6; text-align: center; padding-bottom: 20px; margin-bottom: 20px; }
.section-title::after { content: ""; position: absolute; bottom: 0px; left: calc(50% - 25px); background: rgb(0, 0, 0); width: 50px; height: 2px; border-radius: 2px; }
#kidscourse-list { background-color: rgb(255, 249, 219); }
@media (min-width: 768px){
#kidscourse-list .course-wrap { padding: 30px; }
}
#kidscourse-list .course-wrap, #adultcourse-list .course-wrap { padding: 20px 15px; height: 100%; background-color: rgb(255, 255, 255); border-radius: 20px; }
#kidscourse-list #course-rhythmic .course-head { background-color: rgb(196, 219, 250); }
#kidscourse-list .course-list-title, #adultcourse-list .course-list-title { text-align: center; font-weight: bold; }
#kidscourse-list .course-head { font-size: 20px; font-weight: bold; text-align: center; padding: 0.3em 0.5em; }
#kidscourse-list #course-kids .course-head { background-color: rgb(173, 229, 220); }
#kidscourse-list #course-junior .course-head { background-color: rgb(255, 247, 153); }
#kidscourse-list .btn-round.bg-blue { color: rgb(255, 255, 255); }
#kidscourse-list .btn-round { letter-spacing: 0.1em; text-align: center; font-weight: 700; display: block; border-radius: 30px; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; }
#kidscourse-list .bg-blue { background-color: rgb(84, 114, 151); }
#price-list p.allcourse2 { text-align: center; background: rgb(128, 111, 97); padding: 15px; color: rgb(255, 255, 255); font-size: 20px; margin-bottom: 20px; }
#price-list .tabs { margin-top: 50px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; }
#price-list .tab_item { width: calc(50%); height: 50px; background-color: rgb(217, 217, 217); line-height: 50px; font-size: 16px; text-align: center; color: rgb(86, 86, 86); display: block; float: left; font-weight: bold; transition: 0.2s; }
#price-list .tab_item:hover { opacity: 0.75; }
#price-list input[name="tab_item"] { display: none; }
#price-list .tab_content { display: none; padding: 40px; clear: both; overflow: hidden; font-size: 20px; }
@media (max-width: 768px){
#price-list .tab_content { padding: 30px 10px; }
}
#price-list .tab_content h4 { font-size: 20px; }
#price-list .tab_content#kidsprice_content { border: 3px solid rgb(255, 247, 153); background: rgb(255, 252, 239); }
#price-list .tab_content#adultprice_content { border: 3px solid rgb(125, 163, 161); background: rgb(233, 245, 244); }
#price-list #kidsprice:checked ~ #kidsprice_content, #price-list #adultprice:checked ~ #adultprice_content { display: block; }
#price-list .tabs input#kidsprice:checked + .tab_item { background-color: rgb(255, 247, 153); color: rgb(0, 0, 0); }
#price-list .tabs input#adultprice:checked + .tab_item { background-color: rgb(89, 117, 116); color: rgb(255, 255, 255); }
@media (min-width: 768px){
.section-title { font-size: 30px; }
}
#about .section-title { color: rgb(73, 95, 95); opacity: 0.3; }
#blog .section-title { color: rgb(255, 255, 255); opacity: 0.5; }
.info-box { border-bottom: 1px solid rgb(112, 112, 112); padding-bottom: 0.5em; margin: 0.5em 0px 0px; }
@media (min-width: 768px){
.info-box { margin: 0.7em 0px 0px; }
}
.info-head { font-size: 18px; font-weight: bold; }
.info-detail { font-size: 18px; text-align: right; }
.about-number { color: rgb(73, 95, 95); font-size: 80px; }
@media (min-width: 992px){
.about-number { font-size: 120px; }
}
.about-box { position: relative; margin-top: 30px; }
@media (min-width: 992px){
.about-box { margin-top: 40px; }
}
.about-number { position: absolute; top: 0px; left: 0px; }
.about-head { font-size: 18px; line-height: 1.4; font-weight: 700; }
@media (min-width: 768px){
.about-head { font-size: 20px; }
}
.faq-box { background-color: rgb(255, 255, 255); padding: 15px; }
@media (min-width: 768px){
.faq-box { padding: 20px 30px; }
}
.faq-head { display: block; position: relative; }
.faq-head::after { color: rgb(73, 95, 95); content: "ー"; font-size: 16px; font-weight: 700; display: block; position: absolute; top: 50%; right: 0.5em; transform: translateY(-50%); }
@media (min-width: 768px){
.faq-head::after { right: 1em; }
}
.faq-head.collapsed::after { content: "＋"; }
.faq-detail { padding-top: 40px; }
.faq-icon { color: rgb(73, 95, 95); font-size: 30px; margin-right: 10px; }
@media (min-width: 768px){
.faq-icon { font-size: 40px; margin-right: 20px; }
}
.faq-q { font-size: 18px; line-height: 1.4; font-weight: 700; }
@media (min-width: 768px){
.faq-q { font-size: 24px; }
}
.access-head { font-size: 18px; font-weight: 700; text-align: center; color: rgb(98, 85, 74); }
@media (min-width: 768px){
.access-head { font-size: 20px; }
}
.access-table th { width: 20%; padding-top: 10px; padding-bottom: 10px; font-size: 18px; }
.access-table td { width: 80%; padding-top: 10px; padding-bottom: 10px; line-height: 30px; font-size: 18px; }
.access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
@media (max-width: 768px){
.access-table th { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
.access-table td { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
.access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
}
form label { margin: 0px; }
form .required, form .any { font-size: 12px; color: rgb(255, 255, 255); padding: 0.2em 0.5em 0.3em; border-radius: 5px; font-weight: normal; }
form .required { background-color: rgb(153, 104, 99); }
form .form-head { font-weight: 700; padding-top: 0.9em; }
form .form-detail { padding-top: 0.6em; padding-bottom: 0.7em; }
form .form-control, form .form-select { padding: 0.75rem; }
form .form-check { margin-bottom: 1em; }
@media (min-width: 992px){
form .form-check { margin-bottom: 0px; }
}
form select.form-control { height: calc(2px + 3rem); }
form textarea { height: 150px; }
form .btn { color: rgb(255, 255, 255); font-weight: 700; padding: 0.5em 2em; text-align: center; }
form .btn:hover { color: rgb(255, 255, 255); opacity: 0.8; }
.navbar-toggler { background: rgb(255, 255, 255); padding: 7.5px; opacity: 0.8; }
#message { background: url("../img/ae9b010a1af.webp") 0% 0% / cover repeat-y; }
#message .section-title { color: rgb(73, 95, 95); opacity: 0.7; }
#message .section-title-sub { color: rgb(73, 95, 95); }
.home #news .news-list a { position: relative; display: block; }
@media (min-width: 768px){
.home #news .news-list a { height: 100%; }
}
.home #news .news-list a h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.home #news .news-list a p.post_date { font-size: 12px; margin-bottom: 0px; color: rgb(93, 89, 89); }
.home #news .news-list a p.post_date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
.home #news .news-list a.news { border: 2px solid rgb(125, 163, 161); }
.home #frontblog .blog-sp img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 200px; }
.home #news .news-list a .thumbnail img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 200px; }
.home #news .news-list a .news-childcat { padding: 5px 10px; font-size: 12px; color: rgb(255, 255, 255); display: inline-block; line-height: 1; position: absolute; top: 0px; left: 0px; }
.home #news .news-list a .news-childcat.info-kids, .home #news .news-list a .news-childcat.info { background: rgb(74, 118, 156); }
.home #news .news-list a .news-childcat.important-kids, .home #news .news-list a .news-childcat.important { background: rgb(183, 83, 53); }
.home #news .news-list a .news-childcat.event-kids, .home #news .news-list a .news-childcat.event { background: rgb(0, 132, 116); }
.home #news .archive-link { border-radius: 30px; }
.home #news .archive-link:hover { background: rgb(255, 255, 255); color: rgb(0, 0, 0) !important; }
.side_bar .news-cat, .blog-detail .news-cat { font-size: 12px; }
#news .news-cat.event, .side_bar .news-cat.event, .blog-detail .news-cat.event { background: rgb(0, 132, 116); }
#news .news-cat.info, .side_bar .news-cat.info, .blog-detail .news-cat.info { background: rgb(74, 118, 156); }
#news .news-cat.important, .side_bar .news-cat.important, .blog-detail .news-cat.important { background: rgb(183, 83, 53); }
#page-footer .f-access { margin-bottom: 20px; }
#page-footer .f-access .shop_name { margin-bottom: 5px; font-weight: 700; font-size: 16px; }
.copylight { text-align: center; }
#breadcrumb { background: rgb(240, 238, 236); font-size: 12px; }
#breadcrumb a { color: rgb(32, 32, 32); text-decoration: underline; }
.side_ttl { font-size: 18px; font-weight: bold; padding: 0.25em 0.5em; background: transparent; border-left: 5px solid rgb(144, 175, 197); margin-bottom: 30px; }
.side_single_ttl { font-size: 16px; }
.side_bar_cate { border: 0.5px solid rgb(169, 169, 169); list-style: none !important; }
.side_bar_cate li { border: 0.5px solid rgb(169, 169, 169); padding: 10px; }
.blog-detail__title { font-size: 22px; font-weight: 700; }
.blog-detail img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 450px; }
.single.single-blog .blog-detail img.ofi, .single.single-post .blog-detail img.ofi { object-fit: contain; font-family: "Kosugi Maru", sans-serif; height: 450px; }
.single-date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
.blog-detail .single-date { margin-bottom: 30px; }
.blog-detail__body { margin-top: 50px; }
.blog-content p { margin-bottom: 15px; }
.blog-detail img { max-width: 100%; height: auto; }
.home .access-table { width: 100%; }
.home #frontblog h3 { color: rgb(51, 51, 51); border: none; }
.home #frontblog .post-date { font-size: 12px; line-height: 1; color: rgb(93, 89, 89); }
.home #frontblog .post-date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
.home #frontblog h3.post-title { font-size: 18px; line-height: 1.4; font-weight: bold; margin-bottom: 10px; }
@media (max-width: 768px){
.home #frontblog .blog-sp a > div { position: relative; display: flex; flex-wrap: wrap; }
.home #frontblog .blog-sp a .thumbnail { width: 35%; }
.home #frontblog .blog-sp a > div div.post_cont { width: 65%; padding-right: 1.5rem !important; padding-top: 1.5rem !important; }
.home #frontblog .blog-sp img.ofi { height: 120px; }
.home #frontblog h3.post-title { font-size: 16px; line-height: 1.4; font-weight: bold; margin-bottom: 10px; }
.home #news .news-list a { position: relative; display: flex; flex-wrap: wrap; }
.home #news .news-list a .thumbnail { width: 35%; }
.home #news .news-list a > div:last-child { width: 65%; padding-right: 1.5rem !important; padding-top: 1.5rem !important; }
.home #news .news-list a .thumbnail img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; height: 120px; }
.home #news .news-list a h3 { font-size: 16px; margin-bottom: 10px; }
.blog-detail img.ofi { height: 200px; }
.side_ttl { margin-bottom: 15px; }
.home #news .news-list { margin-bottom: 1.5rem; }
.home #news .news-list:last-child { margin-bottom: 0px; }
.pt-40 { padding-top: 20px; }
#price-list .tab_content { padding: 40px 20px; }
#mv .mv-bg-kids span, #mv .mv-bg-adult span { line-height: 1.25; }
}
.post-category.reception, .post-category.reception-kids { background: rgb(35, 105, 196); }
.post-category.event, .post-category.event-kids { background: rgb(0, 132, 116); }
.post-category.lesson { background: rgb(242, 165, 109); }
.post-category.dance, .post-category.qa { background: rgb(255, 132, 132); }
.post-category.teacher { background: rgb(152, 140, 198); }
.post-category { color: rgb(255, 255, 255); font-size: 12px; line-height: 1; position: absolute; top: 0px; left: 0px; padding: 3px 8px 5px; }
.archive .category-list-blog-adult .archive-ttl { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.archive .category-list-blog-adult .post_date { font-size: 12px; margin-bottom: 0px; color: rgb(93, 89, 89); }
.archive .category-list-blog-adult .post_date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
.archive .category-list-blog-adult a { position: relative; height: 100%; }
.archive .archive-border { border: 2px solid rgb(125, 163, 161); }
.archive .category-list-blog-adult h1 { font-family: "Kosugi Maru", sans-serif; font-style: normal; font-weight: 700; font-size: 22px; line-height: 1.6; }
@media (max-width: 768px){
.archive img.ofi { height: 120px; }
.archive #archive-list a > div { position: relative; display: flex; flex-wrap: wrap; }
.archive #archive-list a .thumbnail { width: 35%; }
.archive #archive-list a > div div:last-child { width: 65%; }
.archive .category-list-blog-adult .archive-ttl { font-size: 16px; margin-bottom: 10px; }
.archive #archive-list a .category-cont { display: none; }
}
@media (min-width: 768px){
.archive .category-list-blog-adult h1 { font-size: 30px; }
}
.trial-box { border: 2px solid rgb(127, 159, 155); background: rgb(245, 247, 247); }
.trial-box-head { background: rgb(127, 159, 155); color: rgb(255, 255, 255); text-align: center; font-weight: 700; padding: 12px; font-size: 18px; letter-spacing: 1px; }
.trial-box-body { padding: 20px; }
.trial-list { list-style: none; padding: 0px; margin-bottom: 20px; }
.trial-list li { position: relative; padding-left: 28px; margin-bottom: 10px; font-weight: 600; color: rgb(74, 94, 91); }
.trial-list li::before { content: "✔"; position: absolute; left: 0px; top: 0px; color: rgb(74, 94, 91); font-weight: bold; }
.trial-text { font-weight: 700; color: rgb(51, 51, 51); line-height: 1.8; }
.lesson-head { background-color: rgb(128, 111, 97); color: rgb(255, 255, 255); padding: 5px; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0px 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0px !important; }
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi){
:root { --wp-admin-border-width-focus: 1.5px; }
}
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); }
@media screen and (max-width: 600px){
html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; }
}
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: .8em; --wp--preset--font-size--medium: 1em; --wp--preset--font-size--large: 1.2em; --wp--preset--font-size--x-large: 42px; --wp--preset--font-size--xlarge: 1.5em; --wp--preset--font-size--xxlarge: 2em; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); --wp--custom--spacing--small: max(1.25rem, 5vw); --wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap))); --wp--custom--spacing--large: clamp(4rem, 10vw, 8rem); --wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem); --wp--custom--typography--font-size--huge: "Noto Sans Arabic", sans-serif; --wp--custom--typography--font-size--gigantic: "M PLUS Rounded 1c", sans-serif; --wp--custom--typography--font-size--colossal: "M PLUS 1p", sans-serif; --wp--custom--typography--line-height--tiny: 1.15; --wp--custom--typography--line-height--small: 1.2; --wp--custom--typography--line-height--medium: 1.4; --wp--custom--typography--line-height--normal: 1.6; }
:root { --wp--style--global--content-size: 769px; --wp--style--global--wide-size: 1240px; }
:where(body) { margin: 0px; }
:root { --wp--style--block-gap: 1.5em; }
:root :where(.is-layout-flow) > :first-child { margin-block-start: 0px; }
:root :where(.is-layout-flow) > :last-child { margin-block-end: 0px; }
:root :where(.is-layout-flow) > * { margin-block: 1.5em 0px; }
:root :where(.is-layout-constrained) > :first-child { margin-block-start: 0px; }
:root :where(.is-layout-constrained) > :last-child { margin-block-end: 0px; }
:root :where(.is-layout-constrained) > * { margin-block: 1.5em 0px; }
:root :where(.is-layout-flex) { gap: 1.5em; }
:root :where(.is-layout-grid) { gap: 1.5em; }
.is-layout-flow > .alignleft { float: left; margin-inline: 0px 2em; }
.is-layout-flow > .alignright { float: right; margin-inline: 2em 0px; }
.is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > .alignleft { float: left; margin-inline: 0px 2em; }
.is-layout-constrained > .alignright { float: right; margin-inline: 2em 0px; }
.is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); }
body .is-layout-flex { display: flex; }
.is-layout-flex { flex-wrap: wrap; align-items: center; }
.is-layout-flex > :is(*, div) { margin: 0px; }
body .is-layout-grid { display: grid; }
.is-layout-grid > :is(*, div) { margin: 0px; }
body { padding: 0px; }
.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0px; border: 0px; overflow-wrap: normal !important; word-break: normal !important; }
.wpcf7 .hidden-fields-container { display: none; }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid rgb(0, 160, 210); }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; }
.wpcf7-form-control-wrap { position: relative; }
.wpcf7-list-item { display: inline-block; margin: 0px 0px 0px 1em; }
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; }
.wpcf7-spinner { visibility: hidden; display: inline-block; background-color: rgb(35, 40, 45); opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0px; margin: 0px 24px; position: relative; }
.wpcf7-spinner::before { content: ""; position: absolute; background-color: rgb(251, 251, 252); top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; }
@media (prefers-reduced-motion: reduce){
.wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; }
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; }
.wpcf7-reflection > output[hidden] { display: none; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: rgb(0, 0, 0); }
.wp-pagenavi span.current { font-weight: bold; }
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active { border-bottom: 5px solid rgb(51, 51, 51); font-weight: bold; }
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .page-template-page-kidsfront #news .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #blog .ofi, :where([data-cl-s~="s14"]) .page-template-page #news .ofi, :where([data-cl-s~="s14"]) .page-template-page #blog .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #pickup .ofi, :where([data-cl-s~="s14"]) .archive img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; }
:where([data-cl-s~="s14"]) .page-template-page-kidsfront #news .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #pickup .ofi, :where([data-cl-s~="s14"]) .page-template-page #news .ofi, :where([data-cl-s~="s14"]) .page-template-page #blog .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #blog .ofi, :where([data-cl-s~="s14"]) .archive img.ofi { height: 120px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .page-template-page-kidsfront #news .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #pickup .ofi, :where([data-cl-s~="s14"]) .page-template-page #news .ofi, :where([data-cl-s~="s14"]) .page-template-page #blog .ofi, :where([data-cl-s~="s14"]) .page-template-page-kidsfront #blog .ofi, :where([data-cl-s~="s14"]) .archive img.ofi { height: 175px; }
}
:where([data-cl-s~="s14"]) .fs-18 { font-size: 18px; }
:where([data-cl-s~="s14"]) .bg-blue { background-color: rgb(84, 114, 151); }
:where([data-cl-s~="s14"]) .bg-light-blue { background-color: rgb(221, 243, 255); }
:where([data-cl-s~="s14"]) .border-blue { border: 2px solid rgb(135, 180, 237); }
:where([data-cl-s~="s14"]) .pt-20 { padding-top: 20px; }
:where([data-cl-s~="s14"]) .pt-40 { padding-top: 20px; }
:where([data-cl-s~="s14"]) .pb-40 { padding-bottom: 20px; }
:where([data-cl-s~="s14"]) .pt-60 { padding-top: 30px; }
:where([data-cl-s~="s14"]) .pb-60 { padding-bottom: 30px; }
:where([data-cl-s~="s14"]) .btn.disabled, :where([data-cl-s~="s14"]) .btn:disabled, :where([data-cl-s~="s14"]) fieldset:disabled .btn { background: rgb(169, 169, 169) !important; }
:where([data-cl-s~="s14"]) body { font-size: 16px; color: rgb(51, 51, 51); line-height: 1.8em; font-family: "Noto Sans Arabic", sans-serif; }
:where([data-cl-s~="s14"]) a { color: rgb(32, 32, 32); text-decoration: none; }
:where([data-cl-s~="s14"]) a:hover { color: rgb(32, 32, 32); text-decoration: none; opacity: 0.7; }
:where([data-cl-s~="s14"]) h1, :where([data-cl-s~="s14"]) h2, :where([data-cl-s~="s14"]) h3, :where([data-cl-s~="s14"]) h4, :where([data-cl-s~="s14"]) ul, :where([data-cl-s~="s14"]) li, :where([data-cl-s~="s14"]) dl, :where([data-cl-s~="s14"]) dt, :where([data-cl-s~="s14"]) dd { margin: 0px; padding: 0px; }
:where([data-cl-s~="s14"]) ul li { list-style: none; }
:where([data-cl-s~="s14"]) ul, :where([data-cl-s~="s14"]) ol { line-height: 1.8em; }
:where([data-cl-s~="s14"]) p { margin: 0px; }
:where([data-cl-s~="s14"]) .small { font-size: 14px; }
:where([data-cl-s~="s14"]) .sp-img { width: 80%; margin: 0px auto; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .sp-img { width: 100%; }
}
:where([data-cl-s~="s14"]) .din { font-family: "Zen Dots", sans-serif; font-weight: 300; font-style: normal; }
:where([data-cl-s~="s14"]) .tsukua { font-family: "Kosugi Maru", sans-serif; font-style: normal; font-weight: 700; }
:where([data-cl-s~="s14"]) .btn { letter-spacing: 0.1em; text-align: center; font-weight: 700; display: block; border-radius: 0px; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; }
:where([data-cl-s~="s14"]) .btn:hover { opacity: 0.8; }
:where([data-cl-s~="s14"]) .btn-round { letter-spacing: 0.1em; text-align: center; font-weight: 700; display: block; border-radius: 30px; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; }
:where([data-cl-s~="s14"]) .btn:hover { opacity: 0.8; }
:where([data-cl-s~="s14"]) .btn-arrow-ctr::after { content: ""; width: 15px; height: 4px; border-bottom: 1px solid; border-right: 1px solid; transform: skew(45deg); display: inline-block; position: absolute; top: 43%; right: 1em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .btn-arrow-ctr::after { width: 22px; height: 5px; top: 40%; right: 1em; }
}
:where([data-cl-s~="s14"]) .btn-square-beige { color: rgb(98, 85, 74); border: 2px solid rgb(177, 155, 136); }
:where([data-cl-s~="s14"]) .btn-square-beige:hover { color: rgb(98, 85, 74); }
:where([data-cl-s~="s14"]) .btn.bg-blue { color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .btn.bg-blue:hover { color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .btn-round.bg-blue { color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .btn-round.bg-blue:hover { color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) #page-header { width: 100%; padding: 10px 0px; background: rgba(255, 255, 255, 0.5); position: fixed; z-index: 1059; top: 0px; left: 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #page-header { background: none; position: inherit; }
}
:where([data-cl-s~="s14"]) .header-logo { width: 90px; height: 29px; margin-right: 10px; }
:where([data-cl-s~="s14"]) .header-logo a { display: block; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .header-logo { width: 182px; height: 60px; }
}
:where([data-cl-s~="s14"]) .header-logo img { width: 100%; height: auto; }
:where([data-cl-s~="s14"]) .school-name { font-size: 13px; font-weight: normal; line-height: 1.2; letter-spacing: 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .school-name { font-size: 14px; }
}
:where([data-cl-s~="s14"]) .header-btn { display: none; }
@media (min-width: 992px){
:where([data-cl-s~="s14"]) .header-btn { display: flex; align-items: center; }
}
:where([data-cl-s~="s14"]) .header-btn a { width: 225px; }
:where([data-cl-s~="s14"]) .header-tel, :where([data-cl-s~="s14"]) .footer-tel { color: rgb(51, 51, 51); background: rgba(255, 247, 153, 0.8); }
:where([data-cl-s~="s14"]) .header-taiken, :where([data-cl-s~="s14"]) .footer-taiken { color: rgb(51, 51, 51); background: rgba(84, 114, 151, 0.8); }
:where([data-cl-s~="s14"]) #fixed-footer { text-align: center; letter-spacing: 0.1em; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
:where([data-cl-s~="s14"]) #fixed-footer a { font-size: 14px; font-weight: 700; text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; height: 100%; }
:where([data-cl-s~="s14"]) .fixed-footer-item { width: calc(33.3333%); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #fixed-footer a { font-size: 16px; }
}
:where([data-cl-s~="s14"]) #page-top { width: 50px; height: 50px; background-color: rgb(84, 114, 151); position: fixed; bottom: 60px; right: 10px; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
@media (min-width: 992px){
:where([data-cl-s~="s14"]) #page-top { bottom: 80px; right: 0px; }
}
:where([data-cl-s~="s14"]) #page-footer { padding: 60px 0px 80px; }
:where([data-cl-s~="s14"]) #footer-nav ul { line-height: 1.4; }
:where([data-cl-s~="s14"]) #footer-nav a { display: inline-block; position: relative; padding-left: 1em; }
:where([data-cl-s~="s14"]) #footer-nav a::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(0, 0, 0); position: absolute; top: 12px; left: 0px; }
:where([data-cl-s~="s14"]) .f-nav-head { font-weight: bold; }
:where([data-cl-s~="s14"]) .f-nav-item a { font-size: 14px; }
:where([data-cl-s~="s14"]) #page-footer .f-access { margin-bottom: 20px; }
:where([data-cl-s~="s14"]) #page-footer .f-access .shop_name { margin-bottom: 5px; font-weight: 700; font-size: 16px; }
:where([data-cl-s~="s14"]) .copylight { font-size: 12px; line-height: 18px; text-align: center; }
:where([data-cl-s~="s14"]) #menu { width: 100%; position: fixed; top: 0px; right: 0px; z-index: 1059; }
:where([data-cl-s~="s14"]) .navbar-collapse { background: rgba(255, 255, 255, 0.9); margin-top: 0.5rem; }
:where([data-cl-s~="s14"]) .nav-item { text-align: center; }
:where([data-cl-s~="s14"]) .nav-item a { color: rgb(32, 32, 32); font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 10px 0px; }
@media (min-width: 992px){
:where([data-cl-s~="s14"]) #menu { position: inherit; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) #menu.fixed { position: fixed; top: 0px; left: 0px; z-index: 1059; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
:where([data-cl-s~="s14"]) .navbar { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
:where([data-cl-s~="s14"]) .navbar-collapse { background: inherit; margin-top: 0px; justify-content: space-between; }
:where([data-cl-s~="s14"]) .nav-item { text-align: left; position: relative; }
:where([data-cl-s~="s14"]) .nav-item a { font-size: 12px; line-height: 1.6; display: block; padding: 0.5em 1em; }
:where([data-cl-s~="s14"]) .nav-item .dropdown a { padding: 0.5em 0.75em; }
:where([data-cl-s~="s14"]) .dropdown-menu { width: 100%; text-align: center; }
:where([data-cl-s~="s14"]) .nav-item::after { content: "|"; letter-spacing: 0px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
:where([data-cl-s~="s14"]) .nav-item:last-child::after { content: none; }
}
@media (min-width: 1200px){
:where([data-cl-s~="s14"]) .nav-item a { font-size: 13px; }
}
@media (min-width: 1400px){
:where([data-cl-s~="s14"]) .nav-item a { font-size: 15px; }
}
:where([data-cl-s~="s14"]) .navbar-toggler { background: rgb(255, 255, 255); border: 2px solid rgb(135, 180, 237); border-radius: 0px; padding: 7px; }
:where([data-cl-s~="s14"]) .navbar-toggler-icon { width: 20px; height: 20px; background-image: url("../img/af462f6b2fc.svg"); }
:where([data-cl-s~="s14"]) .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("../img/aa8838c51eb.svg"); }
:where([data-cl-s~="s14"]) .menu-wrap { position: relative; }
:where([data-cl-s~="s14"]) .menu-btn { position: absolute; top: 0px; right: 0px; }
:where([data-cl-s~="s14"]) .menu-btn .btn { font-size: 14px; padding-left: 4em; padding-right: 4em; }
@media (min-width: 1200px){
:where([data-cl-s~="s14"]) .menu-btn .btn { font-size: 18px; }
}
:where([data-cl-s~="s14"]) #mv-slider { position: relative; }
:where([data-cl-s~="s14"]) #mv { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; height: auto; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #mv { top: 0px; height: calc(55.8594vw); }
}
:where([data-cl-s~="s14"]) #hello { height: auto; display: flex; justify-content: center; align-items: center; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #hello { height: calc(52.3438vw); }
}
:where([data-cl-s~="s14"]) .hello-text-1, :where([data-cl-s~="s14"]) .hello-text-2 { color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .hello-text-1 { font-size: 48px; line-height: 1; opacity: 0.6; text-shadow: rgba(0, 0, 0, 0.06) 0px 1.9px 2.5px, rgba(0, 0, 0, 0.075) 0px 5px 6.1px, rgba(0, 0, 0, 0.086) 0px 10.1px 11.4px, rgba(0, 0, 0, 0.09) 0px 19.2px 19.8px, rgba(0, 0, 0, 0.1) 0px 38.4px 34.8px, rgba(0, 0, 0, 0.13) 0px 101px 74px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .hello-text-1 { font-size: 5vw; }
}
:where([data-cl-s~="s14"]) .hello-text-2 { font-size: 18px; font-weight: 700; padding-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.06) 0px 1.9px 2.5px, rgba(0, 0, 0, 0.075) 0px 5px 6.1px, rgba(0, 0, 0, 0.086) 0px 10.1px 11.4px, rgba(0, 0, 0, 0.09) 0px 19.2px 19.8px, rgba(0, 0, 0, 0.1) 0px 38.4px 34.8px, rgba(0, 0, 0, 0.13) 0px 101px 74px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .hello-text-2 { font-size: 2.3vw; }
}
:where([data-cl-s~="s14"]) .section-title { font-size: 22px; line-height: 1.6; text-align: center; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .section-title { font-size: 30px; }
}
:where([data-cl-s~="s14"]) .section-title span { position: relative; display: inline-block; }
:where([data-cl-s~="s14"]) .section-title span::before, :where([data-cl-s~="s14"]) .section-title span::after { content: ""; width: 50px; height: 59px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .section-title span::before, :where([data-cl-s~="s14"]) .section-title span::after { width: 84px; height: 100px; }
}
:where([data-cl-s~="s14"]) .section-title span::before { left: -50px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .section-title span::before { left: -84px; }
}
:where([data-cl-s~="s14"]) .section-title span::after { right: -50px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .section-title span::after { right: -84px; }
}
:where([data-cl-s~="s14"]) #access-page .section-title span::before, :where([data-cl-s~="s14"]) #news .section-title span::before, :where([data-cl-s~="s14"]) #price .section-title span::before, :where([data-cl-s~="s14"]) #access .section-title span::before, :where([data-cl-s~="s14"]) #pickup .section-title span::before, :where([data-cl-s~="s14"]) #blog .section-title span::before, :where([data-cl-s~="s14"]) #faq .section-title span::before, :where([data-cl-s~="s14"]) #contact .section-title span::before, :where([data-cl-s~="s14"]) #taiken .section-title span::before, :where([data-cl-s~="s14"]) .archive .section-title span::before { background: url("../img/a93d242f3ac.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) #access-page .section-title span::after, :where([data-cl-s~="s14"]) #news .section-title span::after, :where([data-cl-s~="s14"]) #price .section-title span::after, :where([data-cl-s~="s14"]) #access .section-title span::after, :where([data-cl-s~="s14"]) #pickup .section-title span::after, :where([data-cl-s~="s14"]) #blog .section-title span::after, :where([data-cl-s~="s14"]) #faq .section-title span::after, :where([data-cl-s~="s14"]) #contact .section-title span::after, :where([data-cl-s~="s14"]) #taiken .section-title span::after, :where([data-cl-s~="s14"]) .archive .section-title span::after { background: url("../img/a48953f1889.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) #course-list .section-title span::before { background: url("../img/ada608a1b39.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) #course-list .section-title span::after { background: url("../img/acc1b2dad31.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) #teacher .section-title span::before, :where([data-cl-s~="s14"]) body.page-template-kids-online #equipment .section-title span::before, :where([data-cl-s~="s14"]) body.page-template-kids-online #lessonflow .section-title span::before { background: url("../img/a6b67ad4ba0.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) #teacher .section-title span::after, :where([data-cl-s~="s14"]) body.page-template-kids-online #equipment .section-title span::after, :where([data-cl-s~="s14"]) body.page-template-kids-online #lessonflow .section-title span::after { background: url("../img/ae97527d0ce.png") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .course-title-img { position: relative; }
:where([data-cl-s~="s14"]) #course-list { background-color: rgb(255, 249, 219); }
:where([data-cl-s~="s14"]) .course-wrap { padding: 20px 15px; height: 100%; background-color: rgb(255, 255, 255); border-radius: 20px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .course-wrap { padding: 30px; }
}
:where([data-cl-s~="s14"]) .course-box { font-weight: bold; }
:where([data-cl-s~="s14"]) .course-head { font-size: 20px; font-weight: bold; text-align: center; padding: 0.3em 0.5em; }
:where([data-cl-s~="s14"]) #course-rhythmic .course-head { background-color: rgb(196, 219, 250); }
:where([data-cl-s~="s14"]) #course-kids .course-head { background-color: rgb(173, 229, 220); }
:where([data-cl-s~="s14"]) #course-junior .course-head { background-color: rgb(255, 247, 153); }
:where([data-cl-s~="s14"]) .course-list-title { text-align: center; }
:where([data-cl-s~="s14"]) #teacher-course-list .btn { color: rgb(68, 94, 124); background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .tc-head-1, :where([data-cl-s~="s14"]) .tc-head-2 { text-align: center; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .tc-head-1, :where([data-cl-s~="s14"]) .tc-head-2 { font-size: 22px; }
}
:where([data-cl-s~="s14"]) .tc-head-1 { color: rgb(68, 94, 124); font-size: 18px; font-weight: 700; padding: 0.3em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .tc-head-1 { font-size: 22px; }
}
:where([data-cl-s~="s14"]) .tc-head-2 { color: rgb(68, 94, 124); font-size: 16px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .tc-head-2 { font-size: 18px; }
}
:where([data-cl-s~="s14"]) .teacher-name { font-size: 18px; text-align: center; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .teacher-name { font-size: 20px; }
}
:where([data-cl-s~="s14"]) .content { display: none; }
:where([data-cl-s~="s14"]) .content.show { display: block; }
:where([data-cl-s~="s14"]) .modal-bg { position: relative; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .modal-button { display: block; }
:where([data-cl-s~="s14"]) .modal-button img { opacity: 1; transition: 0.2s ease-in-out; }
:where([data-cl-s~="s14"]) .view-details { opacity: 0; color: rgb(68, 94, 124); white-space: nowrap; border: 1px solid rgb(135, 180, 237); padding: 0.5em 1.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
:where([data-cl-s~="s14"]) .modal-button:hover { opacity: 1; }
:where([data-cl-s~="s14"]) .modal-button:hover .view-details { opacity: 1; }
:where([data-cl-s~="s14"]) .modal-button:hover img { opacity: 0.1; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .modal-dialog { max-width: 738px; }
}
@media (min-width: 992px){
:where([data-cl-s~="s14"]) .modal-dialog { max-width: 961px; }
}
@media (min-width: 1200px){
:where([data-cl-s~="s14"]) .modal-dialog { max-width: 1000px; }
}
:where([data-cl-s~="s14"]) .modal-header { font-size: 18px; font-weight: 700; text-align: center; }
@media (min-width: 992px){
:where([data-cl-s~="s14"]) .modal-header { font-size: 25px; }
}
:where([data-cl-s~="s14"]) .mct-head { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; margin-bottom: 0.3em; background-color: rgb(84, 114, 151); padding: 0.3em 0.5em; }
:where([data-cl-s~="s14"]) .mct-detail { padding: 0px 0.5em; }
:where([data-cl-s~="s14"]) .mct-detail ul { padding-left: 1em; }
:where([data-cl-s~="s14"]) .mct-detail ul li { list-style-type: disc; }
:where([data-cl-s~="s14"]) .post-title { font-size: 16px; line-height: 1.4; font-weight: bold; margin-bottom: 10px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .post-title { font-size: 18px; }
}
:where([data-cl-s~="s14"]) .post-date { font-size: 12px; line-height: 1; color: rgb(93, 89, 89); }
:where([data-cl-s~="s14"]) .post-date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
:where([data-cl-s~="s14"]) .post-category { color: rgb(255, 255, 255); font-size: 12px; line-height: 1; position: absolute; top: 0px; left: 0px; padding: 3px 8px 5px; }
:where([data-cl-s~="s14"]) .post-category.important, :where([data-cl-s~="s14"]) .post-category.important { background: rgb(183, 83, 53); }
:where([data-cl-s~="s14"]) .post-category.info, :where([data-cl-s~="s14"]) .post-category.reception { background: rgb(35, 105, 196); }
:where([data-cl-s~="s14"]) .post-category.event, :where([data-cl-s~="s14"]) .post-category.event { background: rgb(0, 132, 116); }
:where([data-cl-s~="s14"]) .post-category.lesson { background: rgb(242, 165, 109); }
:where([data-cl-s~="s14"]) #about { background-image: url("../img/ab53ff38179.jpg"), url("../img/a4329db33ff.jpg"); background-repeat: no-repeat; background-position: center top, center bottom; background-size: contain; }
:where([data-cl-s~="s14"]) .about-box { position: relative; padding: 30px 0px 0px 15px; }
@media (min-width: 992px){
:where([data-cl-s~="s14"]) .about-box { padding: 40px 0px 0px 15px; }
}
:where([data-cl-s~="s14"]) .about-box img { border-radius: 30px; }
:where([data-cl-s~="s14"]) .about-number { width: 80px; height: 73px; position: absolute; top: 0px; left: 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .about-number { width: 120px; height: 110px; }
}
:where([data-cl-s~="s14"]) .an-1 { background: url("../img/aa3d4be4249.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .an-2 { background: url("../img/a225e9802f9.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .an-3 { background: url("../img/a20f134741d.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .an-4 { background: url("../img/a17e9e59218.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .an-5 { background: url("../img/a213d00d2c6.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .an-6 { background: url("../img/a4e17cb4f5c.svg") center center / cover no-repeat; }
:where([data-cl-s~="s14"]) .about-head { font-size: 18px; line-height: 1.4; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .about-head { font-size: 20px; }
}
:where([data-cl-s~="s14"]) #voice { background-image: url("../img/a019342f96f.jpg"), url("../img/ae8a8405b8a.jpg"); background-repeat: no-repeat; background-position: left top, right bottom; background-size: contain; }
:where([data-cl-s~="s14"]) #voice p.voice-cat { color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; padding: 0px 15px; display: inline-block; background: rgb(84, 114, 151); margin-bottom: 15px; line-height: 2; }
:where([data-cl-s~="s14"]) .voice-box { height: 100%; border: 2px solid rgb(135, 180, 237); padding: 15px; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .voice-title { color: rgb(68, 94, 124); font-size: 18px; font-weight: bold; }
:where([data-cl-s~="s14"]) #message { background: url("../img/a6d84d8229e.png") center center repeat; }
:where([data-cl-s~="s14"]) .message-head { color: rgb(68, 94, 124); font-size: 19px; font-weight: bold; line-height: 1.4; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .message-head { font-size: 25px; }
}
:where([data-cl-s~="s14"]) #price { background: url("../img/acf6c4a4aa5.png") center center repeat rgb(238, 234, 245); }
:where([data-cl-s~="s14"]) #price .bg-white { border: 3px solid rgb(200, 185, 226); border-radius: 20px; padding: 15px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #price .bg-white { padding: 30px 60px; }
}
:where([data-cl-s~="s14"]) .price-head { color: rgb(51, 51, 51); font-size: 20px; font-weight: bold; text-align: center; padding: 0.3em 0.5em; }
:where([data-cl-s~="s14"]) .price-course-head { color: rgb(200, 185, 226); font-size: 18px; font-weight: bold; line-height: 1.4; margin-bottom: 0.5em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .price-course-head { font-size: 20px; }
}
:where([data-cl-s~="s14"]) .info-box { border-bottom: 1px solid rgb(112, 112, 112); padding-bottom: 0.5em; margin: 0.5em 0px 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .info-box { margin: 0.7em 0px 0px; }
}
:where([data-cl-s~="s14"]) .info-head { font-size: 18px; font-weight: bold; }
:where([data-cl-s~="s14"]) .info-detail { font-size: 18px; text-align: right; }
:where([data-cl-s~="s14"]) .access-head { font-size: 18px; line-height: 1.4; font-weight: 700; text-align: center; padding: 1em; border-radius: 50px; position: relative; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .access-head { font-size: 20px; }
}
:where([data-cl-s~="s14"]) .access-head::before { content: "▼"; font-size: 30px; position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%); display: block; }
:where([data-cl-s~="s14"]) #access-toyonaka .access-head { background-color: rgb(195, 216, 244); }
:where([data-cl-s~="s14"]) #access-toyonaka .access-head::before { color: rgb(195, 216, 244); }
:where([data-cl-s~="s14"]) #access-minoo .access-head { background-color: rgb(196, 239, 233); }
:where([data-cl-s~="s14"]) #access-minoo .access-head::before { color: rgb(196, 239, 233); }
:where([data-cl-s~="s14"]) .access-table th { width: 20%; padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
:where([data-cl-s~="s14"]) .access-table td { width: 80%; padding-top: 10px; padding-bottom: 10px; line-height: 30px; }
:where([data-cl-s~="s14"]) .access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
@media (max-width: 768px){
:where([data-cl-s~="s14"]) .access-table th { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
:where([data-cl-s~="s14"]) .access-table td { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
:where([data-cl-s~="s14"]) .access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
}
:where([data-cl-s~="s14"]) #blog { background: url("../img/acf6c4a4aa5.png") center center repeat rgb(255, 245, 210); }
:where([data-cl-s~="s14"]) #course-title { position: relative; }
:where([data-cl-s~="s14"]) .course-title-head-w, :where([data-cl-s~="s14"]) .course-title-head-b { font-size: 20px; line-height: 1.6; text-align: center; padding: 5px; background-color: rgb(84, 114, 151); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .course-title-head-w, :where([data-cl-s~="s14"]) .course-title-head-b { font-size: 40px; text-align: left; padding: 0px; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); background-color: inherit; }
}
:where([data-cl-s~="s14"]) .course-title-head-w { color: rgb(255, 255, 255); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .course-title-head-w { text-shadow: rgb(51, 51, 51) 1px 1px 2px; }
}
:where([data-cl-s~="s14"]) .note { color: rgb(68, 94, 124); font-size: 20px; border: 2px solid rgb(135, 180, 237); background-color: rgb(255, 255, 255); position: relative; padding: 0.3em 1em; display: inline-block; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .note { font-size: 30px; }
}
:where([data-cl-s~="s14"]) .note::before, :where([data-cl-s~="s14"]) .note::after { content: ""; position: absolute; top: -2px; right: -2px; width: 15px; height: 15px; }
:where([data-cl-s~="s14"]) .note::before { background-color: rgb(255, 255, 255); z-index: 1; }
:where([data-cl-s~="s14"]) .note::after { z-index: 2; background-image: linear-gradient(to right top, transparent 45%, rgb(135, 180, 237) 45%, rgb(135, 180, 237) 56%, transparent 56%); }
:where([data-cl-s~="s14"]) .feature-box { border-radius: 20px; padding: 10px; height: 100%; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .feature-box { padding: 20px 15px; }
}
:where([data-cl-s~="s14"]) .fb-1 { background-color: rgb(196, 239, 233); }
:where([data-cl-s~="s14"]) .fb-2 { background-color: rgb(192, 228, 241); }
:where([data-cl-s~="s14"]) .fb-3 { background-color: rgb(255, 249, 219); }
:where([data-cl-s~="s14"]) .fb-4 { background-color: rgb(255, 229, 233); }
:where([data-cl-s~="s14"]) .feature-number { color: rgb(51, 51, 51); font-size: 20px; text-align: center; position: relative; margin-bottom: 12px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .feature-number { font-size: 30px; margin-bottom: 27px; }
}
:where([data-cl-s~="s14"]) .feature-number::after { content: ""; width: 1.5em; height: 2px; background-color: rgb(255, 255, 255); display: block; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .feature-number::after { bottom: -12px; }
}
:where([data-cl-s~="s14"]) .feature-text { font-size: 16px; line-height: 1.4; letter-spacing: 0.1em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .feature-text { font-size: 20px; min-height: 6em; }
}
:where([data-cl-s~="s14"]) .colorbox { padding: 15px; border: 2px solid; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .colorbox { padding: 15px 30px; }
}
:where([data-cl-s~="s14"]) .colorbox h2 { font-size: 18px; font-weight: bold; }
:where([data-cl-s~="s14"]) #course-worry .colorbox { border-color: rgb(252, 236, 157); background-color: rgb(255, 249, 219); }
:where([data-cl-s~="s14"]) #course-worry h2 { color: rgb(109, 82, 0); }
:where([data-cl-s~="s14"]) #course-skill .colorbox { border-color: rgb(252, 212, 217); background-color: rgb(255, 245, 247); }
:where([data-cl-s~="s14"]) #course-skill h2 { color: rgb(132, 69, 89); }
:where([data-cl-s~="s14"]) #course-flow .colorbox { border-color: rgb(183, 229, 255); background-color: rgb(221, 243, 255); }
:where([data-cl-s~="s14"]) #course-flow h2 { color: rgb(68, 94, 124); }
:where([data-cl-s~="s14"]) .course-price-head, :where([data-cl-s~="s14"]) .lesson-time-head { text-align: center; }
:where([data-cl-s~="s14"]) .course-price-head span, :where([data-cl-s~="s14"]) .lesson-time-head span { font-size: 20px; font-weight: 700; border-radius: 50px; padding: 0.5em 2em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .course-price-head span, :where([data-cl-s~="s14"]) .lesson-time-head span { font-size: 24px; }
}
:where([data-cl-s~="s14"]) .course-price-head span { color: rgb(255, 255, 255); background-color: rgb(128, 111, 97); display: inline-block; }
:where([data-cl-s~="s14"]) .lesson-time-head span { color: rgb(98, 85, 74); background-color: rgb(255, 255, 255); border: 2px solid rgb(177, 155, 136); display: inline-block; }
:where([data-cl-s~="s14"]) .course-price-box, :where([data-cl-s~="s14"]) .lesson-time-box { font-weight: bold; border: 2px solid rgb(177, 155, 136); padding: 30px 15px 15px; margin-top: -25px; }
:where([data-cl-s~="s14"]) .lesson-time-box { background-color: rgb(240, 238, 236); }
:where([data-cl-s~="s14"]) .price-text { color: rgb(51, 51, 51); font-size: 14px; line-height: 25px; }
:where([data-cl-s~="s14"]) #faq { background: url("../img/acf6c4a4aa5.png") center center repeat rgb(238, 234, 245); }
:where([data-cl-s~="s14"]) .faq-box { background-color: rgb(255, 255, 255); padding: 15px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .faq-box { padding: 20px 30px; }
}
:where([data-cl-s~="s14"]) .faq-head { display: block; position: relative; }
:where([data-cl-s~="s14"]) .faq-head::after { color: rgb(200, 185, 226); content: "ー"; font-size: 16px; font-weight: 700; display: block; position: absolute; top: 50%; right: 0.5em; transform: translateY(-50%); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .faq-head::after { right: 1em; }
}
:where([data-cl-s~="s14"]) .faq-head.collapsed::after { content: "＋"; }
:where([data-cl-s~="s14"]) .faq-detail > div { padding-top: 40px; }
:where([data-cl-s~="s14"]) .faq-icon { color: rgb(200, 185, 226); font-size: 30px; margin-right: 10px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .faq-icon { font-size: 40px; margin-right: 20px; }
}
:where([data-cl-s~="s14"]) .faq-q { font-size: 16px; line-height: 1.4; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .faq-q { font-size: 20px; }
}
:where([data-cl-s~="s14"]) .new-mark { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; border-width: 30px; border-style: solid; border-color: crimson crimson transparent transparent; }
:where([data-cl-s~="s14"]) .new-mark span { position: absolute; top: calc(50% - 8px); left: calc(50% + 8px); transform: translate(-50%, -50%) rotateZ(45deg); font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; }
:where([data-cl-s~="s14"]) #breadcrumb { font-size: 12px; background-color: rgb(240, 238, 236); margin-bottom: 10px; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) #breadcrumb { margin-bottom: 20px; }
}
:where([data-cl-s~="s14"]) #breadcrumb a { text-decoration: underline; }
:where([data-cl-s~="s14"]) .pagination .page-link.current { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
:where([data-cl-s~="s14"]) .subtitle-kids { border-top: 2px solid rgb(135, 180, 237); border-bottom: 2px solid rgb(135, 180, 237); font-size: 18px; line-height: 30px; font-weight: bold; color: rgb(68, 94, 124); padding: 10px 0px; }
:where([data-cl-s~="s14"]) .subtitle-kids2 { font-size: 18px; line-height: 30px; font-weight: bold; color: rgb(68, 94, 124); }
:where([data-cl-s~="s14"]) .main-text span { font-weight: bold; color: rgb(68, 94, 124); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .subtitle-kids, :where([data-cl-s~="s14"]) .subtitle-kids2 { font-size: 20px; line-height: 30px; }
:where([data-cl-s~="s14"]) .pt-60 { padding-top: 60px; }
:where([data-cl-s~="s14"]) .pb-60 { padding-bottom: 60px; }
:where([data-cl-s~="s14"]) .pt-40 { padding-top: 40px; }
:where([data-cl-s~="s14"]) .pb-40 { padding-bottom: 40px; }
}
:where([data-cl-s~="s14"]) #course-flow h3 { font-size: 16px; }
:where([data-cl-s~="s14"]) .price-head, :where([data-cl-s~="s14"]) .lesson-time-head { text-align: center; }
:where([data-cl-s~="s14"]) .price-head span, :where([data-cl-s~="s14"]) .lesson-time-head span { font-size: 20px; font-weight: 700; border-radius: 50px; padding: 0.5em 2em; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .price-head span, :where([data-cl-s~="s14"]) .lesson-time-head span { font-size: 24px; }
}
:where([data-cl-s~="s14"]) .price-head span { color: rgb(255, 255, 255); background-color: rgb(128, 111, 97); display: inline-block; }
:where([data-cl-s~="s14"]) .lesson-time-head span { color: rgb(98, 85, 74); background-color: rgb(255, 255, 255); border: 2px solid rgb(177, 155, 136); display: inline-block; }
:where([data-cl-s~="s14"]) .price-box, :where([data-cl-s~="s14"]) .lesson-time-box { border: 2px solid rgb(177, 155, 136); padding: 30px 15px; margin-top: -15px; }
:where([data-cl-s~="s14"]) #course-rhythmic .price-head { background-color: rgb(255, 255, 255); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .price-box, :where([data-cl-s~="s14"]) .lesson-time-box { padding: 30px 50px; margin-top: -25px; }
}
:where([data-cl-s~="s14"]) .price-box .info-detail, :where([data-cl-s~="s14"]) .lesson-time-box .info-detail { font-weight: 300; }
:where([data-cl-s~="s14"]) .lesson-time-box { background-color: rgb(240, 238, 236); }
:where([data-cl-s~="s14"]) .price-box-head { color: rgb(98, 85, 74); font-size: 18px; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .price-box-head { color: rgb(98, 85, 74); font-size: 20px; }
}
:where([data-cl-s~="s14"]) #course-rhythmic .price-box { background-color: rgb(240, 238, 236); }
@media (min-width: 768px){
:where([data-cl-s~="s14"]) .category-kids .category-list-kids h1 span::before, :where([data-cl-s~="s14"]) .tag-kidsnews .category-list-kidsnews h1 span::before, :where([data-cl-s~="s14"]) .archive .category-list-blog-kids h1 span::before, :where([data-cl-s~="s14"]) .section-title span::after { width: 84px; height: 100px; }
}
@media (max-width: 768px){
:where([data-cl-s~="s14"]) #news .news-list a > div { position: relative; display: flex; flex-wrap: wrap; }
:where([data-cl-s~="s14"]) #news .news-list a .thumbnail { width: 35%; }
:where([data-cl-s~="s14"]) #news .news-list a > div div.post_cont { width: 65%; padding-top: 1.5rem !important; padding-right: 1.5rem !important; }
:where([data-cl-s~="s14"]) #blog .blog-sp a > div { position: relative; display: flex; flex-wrap: wrap; }
:where([data-cl-s~="s14"]) #blog .blog-sp a .thumbnail { width: 35%; }
:where([data-cl-s~="s14"]) #blog .blog-sp a > div div.post_cont { width: 65%; padding-top: 1.5rem !important; padding-right: 1.5rem !important; }
}
:where([data-cl-s~="s14"]) .trial-box { border: 2px solid rgb(127, 159, 155); background: rgb(245, 247, 247); }
:where([data-cl-s~="s14"]) .trial-box-head { background: rgb(127, 159, 155); color: rgb(255, 255, 255); text-align: center; font-weight: 700; padding: 12px; font-size: 18px; letter-spacing: 1px; }
:where([data-cl-s~="s14"]) .trial-box-body { padding: 20px; }
:where([data-cl-s~="s14"]) .trial-list { list-style: none; padding: 0px; margin-bottom: 20px; }
:where([data-cl-s~="s14"]) .trial-list li { position: relative; padding-left: 28px; margin-bottom: 10px; font-weight: 600; color: rgb(74, 94, 91); }
:where([data-cl-s~="s14"]) .trial-list li::before { content: "✔"; position: absolute; left: 0px; top: 0px; color: rgb(74, 94, 91); font-weight: bold; }
:where([data-cl-s~="s14"]) .trial-text { font-weight: 700; color: rgb(51, 51, 51); line-height: 1.8; }
:where([data-cl-s~="s14"]) .lesson-head { background-color: rgb(200, 185, 226); color: rgb(255, 255, 255); padding: 5px; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
:where([data-cl-s~="s14"]) .course-toggle-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; }
:where([data-cl-s~="s14"]) .course-toggle-btn .toggle-arrow { width: 10px; height: 10px; border-right: 2px solid rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); transform: rotate(45deg); transition: transform 0.3s; }
:where([data-cl-s~="s14"]) .course-toggle-btn.is-open .toggle-arrow { transform: rotate(225deg); }
:where([data-cl-s~="s15"]) .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
:where([data-cl-s~="s15"]) .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
:where([data-cl-s~="s15"]) .slick-list:focus { outline: none; }
:where([data-cl-s~="s15"]) .slick-slider .slick-track, :where([data-cl-s~="s15"]) .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
:where([data-cl-s~="s15"]) .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
:where([data-cl-s~="s15"]) .slick-track::before, :where([data-cl-s~="s15"]) .slick-track::after { display: table; content: ""; }
:where([data-cl-s~="s15"]) .slick-track::after { clear: both; }
:where([data-cl-s~="s15"]) .slick-loading .slick-track { visibility: hidden; }
:where([data-cl-s~="s15"]) .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
:where([data-cl-s~="s15"]) .slick-slide img { display: block; }
:where([data-cl-s~="s15"]) .slick-slide.slick-loading img { display: none; }
:where([data-cl-s~="s15"]) .slick-initialized .slick-slide { display: block; }
:where([data-cl-s~="s15"]) .slick-loading .slick-slide { visibility: hidden; }
:where([data-cl-s~="s15"]) .slick-arrow.slick-hidden { display: none; }
:where([data-cl-s~="s16"]) .page-template-page-adultfront #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #blog .ofi, :where([data-cl-s~="s16"]) .page-template-page #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page #blog .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #pick-up .ofi, :where([data-cl-s~="s16"]) .archive img.ofi { object-fit: cover; font-family: "Noto Sans JP", sans-serif; }
:where([data-cl-s~="s16"]) .page-template-page-adultfront #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #pick-up .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #blog .ofi, :where([data-cl-s~="s16"]) .page-template-page #blog .ofi, :where([data-cl-s~="s16"]) .archive img.ofi { height: 120px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .page-template-page-adultfront #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page #news-list .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #pick-up .ofi, :where([data-cl-s~="s16"]) .page-template-page-adultfront #blog .ofi, :where([data-cl-s~="s16"]) .page-template-page #blog .ofi, :where([data-cl-s~="s16"]) .archive img.ofi { height: 175px; }
}
:where([data-cl-s~="s16"]) #news-list .section-title { color: rgb(255, 255, 255); opacity: 0.5; }
:where([data-cl-s~="s16"]) #news-list .section-title-sub { z-index: 1; position: relative; }
:where([data-cl-s~="s16"]) .fs-24 { font-size: 24px; }
@media (max-width: 768px){
:where([data-cl-s~="s16"]) .fs-24 { font-size: 19px; }
}
:where([data-cl-s~="s16"]) .fs-20 { font-size: 20px; }
@media (max-width: 768px){
:where([data-cl-s~="s16"]) .fs-20 { font-size: 18px; }
}
@media (max-width: 768px){
:where([data-cl-s~="s16"]) .fs-20 { font-size: 18px; }
}
:where([data-cl-s~="s16"]) .fs-18 { font-size: 18px; }
:where([data-cl-s~="s16"]) .bg-blue { background-color: rgb(96, 118, 133); }
:where([data-cl-s~="s16"]) .bg-pink { background-color: rgb(153, 104, 99); }
:where([data-cl-s~="s16"]) .bg-deep-green { background-color: rgb(89, 117, 116); }
:where([data-cl-s~="s16"]) .bg-light-green { background-color: rgb(200, 213, 212); }
:where([data-cl-s~="s16"]) .text-pink { color: rgb(117, 79, 76); }
:where([data-cl-s~="s16"]) .text-deep-green { color: rgb(73, 95, 95); }
:where([data-cl-s~="s16"]) .text-brown { color: rgb(98, 85, 74); }
:where([data-cl-s~="s16"]) .border-deep-green { border: 2px solid rgb(125, 163, 161); }
:where([data-cl-s~="s16"]) .border-beige { border: 2px solid rgb(177, 155, 136); }
:where([data-cl-s~="s16"]) .pt-20 { padding-top: 20px; }
:where([data-cl-s~="s16"]) .pt-40 { padding-top: 20px; }
:where([data-cl-s~="s16"]) .pt-60 { padding-top: 30px; }
:where([data-cl-s~="s16"]) .pb-60 { padding-bottom: 60px; }
:where([data-cl-s~="s16"]) .btn.disabled, :where([data-cl-s~="s16"]) .btn:disabled, :where([data-cl-s~="s16"]) fieldset:disabled .btn { background: rgb(169, 169, 169) !important; }
:where([data-cl-s~="s16"]) body { font-size: 16px; color: rgb(32, 32, 32); line-height: 1.8em; font-family: "Noto Sans Arabic", sans-serif; }
:where([data-cl-s~="s16"]) a { color: rgb(32, 32, 32); text-decoration: none; }
:where([data-cl-s~="s16"]) a:hover { color: rgb(32, 32, 32); text-decoration: none; opacity: 0.7; }
:where([data-cl-s~="s16"]) h1, :where([data-cl-s~="s16"]) h2, :where([data-cl-s~="s16"]) h3, :where([data-cl-s~="s16"]) h4, :where([data-cl-s~="s16"]) ul, :where([data-cl-s~="s16"]) li, :where([data-cl-s~="s16"]) dl, :where([data-cl-s~="s16"]) dt, :where([data-cl-s~="s16"]) dd { margin: 0px; padding: 0px; }
:where([data-cl-s~="s16"]) ul li { list-style: none; }
:where([data-cl-s~="s16"]) ul, :where([data-cl-s~="s16"]) ol { line-height: 1.8em; }
:where([data-cl-s~="s16"]) p { margin: 0px; }
:where([data-cl-s~="s16"]) .sp-img { width: 80%; margin: 0px auto; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .sp-img { width: 100%; }
}
:where([data-cl-s~="s16"]) .din { font-family: "Zen Dots", sans-serif; font-weight: 300; font-style: normal; }
:where([data-cl-s~="s16"]) .btn { letter-spacing: 0.1em; text-align: center; font-weight: 700; display: block; border-radius: 0px; padding-top: 0.5em; padding-bottom: 0.5em; position: relative; }
:where([data-cl-s~="s16"]) .btn:hover { opacity: 0.8; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .btn { letter-spacing: inherit; }
}
:where([data-cl-s~="s16"]) .btn-arrow-ctr::after { content: ""; width: 15px; height: 4px; border-bottom: 1px solid; border-right: 1px solid; transform: skew(45deg); display: inline-block; position: absolute; top: 43%; right: 0.5em; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .btn-arrow-ctr::after { width: 22px; height: 5px; top: 40%; right: 1em; }
}
:where([data-cl-s~="s16"]) .btn.bg-pink, :where([data-cl-s~="s16"]) .btn.bg-deep-green, :where([data-cl-s~="s16"]) .btn.bg-gray, :where([data-cl-s~="s16"]) .btn.bg-blue { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .btn.bg-pink:hover, :where([data-cl-s~="s16"]) .btn.bg-deep-green:hover, :where([data-cl-s~="s16"]) .btn.bg-gray:hover, :where([data-cl-s~="s16"]) .btn.bg-blue:hover { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) #fixed-footer { text-align: center; letter-spacing: 0.1em; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
:where([data-cl-s~="s16"]) #fixed-footer a { font-size: 14px; font-weight: 700; text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; height: 100%; }
:where([data-cl-s~="s16"]) .fixed-footer-item { width: calc(33.3333%); }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) #fixed-footer a { font-size: 16px; }
}
:where([data-cl-s~="s16"]) #page-top { width: 50px; height: 50px; background-color: rgb(89, 117, 116); position: fixed; bottom: 80px; right: 10px; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) #page-top { bottom: 80px; right: 0px; }
:where([data-cl-s~="s16"]) .dropdown-menu { width: 100%; text-align: center; }
}
:where([data-cl-s~="s16"]) #page-footer { padding: 60px 0px 80px; }
:where([data-cl-s~="s16"]) #footer-nav ul { line-height: 1.4; }
:where([data-cl-s~="s16"]) #footer-nav a { display: inline-block; position: relative; padding-left: 1em; }
:where([data-cl-s~="s16"]) #footer-nav a::before { content: ""; display: inline-block; width: 6px; height: 1px; background-color: rgb(0, 0, 0); position: absolute; top: 12px; left: 0px; }
:where([data-cl-s~="s16"]) .f-nav-head { font-weight: bold; }
:where([data-cl-s~="s16"]) #page-footer .f-access { margin-bottom: 20px; }
:where([data-cl-s~="s16"]) #page-footer .f-access .shop_name { margin-bottom: 5px; font-weight: 700; font-size: 16px; }
:where([data-cl-s~="s16"]) .copylight { font-size: 12px; line-height: 18px; text-align: center; }
:where([data-cl-s~="s16"]) .info-box { border-bottom: 1px solid rgb(72, 68, 64); padding-bottom: 0.5em; margin: 0.5em 0px 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .info-box { margin: 0.7em 0px 0px; }
}
:where([data-cl-s~="s16"]) .info-head { font-size: 18px; font-weight: 700; }
:where([data-cl-s~="s16"]) .info-detail { font-size: 18px; }
:where([data-cl-s~="s16"]) #page-header { width: 100%; padding: 10px 0px; background: rgba(255, 255, 255, 0.5); position: fixed; z-index: 1059; top: 0px; left: 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) #page-header { background: none; position: inherit; }
}
:where([data-cl-s~="s16"]) .header-logo { width: 83px; height: auto; margin-right: 10px; }
:where([data-cl-s~="s16"]) .header-logo a { display: block; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .header-logo { width: 150px; height: auto; }
}
:where([data-cl-s~="s16"]) .header-logo img { width: 100%; height: auto; }
:where([data-cl-s~="s16"]) .school-name { font-size: 13px; font-weight: normal; line-height: 1.2; letter-spacing: 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .school-name { font-size: 14px; }
}
:where([data-cl-s~="s16"]) .header-btn { display: none; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) .header-btn { display: flex; align-items: center; }
}
:where([data-cl-s~="s16"]) .header-btn a { width: 225px; }
:where([data-cl-s~="s16"]) .header-tel, :where([data-cl-s~="s16"]) .footer-tel { color: rgb(255, 255, 255); background-color: rgba(89, 117, 116, 0.8); }
:where([data-cl-s~="s16"]) .header-tel:hover, :where([data-cl-s~="s16"]) .footer-tel:hover { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .header-taiken, :where([data-cl-s~="s16"]) .footer-taiken { color: rgb(255, 255, 255); background-color: rgba(153, 104, 99, 0.8); }
:where([data-cl-s~="s16"]) .header-taiken:hover, :where([data-cl-s~="s16"]) .footer-taiken:hover { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) #menu { width: 100%; position: fixed; top: 0px; right: 0px; z-index: 1059; }
:where([data-cl-s~="s16"]) .navbar-collapse { background: rgba(255, 255, 255, 0.9); margin-top: 0.5rem; }
:where([data-cl-s~="s16"]) .nav-item { text-align: center; }
:where([data-cl-s~="s16"]) .nav-item a { color: rgb(32, 32, 32); font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 10px 0px; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) #menu { position: inherit; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) #menu.fixed { position: fixed; top: 0px; left: 0px; z-index: 1059; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 16px -6px; }
:where([data-cl-s~="s16"]) .navbar { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
:where([data-cl-s~="s16"]) .navbar-collapse { background: inherit; margin-top: 0px; justify-content: center; }
:where([data-cl-s~="s16"]) .navbar-expand-xl .navbar-nav { width: 100%; }
:where([data-cl-s~="s16"]) .nav-item { text-align: left; position: relative; width: calc(25%); }
:where([data-cl-s~="s16"]) .nav-item a { font-size: 14px; line-height: 1.6; display: block; padding: 0.5em 1em; text-align: center; }
:where([data-cl-s~="s16"]) .nav-item::after { content: "|"; letter-spacing: 0px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
:where([data-cl-s~="s16"]) .nav-item:last-child::after { content: none; }
}
@media (min-width: 1200px){
:where([data-cl-s~="s16"]) .nav-item a { font-size: 15px; }
}
@media (min-width: 1300px){
:where([data-cl-s~="s16"]) .nav-item a { font-size: 16px; }
}
:where([data-cl-s~="s16"]) .navbar-toggler { padding: 0px; }
:where([data-cl-s~="s16"]) .navbar-toggler-icon { width: 20px; height: 20px; background-image: url("../img/a46245764fa.svg"); }
:where([data-cl-s~="s16"]) .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("../img/a85405a106e.svg"); }
:where([data-cl-s~="s16"]) .menu-wrap { position: relative; }
:where([data-cl-s~="s16"]) .menu-btn { position: absolute; top: 0px; right: 0px; }
:where([data-cl-s~="s16"]) .menu-btn .btn { font-size: 14px; padding-left: 4em; padding-right: 4em; }
@media (min-width: 1200px){
:where([data-cl-s~="s16"]) .menu-btn .btn { font-size: 18px; }
}
:where([data-cl-s~="s16"]) #mv-slider { position: relative; }
:where([data-cl-s~="s16"]) #mv { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; height: auto; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) #mv { top: 0px; height: calc(55.8594vw); }
}
:where([data-cl-s~="s16"]) #hello { height: auto; display: flex; justify-content: center; align-items: center; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) #hello { height: calc(52.3438vw); }
}
:where([data-cl-s~="s16"]) .hello-text-1, :where([data-cl-s~="s16"]) .hello-text-2 { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .hello-text-1 { font-size: 48px; line-height: 1; opacity: 0.6; text-shadow: rgba(0, 0, 0, 0.06) 0px 1.9px 2.5px, rgba(0, 0, 0, 0.075) 0px 5px 6.1px, rgba(0, 0, 0, 0.086) 0px 10.1px 11.4px, rgba(0, 0, 0, 0.09) 0px 19.2px 19.8px, rgba(0, 0, 0, 0.1) 0px 38.4px 34.8px, rgba(0, 0, 0, 0.13) 0px 101px 74px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .hello-text-1 { font-size: 5vw; }
}
:where([data-cl-s~="s16"]) .hello-text-2 { font-size: 18px; font-weight: 700; padding-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.06) 0px 1.9px 2.5px, rgba(0, 0, 0, 0.075) 0px 5px 6.1px, rgba(0, 0, 0, 0.086) 0px 10.1px 11.4px, rgba(0, 0, 0, 0.09) 0px 19.2px 19.8px, rgba(0, 0, 0, 0.1) 0px 38.4px 34.8px, rgba(0, 0, 0, 0.13) 0px 101px 74px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .hello-text-2 { font-size: 2.3vw; }
}
:where([data-cl-s~="s16"]) .section-title { font-size: 100px; line-height: 1; text-align: center; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .section-title { font-size: 150px; }
}
:where([data-cl-s~="s16"]) .section-title-sub { font-size: 18px; font-weight: 700; text-align: center; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .section-title-sub { font-size: 20px; }
}
:where([data-cl-s~="s16"]) .cl-box { display: block; }
:where([data-cl-s~="s16"]) .cl-text { font-size: 14px; font-weight: 700; text-align: center; line-height: 1.4; height: 3em; }
:where([data-cl-s~="s16"]) .more { color: rgb(98, 85, 74); border: 1px solid rgb(177, 155, 136); }
:where([data-cl-s~="s16"]) .more:hover { }
:where([data-cl-s~="s16"]) #teacher { color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) #teacher-course-list .btn, :where([data-cl-s~="s16"]) #voice-list .btn { color: rgb(73, 95, 95); font-size: 16px; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) #teacher-course-list .btn .btn:hover, :where([data-cl-s~="s16"]) #teacher-course-list .btn .btn.btn.active { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.3); }
:where([data-cl-s~="s16"]) .tc-head-1, :where([data-cl-s~="s16"]) .tc-head-2 { text-align: center; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .tc-head-1, :where([data-cl-s~="s16"]) .tc-head-2 { font-size: 22px; }
}
:where([data-cl-s~="s16"]) .tc-head-1 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; padding: 0.3em; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .tc-head-1 { font-size: 22px; }
}
:where([data-cl-s~="s16"]) .tc-head-2 { font-size: 16px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .tc-head-2 { font-size: 18px; }
}
:where([data-cl-s~="s16"]) .teacher-name { font-size: 18px; text-align: center; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .teacher-name { font-size: 20px; }
}
:where([data-cl-s~="s16"]) .content { display: none; }
:where([data-cl-s~="s16"]) .content.show { display: block; }
:where([data-cl-s~="s16"]) .modal-bg { position: relative; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .modal-button { display: block; }
:where([data-cl-s~="s16"]) .modal-button img { opacity: 1; transition: 0.2s ease-in-out; }
:where([data-cl-s~="s16"]) .view-details { opacity: 0; color: rgb(73, 95, 95); white-space: nowrap; border: 1px solid rgb(125, 163, 161); padding: 0.5em 1.5em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
:where([data-cl-s~="s16"]) .modal-button:hover { opacity: 1; }
:where([data-cl-s~="s16"]) .modal-button:hover .view-details { opacity: 1; }
:where([data-cl-s~="s16"]) .modal-button:hover img { opacity: 0.1; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .modal-dialog { max-width: 738px; }
}
@media (min-width: 992px){
:where([data-cl-s~="s16"]) .modal-dialog { max-width: 961px; }
}
@media (min-width: 1200px){
:where([data-cl-s~="s16"]) .modal-dialog { max-width: 1000px; }
}
:where([data-cl-s~="s16"]) .modal-header { font-size: 18px; font-weight: 700; text-align: center; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) .modal-header { font-size: 25px; }
}
:where([data-cl-s~="s16"]) .mct-head { color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; margin-bottom: 0.3em; background-color: rgb(89, 117, 116); padding: 0.3em 0.5em; }
:where([data-cl-s~="s16"]) .mct-detail { padding: 0px 0.5em; }
:where([data-cl-s~="s16"]) .mct-detail ul { padding-left: 1em; }
:where([data-cl-s~="s16"]) .mct-detail ul li { list-style-type: disc; }
:where([data-cl-s~="s16"]) #about .section-title { color: rgb(73, 95, 95); opacity: 0.3; }
:where([data-cl-s~="s16"]) #course-list .section-title { color: rgb(255, 255, 255); opacity: 0.6; }
:where([data-cl-s~="s16"]) #teacher .section-title { color: rgb(255, 255, 255); opacity: 0.3; }
:where([data-cl-s~="s16"]) #voice-list .section-title { color: rgb(255, 255, 255); opacity: 0.3; }
:where([data-cl-s~="s16"]) #voice-list p.voice-cat { color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; padding: 0px 15px; display: inline-block; background: rgb(89, 117, 116); margin-bottom: 15px; line-height: 2; }
:where([data-cl-s~="s16"]) #price-list .section-title { color: rgb(255, 255, 255); opacity: 0.6; }
:where([data-cl-s~="s16"]) #faq .section-title, :where([data-cl-s~="s16"]) #access .section-title { color: rgb(98, 85, 74); opacity: 0.3; }
:where([data-cl-s~="s16"]) #blog .section-title { color: rgb(255, 255, 255); opacity: 0.5; }
:where([data-cl-s~="s16"]) .info-box { border-bottom: 1px solid rgb(112, 112, 112); padding-bottom: 0.5em; margin: 0.5em 0px 0px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .info-box { margin: 0.7em 0px 0px; }
}
:where([data-cl-s~="s16"]) .info-head { font-size: 18px; font-weight: bold; }
:where([data-cl-s~="s16"]) .info-detail { font-size: 18px; text-align: right; }
:where([data-cl-s~="s16"]) .about-number { color: rgb(73, 95, 95); font-size: 80px; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) .about-number { font-size: 120px; }
}
:where([data-cl-s~="s16"]) .about-box { position: relative; margin-top: 30px; }
@media (min-width: 992px){
:where([data-cl-s~="s16"]) .about-box { margin-top: 40px; }
}
:where([data-cl-s~="s16"]) .about-number { position: absolute; top: 0px; left: 0px; }
:where([data-cl-s~="s16"]) .about-head { font-size: 18px; line-height: 1.4; font-weight: 700; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .about-head { font-size: 20px; }
}
:where([data-cl-s~="s16"]) .access-head { font-size: 18px; font-weight: 700; text-align: center; color: rgb(98, 85, 74); }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .access-head { font-size: 20px; }
}
:where([data-cl-s~="s16"]) .access-table th { width: 20%; padding-top: 10px; padding-bottom: 10px; }
:where([data-cl-s~="s16"]) .access-table td { width: 80%; padding-top: 10px; padding-bottom: 10px; line-height: 30px; }
:where([data-cl-s~="s16"]) .access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
@media (max-width: 768px){
:where([data-cl-s~="s16"]) .access-table { width: 100%; }
:where([data-cl-s~="s16"]) .access-table th { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
:where([data-cl-s~="s16"]) .access-table td { width: 100%; display: block; padding-top: 10px; padding-bottom: 10px; }
:where([data-cl-s~="s16"]) .access-table tr { border-bottom: 1px solid rgb(0, 0, 0); }
}
:where([data-cl-s~="s16"]) .navbar-toggler { background: rgb(255, 255, 255); padding: 7.5px; opacity: 0.8; }
:where([data-cl-s~="s16"]) #message { background: url("../img/ae9b010a1af.webp") 0% 0% / cover repeat-y; }
:where([data-cl-s~="s16"]) #message .section-title, :where([data-cl-s~="s16"]) #news-list .section-title { color: rgb(73, 95, 95); opacity: 0.7; }
:where([data-cl-s~="s16"]) #message .section-title-sub { color: rgb(73, 95, 95); }
:where([data-cl-s~="s16"]) .new-mark { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; border-width: 30px; border-style: solid; border-color: crimson crimson transparent transparent; }
:where([data-cl-s~="s16"]) .new-mark span { position: absolute; top: calc(50% - 8px); left: calc(50% + 8px); transform: translate(-50%, -50%) rotateZ(45deg); font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; }
:where([data-cl-s~="s16"]) #page-footer .f-access { margin-bottom: 20px; }
:where([data-cl-s~="s16"]) #page-footer .f-access .shop_name { margin-bottom: 5px; font-weight: 700; font-size: 16px; }
:where([data-cl-s~="s16"]) .copylight { text-align: center; }
:where([data-cl-s~="s16"]) .pagination .page-link.current { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .voice-box { height: 100%; border: 2px solid rgb(125, 163, 161); padding: 15px; background-color: rgb(255, 255, 255); }
:where([data-cl-s~="s16"]) .voice-title { color: rgb(73, 95, 95); font-size: 18px; font-weight: bold; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .pt-60 { padding-top: 60px; }
:where([data-cl-s~="s16"]) .pb-60 { padding-bottom: 60px; }
:where([data-cl-s~="s16"]) .pt-40 { padding-top: 40px; }
}
:where([data-cl-s~="s16"]) .wp-pagenavi span.current { background: rgb(245, 245, 245); color: rgb(0, 0, 0); }
@media (max-width: 768px){
:where([data-cl-s~="s16"]) #news-list .news-list a > div { position: relative; display: flex; flex-wrap: wrap; }
:where([data-cl-s~="s16"]) #news-list .news-list a .thumbnail { width: 35%; }
:where([data-cl-s~="s16"]) #news-list .news-list a > div div.post_cont { width: 65%; padding-right: 1.5rem !important; padding-top: 1.5rem !important; }
:where([data-cl-s~="s16"]) #blog .blog-sp a > div { position: relative; display: flex; flex-wrap: wrap; }
:where([data-cl-s~="s16"]) #blog .blog-sp a .thumbnail { width: 35%; }
:where([data-cl-s~="s16"]) #blog .blog-sp a > div div.post_cont { width: 65%; padding-right: 1.5rem !important; padding-top: 1.5rem !important; }
}
:where([data-cl-s~="s16"]) .post-category { color: rgb(255, 255, 255); font-size: 12px; line-height: 1; position: absolute; top: 0px; left: 0px; padding: 3px 8px 5px; }
:where([data-cl-s~="s16"]) .post-category.important, :where([data-cl-s~="s16"]) .post-category.important-kids { background: rgb(183, 83, 53); }
:where([data-cl-s~="s16"]) .post-category.lecturer-performance, :where([data-cl-s~="s16"]) .post-category.teacher, :where([data-cl-s~="s16"]) .post-category.lecturer-performance-kids, :where([data-cl-s~="s16"]) .post-category.teacher-kids { background: rgb(152, 140, 198); }
:where([data-cl-s~="s16"]) .post-category.info, :where([data-cl-s~="s16"]) .post-category.info-kids { background: rgb(74, 118, 156); }
:where([data-cl-s~="s16"]) .post-category.event, :where([data-cl-s~="s16"]) .post-category.event-kids { background: rgb(0, 132, 116); }
:where([data-cl-s~="s16"]) .post-title { font-size: 16px; line-height: 1.4; font-weight: bold; margin-bottom: 10px; }
@media (min-width: 768px){
:where([data-cl-s~="s16"]) .post-title { font-size: 18px; }
}
:where([data-cl-s~="s16"]) .post-date { font-size: 12px; line-height: 1; color: rgb(93, 89, 89); }
:where([data-cl-s~="s16"]) .post-date::before { content: ""; font-family: "Font Awesome 5 Free"; color: rgb(153, 153, 153); margin-right: 2px; }
:where([data-cl-s~="s16"]) .trial-box { border: 2px solid rgb(127, 159, 155); background: rgb(245, 247, 247); }
:where([data-cl-s~="s16"]) .trial-box-head { background: rgb(127, 159, 155); color: rgb(255, 255, 255); text-align: center; font-weight: 700; padding: 12px; font-size: 18px; letter-spacing: 1px; }
:where([data-cl-s~="s16"]) .trial-box-body { padding: 20px; }
:where([data-cl-s~="s16"]) .trial-list { list-style: none; padding: 0px; margin-bottom: 20px; }
:where([data-cl-s~="s16"]) .trial-list li { position: relative; padding-left: 28px; margin-bottom: 10px; font-weight: 600; color: rgb(74, 94, 91); }
:where([data-cl-s~="s16"]) .trial-list li::before { content: "✔"; position: absolute; left: 0px; top: 0px; color: rgb(74, 94, 91); font-weight: bold; }
:where([data-cl-s~="s16"]) .trial-text { font-weight: 700; color: rgb(51, 51, 51); line-height: 1.8; }
ul { list-style: disc; }
:where([data-cl-s~="s17"]) ul li { list-style: inherit; }
:where([data-cl-s~="s17"]) img.img-fluid.w-100.ofi.border.border-dark.wp-post-image { height: 110px; object-fit: cover; font-family: "Noto Sans JP", sans-serif; }
:where([data-cl-s~="s17"]) [hidden], :where([data-cl-s~="s17"]) template { display: none; }
:where([data-cl-s~="s17"]) object, :where([data-cl-s~="s17"]) iframe, :where([data-cl-s~="s17"]) blockquote, :where([data-cl-s~="s17"]) pre, :where([data-cl-s~="s17"]) abbr, :where([data-cl-s~="s17"]) address, :where([data-cl-s~="s17"]) cite, :where([data-cl-s~="s17"]) code, :where([data-cl-s~="s17"]) del, :where([data-cl-s~="s17"]) dfn, :where([data-cl-s~="s17"]) em, :where([data-cl-s~="s17"]) ins, :where([data-cl-s~="s17"]) kbd, :where([data-cl-s~="s17"]) q, :where([data-cl-s~="s17"]) samp, :where([data-cl-s~="s17"]) small, :where([data-cl-s~="s17"]) strong, :where([data-cl-s~="s17"]) sub, :where([data-cl-s~="s17"]) sup, :where([data-cl-s~="s17"]) var, :where([data-cl-s~="s17"]) b, :where([data-cl-s~="s17"]) i, :where([data-cl-s~="s17"]) dl, :where([data-cl-s~="s17"]) dt, :where([data-cl-s~="s17"]) dd, :where([data-cl-s~="s17"]) ol, :where([data-cl-s~="s17"]) fieldset, :where([data-cl-s~="s17"]) label, :where([data-cl-s~="s17"]) legend, :where([data-cl-s~="s17"]) aside, :where([data-cl-s~="s17"]) canvas, :where([data-cl-s~="s17"]) details, :where([data-cl-s~="s17"]) figcaption, :where([data-cl-s~="s17"]) figure, :where([data-cl-s~="s17"]) hgroup, :where([data-cl-s~="s17"]) nav, :where([data-cl-s~="s17"]) section, :where([data-cl-s~="s17"]) summary, :where([data-cl-s~="s17"]) time, :where([data-cl-s~="s17"]) mark, :where([data-cl-s~="s17"]) audio, :where([data-cl-s~="s17"]) video { margin: 0px; padding: 0px; border: none; font-size: 100%; font-style: normal; background: transparent; }
:where([data-cl-s~="s17"]) b, :where([data-cl-s~="s17"]) strong { font-weight: bold; }
:where([data-cl-s~="s17"]) a:focus { color: rgb(100, 149, 237); text-decoration: none; }
:where([data-cl-s~="s17"]) input[type="text"], :where([data-cl-s~="s17"]) input[type="password"], :where([data-cl-s~="s17"]) input[type="email"], :where([data-cl-s~="s17"]) input[type="search"], :where([data-cl-s~="s17"]) input[type="url"], :where([data-cl-s~="s17"]) input[type="tel"], :where([data-cl-s~="s17"]) input[type="number"], :where([data-cl-s~="s17"]) textarea { margin: 0px; padding: 8px 4px; max-width: 100%; width: 80%; outline: none; border: 1px solid rgb(221, 221, 221); border-radius: 2px; color: rgb(119, 119, 119); vertical-align: bottom; font-size: 13px; background-color: rgb(247, 247, 247); }
:where([data-cl-s~="s17"]) textarea { overflow: auto; }
:where([data-cl-s~="s17"]) input[type="text"]:focus, :where([data-cl-s~="s17"]) input[type="password"]:focus, :where([data-cl-s~="s17"]) input[type="email"]:focus, :where([data-cl-s~="s17"]) input[type="search"]:focus, :where([data-cl-s~="s17"]) input[type="url"]:focus, :where([data-cl-s~="s17"]) input[type="tel"]:focus, :where([data-cl-s~="s17"]) input[type="number"]:focus, :where([data-cl-s~="s17"]) textarea:focus { border: 1px solid rgb(238, 238, 238); background: rgb(255, 255, 255); box-shadow: rgb(238, 238, 238) 0px 0px 3px; color: rgb(68, 68, 68); }
:where([data-cl-s~="s17"]) button, :where([data-cl-s~="s17"]) input[type="submit"], :where([data-cl-s~="s17"]) input[type="reset"], :where([data-cl-s~="s17"]) input[type="button"] { display: inline-block; padding: 10px 40px; border-radius: 3px; color: rgb(255, 255, 255); background-color: rgb(76, 142, 175); text-decoration: none; font-size: 15px; line-height: normal; cursor: pointer; }
:where([data-cl-s~="s17"]) button:hover, :where([data-cl-s~="s17"]) input[type="submit"]:hover, :where([data-cl-s~="s17"]) input[type="reset"]:hover, :where([data-cl-s~="s17"]) input[type="button"]:hover { background: rgb(40, 96, 140); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.4) 0px -1px; }
:where([data-cl-s~="s17"]) button:active, :where([data-cl-s~="s17"]) input[type="submit"]:active, :where([data-cl-s~="s17"]) input[type="reset"]:active, :where([data-cl-s~="s17"]) input[type="button"]:active { top: 1px; }
:where([data-cl-s~="s17"]) #main, :where([data-cl-s~="s17"]) #sidebar { border-bottom: 1px solid transparent; }
:where([data-cl-s~="s17"]) #main, :where([data-cl-s~="s17"]) #single-main, :where([data-cl-s~="s17"]) #page-main { width: 100%; }
:where([data-cl-s~="s17"]) .header_small_menu .searchform { width: 180px; margin-left: 5px; }
:where([data-cl-s~="s17"]) .header_small_menu .searchform .s { padding: 2px 20% 2px 5%; }
:where([data-cl-s~="s17"]) .header_small_menu .searchsubmit { padding: 1px 23px; height: auto; }
:where([data-cl-s~="s17"]) .header_small_menu li a { padding: 3px !important; }
:where([data-cl-s~="s17"]) .header_small_menu a::before { font-family: fontAwesome; content: ""; }
:where([data-cl-s~="s17"]) .header_small_menu { padding: 5px; font-size: 12px; }
:where([data-cl-s~="s17"]) .header_small_menu_right li, :where([data-cl-s~="s17"]) .header_small_menu_left li { display: inline-block; padding: 0px 3px; vertical-align: middle; }
:where([data-cl-s~="s17"]) .header_small_menu_right { float: right; }
:where([data-cl-s~="s17"]) .header_small_menu .menu_desc { display: none; }
@media screen and (max-width: 959px){
:where([data-cl-s~="s17"]) .header_small_menu { padding: 0px; }
:where([data-cl-s~="s17"]) .header_small_menu #description { float: none; text-align: center; }
:where([data-cl-s~="s17"]) .header_small_menu .header_small_menu_right { display: none; }
}
:where([data-cl-s~="s17"]) .header-logo #nav .menu_desc, :where([data-cl-s~="s17"]) #onlynav .menu_desc, :where([data-cl-s~="s17"]) #nav_fixed #nav .menu_desc { font-size: 10px; margin-top: 5px; opacity: 0.5; text-align: center; white-space: normal; overflow: hidden; padding: 0px 0.5em; height: 12px; }
:where([data-cl-s~="s17"]) .header-logo #nav ul ul .menu_desc, :where([data-cl-s~="s17"]) #onlynav ul ul .menu_desc, :where([data-cl-s~="s17"]) #nav_fixed #nav ul ul .menu_desc { display: none; }
:where([data-cl-s~="s17"]) #breadcrumb { margin-bottom: 40px; }
:where([data-cl-s~="s17"]) .required { color: rgb(100, 149, 237); }
:where([data-cl-s~="s17"]) .comment-meta, :where([data-cl-s~="s17"]) .reply, :where([data-cl-s~="s17"]) .comment-notes, :where([data-cl-s~="s17"]) .form-allowed-tags, :where([data-cl-s~="s17"]) span.small { font-size: 80%; }
:where([data-cl-s~="s17"]) .widget.widget_text li a, :where([data-cl-s~="s17"]) .widget.widget_categories li a, :where([data-cl-s~="s17"]) .widget.widget_recent_entries li, :where([data-cl-s~="s17"]) .widget.widget_nav_menu li a, :where([data-cl-s~="s17"]) .widget.widget_pages li a, :where([data-cl-s~="s17"]) .widget.widget_archive li a, :where([data-cl-s~="s17"]) .widget.widget_mycategoryorder li a, :where([data-cl-s~="s17"]) .widget.widget_meta li a { display: block; padding: 0.8em 1em; margin: 0px; position: relative; font-size: 0.9em; }
:where([data-cl-s~="s17"]) .widget.widget_text li ul, :where([data-cl-s~="s17"]) .widget.widget_nav_menu li ul, :where([data-cl-s~="s17"]) .widget.widget_pages li ul, :where([data-cl-s~="s17"]) .widget.widget_categories li ul { padding: 0px; margin: 0px; }
:where([data-cl-s~="s17"]) .widget.widget_text ul li, :where([data-cl-s~="s17"]) .widget.widget_categories ul li, :where([data-cl-s~="s17"]) .widget.widget_nav_menu li, :where([data-cl-s~="s17"]) .widget.widget_pages li, :where([data-cl-s~="s17"]) .widget.widget_archive li, :where([data-cl-s~="s17"]) .widget.widget_mycategoryorder li { margin: 0px; padding: 0px; }
:where([data-cl-s~="s17"]) .widget.widget_nav_menu li ul li a::before, :where([data-cl-s~="s17"]) .widget.widget_pages li ul li a::before, :where([data-cl-s~="s17"]) .widget.widget_categories li ul li a::before { content: ""; color: rgb(204, 204, 204); margin-right: 0.6em; font-family: fontAwesome; }
:where([data-cl-s~="s17"]) .widget_nav_menu { }
:where([data-cl-s~="s17"]) .widget_nav_menu .menu_desc { display: none; }
:where([data-cl-s~="s17"]) .bigfooter_colomn .menu_desc { display: none; }
:where([data-cl-s~="s17"]) #footer .menu_desc { display: none; }
:where([data-cl-s~="s17"]) #footer_sticky_menu { position: fixed; bottom: -100px; width: 100%; z-index: 1000; table-layout: fixed; border: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; }
:where([data-cl-s~="s17"]) .footermenu_col { position: relative; text-align: center; background: rgb(255, 255, 255); color: rgb(85, 85, 85); border-top: none; border-bottom: none; border-left: none; border-image: initial; border-right: 1px solid rgba(100, 100, 100, 0.6); padding: 0px; height: 60px; vertical-align: middle; }
:where([data-cl-s~="s17"]) .footermenu_col:last-child { border-right: none; }
:where([data-cl-s~="s17"]) #footer_sticky_menu a, :where([data-cl-s~="s17"]) #footer_sticky_menu button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px !important; }
:where([data-cl-s~="s17"]) #footer_sticky_menu a i { font-size: 1.4em; }
:where([data-cl-s~="s17"]) #footer_sticky_menu .footermenu_title { font-size: 0.6em; }
:where([data-cl-s~="s17"]) .footermenu_sns li { width: 33.3% !important; }
:where([data-cl-s~="s17"]) .footermenu_sns li a { font-size: 0.6em; }
:where([data-cl-s~="s17"]) .footermenu_sns a.line { padding: 1.8em; }
:where([data-cl-s~="s17"]) .footermenu_sns span.sns_name { display: block; font-weight: bold; }
:where([data-cl-s~="s17"]) a.fcta_open { font-size: 20px; color: rgb(255, 255, 255); bottom: -50px; display: none; left: 30px; position: fixed; line-height: 40px; text-align: center; padding: 0px 15px; border-radius: 5px; }
:where([data-cl-s~="s17"]) a.page-numbers, :where([data-cl-s~="s17"]) .pagination .current { color: rgb(96, 125, 139); padding: 12px 22px; text-decoration: none; vertical-align: middle; display: inline-block; letter-spacing: 0px; margin: 0px 3px; border-radius: 3px; }
:where([data-cl-s~="s17"]) .pagination .current { background: rgb(96, 125, 139); color: rgb(255, 255, 255); font-weight: bold; }
@media screen and (max-width: 959px){
:where([data-cl-s~="s17"]) .pagination .current { padding: 8px 0px; width: 30%; }
}
:where([data-cl-s~="s17"]) .drawer-overlay.active { cursor: pointer; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 9999; }
:where([data-cl-s~="s17"]) .drawer-nav.active { left: 0px; }
:where([data-cl-s~="s17"]) .footermenu_col .drawer-nav-btn { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transform: translateY(0%); }
:where([data-cl-s~="s17"]) .footermenu_col .drawer-nav-btn span, :where([data-cl-s~="s17"]) .footermenu_col .drawer-nav-btn::before, :where([data-cl-s~="s17"]) .footermenu_col .drawer-nav-btn::after { background: none; border: none; }
@media screen and (max-width: 1200px){
:where([data-cl-s~="s17"]) img { max-width: 100%; }
}
@media screen and (max-width: 959px){
:where([data-cl-s~="s17"]) #main { margin: 0px !important; padding: 0px 0.5em !important; }
}
@media screen and (max-width: 768px){
:where([data-cl-s~="s17"]) #main, :where([data-cl-s~="s17"]) #single-main, :where([data-cl-s~="s17"]) #page-main { width: 100% !important; }
:where([data-cl-s~="s17"]) .menu_desc { display: none; }
:where([data-cl-s~="s17"]) h1 { font-size: 1.3em; margin: 5px 0px; }
:where([data-cl-s~="s17"]) h2 { font-size: 1.3em; }
:where([data-cl-s~="s17"]) h3 { font-size: 1.2em; }
:where([data-cl-s~="s17"]) h4 { font-size: 1.1em; }
}
:where([data-cl-s~="s17"]) .sc_marker-animation.active { background-position: -100% 0.4em; transition: 2.5s; }
:where([data-cl-s~="s17"]) .sc_marker-animation { background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255, 247, 2) 50%); background-repeat: repeat-x; background-size: 200% 0.8em; background-position: 0px 0.5em; font-weight: bold; }
:where([data-cl-s~="s17"]) .sc_marker-animation.red { background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 0, 0, 0.3) 50%); }
:where([data-cl-s~="s17"]) .sc_marker-animation.blue { background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100, 149, 237, 0.54) 50%); }
:where([data-cl-s~="s17"]) .sc_toggle_title.active::before { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgb(255, 255, 255); position: absolute; bottom: -10px; left: 30px; }
:where([data-cl-s~="s17"]) .sc_toggle_title.active::after { content: ""; font-family: fontAwesome; }
:where([data-cl-s~="s17"]) .sc_toggle_title.active + .sc_toggle_content { display: block; }
:where([data-cl-s~="s17"]) .wpcf7-form-control.wpcf7-submit { display: block; margin: 0px auto; padding: 1em 4em; }
:where([data-cl-s~="s17"]) .lazyload, :where([data-cl-s~="s17"]) .lazyloading { opacity: 0; }
:where([data-cl-s~="s17"]) .lazyloaded { opacity: 1; transition: opacity 300ms; }
:where([data-cl-s~="s17"]) #big_pickup_slider #pickup_posts_container .swiper-pagination-bullet-active, :where([data-cl-s~="s17"]) #main-wrap #pickup_posts_container .swiper-pagination-bullet-active { background: rgb(204, 204, 204); }
:where([data-cl-s~="s17"]) .widget ul.d_tab_nav li.d_tab_active a { background: rgb(255, 255, 255); color: rgb(51, 51, 51); border-top: 3px solid rgb(33, 150, 243); }
:where([data-cl-s~="s17"]) li.d_tab_active { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; z-index: 1; }
:where([data-cl-s~="s17"]) .widget ul.d_tab_nav li.d_tab_active a { background-color: rgb(255, 255, 255); box-shadow: none; }
:where([data-cl-s~="s17"]) .widget ul.d_tab_nav li.d_tab_active a:hover { color: rgb(0, 0, 0); background: white; }
:where([data-cl-s~="s17"]) img { vertical-align: -105% !important; }
:where([data-cl-s~="s17"]) span.wpcf7-list-item { display: block !important; }
:where([data-cl-s~="s17"]) .small { font-size: 0.8em !important; }
:where([data-cl-s~="s17"]) input:focus, :where([data-cl-s~="s17"]) textarea:focus { background-color: rgb(221, 238, 238) !important; }
:where([data-cl-s~="s17"]) #top-menu li.end, :where([data-cl-s~="s17"]) #global-menu li.end { margin-right: 0px; }
:where([data-cl-s~="s17"]) #top-menu li.end { margin-right: 0px; padding-right: 16px; }
:where([data-cl-s~="s17"]) .side-menu li.end { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
.clone-wordmark { font-weight: 700; font-size: 1.15em; line-height: 1.1; letter-spacing: -0.01em; white-space: nowrap; color: inherit !important; text-decoration: none !important; }
a:has(> .clone-wordmark), a:has(.clone-wordmark) { color: inherit !important; text-decoration: none !important; }
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px){
html { max-width: 100%; }
body { overflow-x: clip; max-width: 100%; }
}
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3; font-size: 1.05em; }
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 40px; display: block !important; position: fixed !important; inset: 0px auto 0px 0px !important; width: min(86vw, 360px) !important; height: 100% !important; overflow: auto !important; z-index: 2147483000 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
.clone-bg-veil { box-shadow: rgba(255, 255, 255, 0.84) 0px 0px 0px 100vmax inset !important; }
.clone-form-note { margin: 1em 0px; padding: 0.9em 1.1em; border-radius: 8px; background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12); color: inherit; font-size: 0.95em; line-height: 1.45; }
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
.clone-contact { margin: 1.2em 0px; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }
:where(img[width][height]) { height: auto; }
.footer-taiken,.header-taiken{color:#fff!important}.modal-button,.modal-button .view-details{color:#fff}