: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-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --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-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-body-color-rgb: 33,37,41; --bs-body-bg-rgb: 255,255,255; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; }
*,::after,::before{ box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference){:root{ scroll-behavior: smooth; }
}
body{ margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr{ margin: 1rem 0px; color: inherit; border-width: 1px 0px 0px; border-style: solid none none; border-color: currentcolor; border-image: none; opacity: 0.25; }
.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; }
address{ margin-bottom: 1rem; font-style: normal; line-height: inherit; }
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; }
dt{ font-weight: 700; }
dd{ margin-bottom: 0.5rem; margin-left: 0px; }
blockquote{ margin: 0px 0px 1rem; }
b,strong{ font-weight: bolder; }
.small,small{ font-size: 0.875em; }
.mark,mark{ padding: 0.1875em; background-color: var(--bs-highlight-bg); }
sub,sup{ position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub{ bottom: -0.25em; }
sup{ top: -0.5em; }
a{ color: var(--bs-link-color); text-decoration: underline; }
a:hover{ color: var(--bs-link-hover-color); }
a:not([href]):not([class]),a:not([href]):not([class]):hover{ color: inherit; text-decoration: none; }
code,pre{ font-family: var(--bs-font-monospace); font-size: 1em; }
pre{ display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }
pre code{ font-size: inherit; color: inherit; word-break: normal; }
code{ font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
a > code{ color: inherit; }
figure{ margin: 0px 0px 1rem; }
img,svg{ vertical-align: middle; }
table{ caption-side: bottom; border-collapse: collapse; }
caption{ padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgb(108, 117, 125); text-align: left; }
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; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator{ display: none !important; }
[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; }
legend{ float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px){legend{ font-size: 1.5rem; }
}
legend + *{ clear: left; }
::-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; }
[type="search"]{ outline-offset: -2px; appearance: textfield; }
::-webkit-search-decoration{ appearance: none; }
::-webkit-color-swatch-wrapper{ padding: 0px; }
::-webkit-file-upload-button{ font: inherit; appearance: button; }
::file-selector-button{ font: inherit; appearance: button; }
output{ display: inline-block; }
iframe{ border: 0px; }
summary{ display: list-item; cursor: pointer; }
progress{ vertical-align: baseline; }
[hidden]{ display: none !important; }
.lead{ font-size: 1.25rem; font-weight: 300; }
.blockquote{ margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote > :last-child{ margin-bottom: 0px; }
.img-fluid{ max-width: 100%; height: auto; }
.figure{ display: inline-block; }
.container,.container-lg,.container-md{ --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px){.container{ max-width: 540px; }
}
@media (min-width: 768px){.container,.container-md{ max-width: 720px; }
}
@media (min-width: 992px){.container,.container-lg,.container-md{ max-width: 960px; }
}
@media (min-width: 1200px){.container,.container-lg,.container-md{ max-width: 1140px; }
}
@media (min-width: 1400px){.container,.container-lg,.container-md{ max-width: 1320px; }
}
.row{ --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.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%; }
.col-2{ flex: 0 0 auto; width: 16.66666667%; }
.col-4{ flex: 0 0 auto; width: 33.33333333%; }
.col-6{ flex: 0 0 auto; width: 50%; }
.col-10{ flex: 0 0 auto; width: 83.33333333%; }
.col-12{ flex: 0 0 auto; width: 100%; }
.g-5{ --bs-gutter-x: 3rem; }
.g-5{ --bs-gutter-y: 3rem; }
@media (min-width: 768px){.col-md-1{ flex: 0 0 auto; width: 8.33333333%; }
.col-md-3{ flex: 0 0 auto; width: 25%; }
.col-md-4{ flex: 0 0 auto; width: 33.33333333%; }
.col-md-6{ flex: 0 0 auto; width: 50%; }
.col-md-11{ flex: 0 0 auto; width: 91.66666667%; }
}
@media (min-width: 992px){.col-lg-3{ flex: 0 0 auto; width: 25%; }
.col-lg-4{ flex: 0 0 auto; width: 33.33333333%; }
.col-lg-6{ flex: 0 0 auto; width: 50%; }
.col-lg-7{ flex: 0 0 auto; width: 58.33333333%; }
.offset-lg-1{ margin-left: 8.33333333%; }
}
.table{ --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); }
.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 > thead{ vertical-align: bottom; }
.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.375rem; 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[type="file"]{ overflow: hidden; }
.form-control[type="file"]:not(:disabled):not([readonly]){ cursor: pointer; }
.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{ background-color: rgb(233, 236, 239); opacity: 1; }
.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; }
.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::-webkit-file-upload-button{ transition: none; }
.form-control::file-selector-button{ transition: none; }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{ background-color: rgb(221, 224, 227); }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{ background-color: rgb(221, 224, 227); }
textarea.form-control{ min-height: calc(1.5em + 2px + 0.75rem); }
.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.73.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); }
.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{ padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.invalid-feedback{ display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: rgb(220, 53, 69); }
.is-invalid ~ .invalid-feedback,.was-validated :invalid ~ .invalid-feedback{ 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); }
.btn{ --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); 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: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
.btn:focus-visible{ color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check) + .btn:active{ color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check) + .btn:active:focus-visible{ box-shadow: var(--bs-btn-focus-box-shadow); }
.btn.disabled,.btn:disabled,fieldset:disabled .btn{ color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }
.btn-primary{ --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; }
.btn-secondary{ --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130,138,145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; }
.fade{ transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce){.fade{ transition: none; }
}
.fade:not(.show){ opacity: 0; }
.collapse:not(.show){ display: none; }
.collapsing{ height: 0px; overflow: hidden; transition: height 0.35s; }
@media (prefers-reduced-motion: reduce){.collapsing{ transition: none; }
}
.collapsing.collapse-horizontal{ width: 0px; height: auto; transition: width 0.35s; }
@media (prefers-reduced-motion: reduce){.collapsing.collapse-horizontal{ transition: none; }
}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{ 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-style: solid solid none; border-color: currentcolor transparent; }
.dropdown-toggle:empty::after{ margin-left: 0px; }
.dropdown-menu{ --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: #212529; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: 0.375rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: #212529; --bs-dropdown-link-hover-color: #1e2125; --bs-dropdown-link-hover-bg: #e9ecef; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }
.dropdown-menu[data-bs-popper]{ top: 100%; left: 0px; margin-top: var(--bs-dropdown-spacer); }
.dropup .dropdown-menu[data-bs-popper]{ top: auto; bottom: 100%; margin-top: 0px; margin-bottom: var(--bs-dropdown-spacer); }
.dropup .dropdown-toggle::after{ display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-style: none solid solid; border-color: currentcolor transparent; }
.dropup .dropdown-toggle:empty::after{ margin-left: 0px; }
.dropend .dropdown-menu[data-bs-popper]{ top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: var(--bs-dropdown-spacer); }
.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-style: solid none solid solid; border-color: transparent currentcolor; }
.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: var(--bs-dropdown-spacer); }
.dropstart .dropdown-toggle::after{ display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }
.dropstart .dropdown-toggle::after{ display: none; }
.dropstart .dropdown-toggle::before{ display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }
.dropstart .dropdown-toggle:empty::after{ margin-left: 0px; }
.dropstart .dropdown-toggle::before{ vertical-align: 0px; }
.dropdown-item{ display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; }
.dropdown-item:focus,.dropdown-item:hover{ color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
.dropdown-item.active,.dropdown-item:active{ color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }
.dropdown-item.disabled,.dropdown-item:disabled{ color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }
.dropdown-menu.show{ display: block; }
.nav{ --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #6c757d; display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-link{ display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){.nav-link{ transition: none; }
}
.nav-link:focus,.nav-link:hover{ color: var(--bs-nav-link-hover-color); }
.nav-link.disabled{ color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; }
.navbar{ --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(0, 0, 0, 0.55); --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); --bs-navbar-active-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); --bs-navbar-toggler-border-radius: 0.375rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
.navbar > .container,.navbar > .container-lg,.navbar > .container-md{ display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
.navbar-nav{ --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.navbar-nav .nav-link.active,.navbar-nav .show > .nav-link{ color: var(--bs-navbar-active-color); }
.navbar-nav .dropdown-menu{ position: static; }
.card{ --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(0.375rem - 1px); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0px; height: var(--bs-card-height); overflow-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); }
.card > hr{ margin-right: 0px; margin-left: 0px; }
.card > .list-group{ border-top: inherit; border-bottom: inherit; }
.card > .list-group:first-child{ border-top-width: 0px; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); }
.card > .list-group:last-child{ border-bottom-width: 0px; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.breadcrumb{ --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: #6c757d; --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: #6c757d; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); }
.pagination{ --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: #fff; --bs-pagination-border-width: 1px; --bs-pagination-border-color: #dee2e6; --bs-pagination-border-radius: 0.375rem; --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: #e9ecef; --bs-pagination-hover-border-color: #dee2e6; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: #e9ecef; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-border-color: #dee2e6; display: flex; padding-left: 0px; list-style: none; }
.badge{ --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); }
.badge:empty{ display: none; }
.btn .badge{ position: relative; top: -1px; }
.alert{ --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: 1px solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.375rem; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); }
@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}
.progress{ --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: #e9ecef; --bs-progress-border-radius: 0.375rem; --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); }
.list-group{ --bs-list-group-color: #212529; --bs-list-group-bg: #fff; --bs-list-group-border-color: rgba(0, 0, 0, 0.125); --bs-list-group-border-width: 1px; --bs-list-group-border-radius: 0.375rem; --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: #495057; --bs-list-group-action-hover-color: #495057; --bs-list-group-action-hover-bg: #f8f9fa; --bs-list-group-action-active-color: #212529; --bs-list-group-action-active-bg: #e9ecef; --bs-list-group-disabled-color: #6c757d; --bs-list-group-disabled-bg: #fff; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: var(--bs-list-group-border-radius); }
.list-group-item{ position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
.list-group-item:first-child{ border-top-left-radius: inherit; border-top-right-radius: inherit; }
.list-group-item:last-child{ border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.list-group-item.disabled,.list-group-item:disabled{ color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); }
.list-group-item.active{ z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); }
.list-group-item + .list-group-item{ border-top-width: 0px; }
.list-group-item + .list-group-item.active{ margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); }
.toast{ --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(255, 255, 255, 0.85); --bs-toast-border-width: 1px; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: 0.375rem; --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-toast-header-color: #6c757d; --bs-toast-header-bg: rgba(255, 255, 255, 0.85); --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); }
.toast.showing{ opacity: 0; }
.toast:not(.show){ display: none; }
.modal{ --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog{ position: relative; width: auto; margin: var(--bs-modal-margin); 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.modal-static .modal-dialog{ transform: scale(1.02); }
.modal-backdrop{ --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
.modal-backdrop.fade{ opacity: 0; }
.modal-backdrop.show{ opacity: var(--bs-backdrop-opacity); }
.modal-body{ position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }
@media (min-width: 576px){.modal{ --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
.modal-dialog{ max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }
}
.tooltip{ --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: #fff; --bs-tooltip-bg: #000; --bs-tooltip-border-radius: 0.375rem; --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; padding: var(--bs-tooltip-arrow-height); margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); overflow-wrap: break-word; opacity: 0; }
.tooltip.show{ opacity: var(--bs-tooltip-opacity); }
.tooltip .tooltip-arrow{ display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); }
.tooltip .tooltip-arrow::before{ position: absolute; content: ""; border-color: transparent; border-style: solid; }
.tooltip-inner{ max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); }
.popover{ --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: #fff; --bs-popover-border-width: 1px; --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: 0.5rem; --bs-popover-inner-border-radius: calc(0.5rem - 1px); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: ; --bs-popover-header-bg: #f0f0f0; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: #212529; --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); overflow-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); }
.popover .popover-arrow{ display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); }
.popover .popover-arrow::after,.popover .popover-arrow::before{ position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0px; }
.popover-header{ padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0px; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); }
.popover-header:empty{ display: none; }
.popover-body{ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); }
.carousel{ position: relative; }
.carousel.pointer-event{ touch-action: pan-y; }
.carousel-item{ position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce){.carousel-item{ transition: none; }
}
.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-indicators{ position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; justify-content: center; padding: 0px; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; }
.carousel-indicators [data-bs-target]{ box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-width: 10px 0px; border-style: solid none; border-color: transparent currentcolor; border-image: none; opacity: 0.5; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{ transition: none; }
}
.carousel-indicators .active{ opacity: 1; }
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.offcanvas{ --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: ; --bs-offcanvas-bg: #fff; --bs-offcanvas-border-width: 1px; --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
.offcanvas{ position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: transform 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce){.offcanvas{ transition: none; }
}
.offcanvas.show:not(.hiding),.offcanvas.showing{ transform: none; }
.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{ visibility: visible; }
.offcanvas-backdrop{ position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); }
.offcanvas-backdrop.fade{ opacity: 0; }
.offcanvas-backdrop.show{ opacity: 0.5; }
.placeholder{ display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; }
.placeholder.btn::before{ display: inline-block; content: ""; }
@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}
@keyframes placeholder-wave { 
  100% { mask-position: -200% 0%; }
}
.ratio{ position: relative; width: 100%; }
.ratio::before{ display: block; padding-top: var(--bs-aspect-ratio); content: ""; }
.ratio > *{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.fixed-top{ position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
.fixed-bottom{ position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }
.sticky-top{ position: sticky; top: 0px; z-index: 1020; }
.vr{ display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: 0.25; }
.d-block{ display: block !important; }
.d-flex{ display: flex !important; }
.shadow{ box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }
.border{ border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-top{ border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-bottom{ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.flex-wrap{ flex-wrap: wrap !important; }
.justify-content-center{ justify-content: center !important; }
.align-items-center{ align-items: center !important; }
.m-0{ margin: 0px !important; }
.mt-3{ margin-top: 1rem !important; }
.mb-5{ margin-bottom: 3rem !important; }
.p-0{ padding: 0px !important; }
.p-4{ padding: 1.5rem !important; }
.text-wrap{ white-space: normal !important; }
.bg-white{ --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; }
.rounded{ border-radius: var(--bs-border-radius) !important; }
.visible{ visibility: visible !important; }
@media (min-width: 768px){.p-md-5{ padding: 3rem !important; }
}
@media (min-width: 992px){.d-lg-none{ display: none !important; }
.mb-lg-0{ margin-bottom: 0px !important; }
}
.slick-slider{ position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }
.slick-list:focus{ outline: none; }
.slick-list.dragging{ cursor: pointer; }
.slick-slider .slick-track,.slick-slider .slick-list{ transform: translate3d(0px, 0px, 0px); }
.slick-track{ position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before,.slick-track::after{ display: table; content: ""; }
.slick-track::after{ clear: both; }
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px; }
[dir="rtl"] .slick-slide{ float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img{ display: none; }
.slick-slide.dragging img{ pointer-events: none; }
.slick-initialized .slick-slide{ display: block; }
.slick-loading .slick-slide{ visibility: hidden; }
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden{ display: none; }
.slick-loading .slick-list{ background: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/./ajax-loader.gif") center center no-repeat rgb(255, 255, 255); }
@font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/./fonts/slick.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/./fonts/slick.ttf") format("truetype"); }
.slick-prev,.slick-next{ font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: transparent; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ color: transparent; outline: none; background: transparent; }
.slick-prev:hover::before,.slick-prev:focus::before,.slick-next:hover::before,.slick-next:focus::before{ opacity: 1; }
.slick-prev.slick-disabled::before,.slick-next.slick-disabled::before{ opacity: 0.25; }
.slick-prev::before,.slick-next::before{ font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; }
.slick-prev{ left: -25px; }
[dir="rtl"] .slick-prev{ right: -25px; left: auto; }
.slick-prev::before{ content: "←"; }
[dir="rtl"] .slick-prev::before{ content: "→"; }
.slick-next{ right: -25px; }
[dir="rtl"] .slick-next{ right: auto; left: -25px; }
.slick-next::before{ content: "→"; }
[dir="rtl"] .slick-next::before{ content: "←"; }
.slick-dotted.slick-slider{ margin-bottom: 30px; }
.slick-dots{ position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; }
.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button{ font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; }
.slick-dots li button:hover,.slick-dots li button:focus{ outline: none; }
.slick-dots li button:hover::before,.slick-dots li button:focus::before{ opacity: 1; }
.slick-dots li button::before{ font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }
.slick-dots li.slick-active button::before{ opacity: 0.75; color: black; }
html{ line-height: 1.15; text-size-adjust: 100%; }
body{ margin: 0px; }
main{ display: block; }
h1{ font-size: 2em; margin: 0.67em 0px; }
hr{ box-sizing: content-box; height: 0px; overflow: visible; }
pre{ font-family: monospace, monospace; font-size: 1em; }
a{ background-color: transparent; }
b,strong{ font-weight: bolder; }
code{ font-family: monospace, monospace; font-size: 1em; }
small{ font-size: 80%; }
sub,sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub{ bottom: -0.25em; }
sup{ top: -0.5em; }
img{ border-style: none; }
button,input,optgroup,select,textarea{ font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
button,input{ overflow: visible; }
button,select{ text-transform: none; }
button,[type="button"],[type="reset"],[type="submit"]{ appearance: button; }
fieldset{ padding: 0.35em 0.75em 0.625em; }
legend{ box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress{ vertical-align: baseline; }
textarea{ overflow: auto; }
[type="checkbox"],[type="radio"]{ box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{ height: auto; }
[type="search"]{ appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration{ appearance: none; }
::-webkit-file-upload-button{ appearance: button; font: inherit; }
details{ display: block; }
summary{ display: list-item; }
template{ display: none; }
[hidden]{ display: none; }
*{ box-sizing: border-box; margin: 0px; padding: 0px; }
html{ font-size: 62.5%; overflow-x: hidden; }
body{ font-size: 1.6rem; line-height: 1.75; font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif; font-weight: 400; font-style: normal; margin: 0px; background: rgb(255, 255, 255); color: rgb(59, 64, 67); overflow: hidden; height: auto; }
@media (max-width: 991px){body{ font-size: 1.4rem; }
}
a{ text-decoration: none; color: rgb(59, 64, 67); transition: 0.2s; }
a:hover{ color: rgba(59, 64, 67, 0.7); }
a.link{ color: rgb(163, 28, 14); text-decoration: underline; transition: 0.2s; }
a.link:hover{ filter: brightness(70%); }
a.link-border{ display: inline-block; position: relative; overflow: hidden; color: rgb(255, 255, 255); text-decoration: none; }
a.link-border::after{ position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: 1px solid rgb(255, 255, 255); transform: translate(-100%, 0px); transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); content: ""; }
a.link-border:hover::after{ transform: translate(0px, 0px); }
figure{ margin: 0px; text-align: center; }
figure img{ max-width: 100%; height: auto; vertical-align: bottom; backface-visibility: hidden; image-rendering: -webkit-optimize-contrast; }
ul{ list-style: none; margin-bottom: 0px; }
iframe{ vertical-align: bottom; }
@media (min-width: 992px){a[href^="tel:"]{ pointer-events: none; }
}
.pc-only{ display: block; }
@media (max-width: 767px){.pc-only{ display: none; }
}
.pc-only-lg{ display: block; }
.sp-only-lg{ display: none; }
@media (max-width: 991px){.pc-only-lg{ display: none; }
.sp-only-lg{ display: block; }
}
.breadcrumbs{ margin-bottom: 1rem; z-index: 10; }
.under_scroll{ margin-top: 100px; }
@media (max-width: 767px){.under_scroll{ margin-top: 76px; }
}
@keyframes furifuri { 
  0% { transform: rotate(0deg); }
  10% { transform: rotate(9deg); }
  20% { transform: rotate(0deg); }
  30% { transform: rotate(9deg); }
  100% { transform: rotate(0deg); }
}
.btn-common a{ display: block; font-size: 1.6rem; font-weight: 700; text-align: center; text-decoration: none; max-width: 280px; width: 100%; margin: auto; padding: 0.5em; border-radius: 2.4rem; letter-spacing: 0.05em; color: rgb(255, 255, 255); background: rgb(163, 28, 14); border: 1px solid rgb(163, 28, 14); }
.btn-common a:hover{ filter: brightness(110%); }
@media (max-width: 991px){.btn-common a{ font-size: 1.4rem; }
}
@media (max-width: 380px){.btn-common a{ font-size: 1.3rem; }
}
.btn-common-b a{ display: block; font-size: 1.6rem; font-weight: 700; text-align: center; text-decoration: none; max-width: 280px; width: 100%; margin: auto; padding: 0.5em; border-radius: 2.4rem; letter-spacing: 0.05em; color: rgb(255, 255, 255); background: rgb(0, 75, 177); border: 1px solid rgb(0, 75, 177); }
.btn-common-b a:hover{ filter: brightness(110%); }
@media (max-width: 991px){.btn-common-b a{ font-size: 1.4rem; }
}
@media (max-width: 380px){.btn-common-b a{ font-size: 1.3rem; }
}
.btn-common-small-w a{ display: block; font-size: 1.6rem; font-weight: 700; text-align: center; text-decoration: none; width: 100%; margin: auto; padding: 0.5em; border-radius: 2.4rem; letter-spacing: 0.05em; color: rgb(163, 28, 14); background: rgb(255, 255, 255); border: 1px solid rgb(163, 28, 14); max-width: 200px; }
.btn-common-small-w a:hover{ filter: brightness(110%); }
@media (max-width: 991px){.btn-common-small-w a{ font-size: 1.4rem; }
}
@media (max-width: 380px){.btn-common-small-w a{ font-size: 1.3rem; }
}
h1{ font-size: 3.6rem; color: rgb(59, 64, 67); margin-bottom: 1em; font-weight: 700; letter-spacing: 0.2em; }
@media (max-width: 991px){h1{ font-size: clamp(2.8rem, 3.6vw, 3.6rem); }
}
h2{ font-size: 3rem; color: rgb(59, 64, 67); margin-bottom: 1.6em; font-weight: 700; letter-spacing: 0.25em; }
h2 .h2-sub{ font-size: 2rem; color: rgb(59, 64, 67); font-weight: 500; letter-spacing: 0.2em; text-align: center; line-height: 2.4; margin-left: 1em; }
@media (max-width: 991px){h2 .h2-sub{ font-size: clamp(1.4rem, 2vw, 2rem); text-align: left; line-height: 1.8; }
}
@media (max-width: 991px){h2{ font-size: clamp(2.4rem, 3vw, 3rem); margin-bottom: 1em; }
h2 span{ display: inline-block; }
}
h3{ font-size: 2.4rem; color: rgb(59, 64, 67); margin-bottom: 1em; font-weight: 700; }
@media (max-width: 991px){h3{ font-size: clamp(1.8rem, 2.4vw, 2.4rem); }
}
h4{ font-size: 2rem; color: rgb(59, 64, 67); margin-bottom: 1em; font-weight: 700; }
@media (max-width: 991px){h4{ font-size: clamp(1.4rem, 2vw, 2rem); }
}
.container,.container-lg,.container-md{ --bs-gutter-x: 4rem; }
.row{ --bs-gutter-x: 4rem; }
.policy h2,.termes h2{ margin-bottom: 1em; }
.policy ul,.termes ul{ list-style-type: revert; }
.hdr{ position: relative; width: 100%; height: 100px; z-index: 500; }
.hdr.fixed{ position: fixed; top: 0px; animation: 0.5s ease 0s 1 normal none running nyuru; background: rgb(255, 255, 255); }
.hdr__wrapper{ max-width: 1320px; height: 100%; display: flex; justify-content: space-between; width: 100%; margin: auto; background: rgb(255, 255, 255); padding: 0px 2rem; }
.hdr__left{ display: flex; align-items: center; }
.hdr__logo{ line-height: 1; margin: 0px; }
.hdr__right{ display: flex; align-items: center; }
.hdr__contact{ position: absolute; top: 50%; transform: translateY(-50%); right: calc(50% - 640px); }
.hdr__contact a{ width: 148px; }
@media (min-width: 992px) and (max-width: 1320px){.hdr__contact{ right: 2%; }
}
@media (max-width: 991px){.hdr{ height: 76px; }
.hdr__logo img{ width: 180px; height: auto; }
.hdr__contact{ position: absolute; right: 8.2rem; border-radius: 50%; background: rgb(234, 232, 232); padding: 1.5rem; line-height: 1; }
}
@media (max-width: 991px){.hdr__ul{ list-style: none; padding-left: 0px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; }
.hdr__ul.active{ display: block; }
.hdr__li{ opacity: 0; transition: 0.5s; padding: 0px; }
.hdr__li a{ display: block; text-decoration: none; font-weight: 500; text-transform: capitalize; color: rgb(255, 255, 255); opacity: 0; transition: 0.5s; }
.hdr__li a:hover{ filter: brightness(80%); }
.hdr__li:not(:first-child) a{ padding-top: 1.6rem; }
.hdr__hamburger{ padding: 1.5rem; border-radius: 50%; background: rgb(234, 232, 232); line-height: 1.6; }
.hdr__btn{ display: none; }
.hdr__btn-line{ background: rgb(163, 28, 14); display: block; height: 3px; width: 24px; position: relative; transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; transform: translateY(-100%); }
.hdr__btn-line::before,.hdr__btn-line::after{ content: ""; display: block; height: 100%; width: 100%; position: absolute; background: rgb(163, 28, 14); transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }
.hdr__btn-line::before{ top: 8px; }
.hdr__btn-line::after{ bottom: 8px; }
.hdr__btn:checked ~ .hdr__ul > .hdr__li,.hdr__btn:checked ~ .hdr__ul > .hdr__li a{ opacity: 1; transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s; }
.hdr__btn:checked ~ .hdr__btn-icon .hdr__btn-line::before{ transform: rotate(-45deg); }
.hdr__btn:checked ~ .hdr__btn-icon .hdr__btn-line::after{ transform: rotate(45deg); }
.hdr__btn:checked ~ .hdr__btn-icon:not(.steps) .hdr__btn-line::before{ top: 0px; }
.hdr__btn:checked ~ .hdr__btn-icon:not(.steps) .hdr__btn-line::after{ bottom: 0px; }
.hdr__btn:checked ~ .hdr__btn-icon .hdr__btn-line{ background: transparent; transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s; }
}
@media (min-width: 992px){.hdr__right{ margin-right: calc(148px + 2rem); }
.hdr__hamburger{ display: flex; align-items: center; }
.hdr__ul{ list-style: none; display: flex; padding-left: 0px; }
.hdr__li a{ color: rgb(118, 69, 28); font-weight: 700; margin: 0px 1rem; }
.hdr__li a.link-border::after{ border-width: 2px; border-color: rgb(118, 69, 28); }
.hdr__btn{ display: none; }
}
@media (max-width: 991px){.hdr__li a.link-border::after{ content: none; }
}
.circle-bg{ position: fixed; z-index: 3; width: 54px; height: 54px; border-radius: 50%; background: rgb(59, 64, 67); transform: scale(0); right: 1.6rem; top: 1.6rem; transition: 0.6s; }
.circle-bg.circleactive{ transform: scale(50); }
@media (max-width: 991px){.hdr__right,.hdr__contact{ z-index: 100; }
}
@media (min-width: 992px){.hdr__li.active ._list_sub{ opacity: 0; transition: 0.3s; }
.hdr__li.active ._list_sub > ul{ background: rgb(255, 255, 255); padding: 16px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px; position: absolute; transform: translateY(10%); }
.hdr__li.active:hover ._list_sub{ opacity: 1; }
}
body{ display: flex; flex-direction: column; min-height: 100vh; }
footer{ margin-top: auto; }
main{ margin-bottom: 20%; }
@media (max-width: 767px){main{ margin-bottom: 30%; }
}
.footer{ background: rgb(163, 28, 14); padding: 40px 0px; position: relative; }
.footer .pagetop{ position: absolute; top: 0px; right: 1.6rem; z-index: 100; transform: translateY(-120%); }
.footer .pagetop a img{ width: 60px; }
.footer .pagetop a span{ display: block; color: rgb(59, 64, 67); line-height: 1; text-align: center; }
.footer .pagetop a:hover img{ animation: 2s cubic-bezier(0, 1.68, 1, 1) 0s infinite normal none running furifuri; }
.footer__ul{ padding-left: 1rem; }
.footer__line1,.footer__line2,.footer__line4,.footer__line5{ display: flex; }
.footer__line1-ttl,.footer__line2-ttl,.footer__line4-ttl,.footer__line5-ttl{ color: rgb(255, 255, 255); font-size: 1.4rem; margin-bottom: 0px; line-height: 1.5; width: 100px; }
.footer__line1,.footer__line2,.footer__line4,.footer__line5{ margin-right: 3rem; }
.footer__line6{ display: flex; justify-content: flex-end; }
.footer a{ color: rgb(255, 255, 255); font-size: 1.4rem; line-height: 1.5; }
.footer__img-instagram a img,.footer__img-facebook a img{ transition: 0.3s; }
.footer__img-instagram a:hover img,.footer__img-facebook a:hover img{ filter: brightness(80%); }
.footer__img-instagram{ margin-right: 1rem; }
.footer__bottom-ttl{ font-size: 3.6rem; text-align: center; font-weight: 700; margin: 2.6rem 0px; letter-spacing: 0.2em; padding: 0px 1rem; }
.footer__bottom-ttl span{ display: inline-block; }
.footer__bottom-img{ position: relative; height: 150px; margin-bottom: 2.6rem; }
.footer__bottom-img::before{ content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; width: 100%; height: 150px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/footer_bg01.png") center center / cover no-repeat; }
.footer__copyright{ font-size: 1.2rem; color: rgb(255, 255, 255); text-align: center; background: rgb(163, 28, 14); padding: 1.5em 0px; margin: 0px; }
@media (max-width: 991px){.footer .pagetop a img{ width: 40px; }
.footer .pagetop a span{ font-size: 1rem; }
.footer__bottom-ttl{ font-size: clamp(2rem, 3.6vw, 36px); }
.footer__bottom-img{ height: 130px; }
.footer__bottom-img::before{ height: 130px; }
.footer__img-facebook{ margin-right: 0.75rem; }
}
@media (max-width: 450px){.footer__ul{ width: 200px; }
}
table{ width: 100%; }
table td,table th{ padding: 1.6em 1em; line-height: 1.5; border-bottom: 1px solid rgb(59, 64, 67); font-size: 1.8rem; }
table.table-small th{ vertical-align: top; text-align: left; width: 34%; font-weight: 700; }
table.table-small td{ vertical-align: middle; font-weight: 500; }
@media (max-width: 767px){table.table-small td,table.table-small th{ font-size: 1.4rem; }
table.table-small th{ width: 36%; padding-left: 1rem; }
}
table.table-typeA td,table.table-typeA th{ border: 1px solid rgb(59, 64, 67); padding: 1em; font-size: 18px; }
table.table-typeA thead{ background: rgb(221, 243, 249); text-align: center; }
table.table-typeA tbody th{ background: rgb(244, 233, 212); text-align: center; font-weight: normal; width: 30%; }
table.table-typeA tbody td{ text-align: right; }
@media (max-width: 767px){table.table-typeA thead th{ font-size: 16px; }
table.table-typeA tbody th{ width: 30%; font-size: 14px; }
}
@-webkit-keyframes item2_image_anm_1 { 
  0% { transform: rotate(0deg); }
  5% { transform: rotate(-9deg); }
  10% { transform: rotate(0deg); }
  15% { transform: rotate(-9deg); }
  20%, 100% { transform: rotate(0deg); }
}
@keyframes item2_image_anm_1 { 
  0% { transform: rotate(0deg); }
  5% { transform: rotate(-9deg); }
  10% { transform: rotate(0deg); }
  15% { transform: rotate(-9deg); }
  20%, 100% { transform: rotate(0deg); }
}
@-webkit-keyframes item2_image_anm_2 { 
  0% { transform: rotate(0deg); }
  5% { transform: rotate(9deg); }
  10% { transform: rotate(0deg); }
  15% { transform: rotate(9deg); }
  20%, 100% { transform: rotate(0deg); }
}
@keyframes item2_image_anm_2 { 
  0% { transform: rotate(0deg); }
  5% { transform: rotate(9deg); }
  10% { transform: rotate(0deg); }
  15% { transform: rotate(9deg); }
  20%, 100% { transform: rotate(0deg); }
}
@keyframes fade_up { 
  0% { opacity: 0; transform: translate(0px, 40px); }
  80% { opacity: 0; }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
@keyframes fade_down { 
  0% { transform: translateY(40px); }
  100% { transform: translateX(0px); }
}
@keyframes fade_in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fuwa { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(0px, 10px); }
}
@keyframes swim { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(-12px, -12px); }
}
@keyframes sky { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(20px, -20px); }
}
@keyframes run { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(-30px, 0px); }
}
@keyframes loop { 
  0% { background-position: 0px 0px; }
  100% { background-position: 0px -700px; }
}
@keyframes loop-rev { 
  0% { background-position: 0px -700px; }
  100% { background-position: 0px 0px; }
}
@keyframes fadeInUp-srow { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}
@keyframes nyuru { 
  0% { }
  100% { margin-top: 0px; }
}
@keyframes fade_up_order { 
  0% { opacity: 0; transform: translate(0px, 40px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
.form{ margin-top: 6rem; }
.form p{ margin: 0px; color: rgb(59, 64, 67); }
.form .required{ font-size: 1.2rem; background: rgb(255, 255, 255); color: rgb(132, 32, 41); border: 1px solid rgb(132, 32, 41); padding: 2px 6px; border-radius: 4px; text-align: right; display: inline-block; margin-left: 8px; }
.form tr{ display: flex; }
.form th,.form td{ padding: 1.6em 1em 0px; font-size: 1.6rem; }
.form th{ font-weight: 500; display: flex; align-items: center; width: 30%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.form td{ width: 70%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form select,.form textarea{ border: 1px solid rgb(205, 214, 221); border-radius: 4px; padding: 20px; width: 100%; outline: none; color: rgb(59, 64, 67); font-size: 1.6rem; }
.form input[type="text"]:focus,.form input[type="email"]:focus,.form input[type="tel"]:focus,.form select:focus,.form textarea:focus{ box-shadow: rgb(205, 214, 221) 0px 0px 5px; border: 1px solid rgb(205, 214, 221); }
@media (max-width: 991px){.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form select,.form textarea{ font-size: 1.4rem; }
}
.form textarea{ height: 200px; }
.form input[type="checkbox"]{ margin-right: 1em; }
.form input[type="submit"]{ display: block; font-size: 1.6rem; font-weight: 700; text-align: center; text-decoration: none; max-width: 280px; width: 100%; margin: auto; padding: 0.5em; border-radius: 2.4rem; letter-spacing: 0.05em; color: rgb(255, 255, 255); background: rgb(0, 75, 177); border: 1px solid rgb(0, 75, 177); line-height: 1.75; }
.form input[type="submit"]:hover{ filter: brightness(110%); }
@media (max-width: 991px){.form input[type="submit"]{ font-size: 1.4rem; }
}
.form select{ appearance: none; }
.form input[type="submit"]{ appearance: none; }
.form input[type="button"]{ appearance: none; }
@media (max-width: 991px){.form{ margin-top: 5rem; }
.form tr{ flex-direction: column; }
.form th,.form td{ width: 100%; padding: 0.8em 1rem; font-size: 1.4rem; }
.form th{ padding: 0.8em 1rem 0px; }
}
.invalid-feedback{ display: none; width: 100%; padding-top: 0.25rem; font-size: 80%; color: rgb(132, 32, 41); }
.is-invalid ~ .invalid-feedback{ display: block; }
.checkbox input[type="checkbox"].checkbox__item{ display: none; }
.checkbox label{ display: inline-block; }
.checkbox .checkbox__item + span{ padding-left: 26px; display: inline-block; position: relative; width: 350px; margin-top: 16px; line-height: 22px; text-align: left; }
@media (max-width: 425px){.checkbox .checkbox__item + span{ width: 300px; }
}
.checkbox .checkbox__item + span::after,.checkbox .checkbox__item + span::before{ content: ""; display: block; position: absolute; border: 1px solid rgb(200, 195, 195); width: 20px; height: 20px; top: 0px; left: 0px; background: rgb(255, 255, 255); }
.checkbox .checkbox__item + span::before{ border-radius: 4px; }
.checkbox .checkbox__item + span::after{ opacity: 0; width: 6px; height: 12px; transform: rotate(45deg); left: 8px; top: 2px; border-width: medium 3px 3px medium; border-style: none solid solid none; border-color: currentcolor rgb(59, 64, 67) rgb(59, 64, 67) currentcolor; border-image: none; }
.checkbox .checkbox__item:checked + span{ color: rgb(59, 64, 67); }
.checkbox .checkbox__item:checked + span::after{ opacity: 1; }
.checkbox span{ display: inline-block; }
@media (min-width: 992px){.checkbox span:not(:nth-child(-n+2)){ margin-top: 10px; }
}
.form__agree{ display: flex; justify-content: center; }
.form__submit{ margin-top: 5rem; }
@media (max-width: 991px){.form__submit{ margin-top: 3rem; }
}
input.wpcf7c-btn-back{ display: block; margin: 0px 1em 0px auto; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0.5em 0px; max-width: 322px; width: 100%; text-align: center; border-radius: 8px; text-decoration: none; transition: 0.3s; position: relative; background: rgb(210, 180, 90); font-size: 2.1rem; font-weight: 500; }
.checkbox .checkbox__item ~ span::after,.checkbox .checkbox__item ~ span::before{ content: ""; display: block; position: absolute; border: 1px solid rgb(200, 195, 195); width: 20px; height: 20px; top: 0px; left: 0px; background: rgb(255, 255, 255); }
.checkbox .checkbox__item ~ span::before{ border-radius: 4px; }
.checkbox .checkbox__item ~ span::after{ opacity: 0; width: 6px; height: 12px; transform: rotate(45deg); left: 8px; top: 2px; border-width: medium 3px 3px medium; border-style: none solid solid none; border-color: currentcolor rgb(60, 50, 50) rgb(60, 50, 50) currentcolor; border-image: none; }
.checkbox .checkbox__item:checked ~ span{ color: rgb(60, 50, 50); padding-left: 30px; display: inline-block; margin-top: -10px; }
.checkbox .checkbox__item:checked ~ span::after{ opacity: 1; }
input:-webkit-autofill,textarea:-webkit-autofill{ box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset; }
.wpcf7 form .wpcf7-response-output{ position: relative; max-width: 1000px; width: 95%; margin: auto; }
.wpcf7 form .wpcf7-response-output::before{ content: ""; display: block; position: absolute; top: -2px; left: -300%; right: -300%; margin: auto; background: rgb(255, 255, 255); height: 150px; z-index: -1; }
.wpcf7 form.invalid .wpcf7-response-output{ border-color: rgb(220, 50, 50); color: rgb(220, 50, 50); }
.contact-thanks{ padding: 70px 0px; }
@media screen and (max-width: 767px){.contact-thanks{ padding: 9.12647% 0px; }
}
.contact-thanks .container{ max-width: 600px; }
.wpcf7-form.sent .wpcf7-response-output{ display: none; }
.not-found__h2{ text-align: center; margin: 0px auto 1.5em; }
.aboutus-mv{ position: relative; }
.aboutus-mv__img01 img{ width: 100vw; height: 700px; aspect-ratio: 9 / 16; object-fit: contain; }
@media (max-width: 767px){.aboutus-mv__img01 img{ height: 600px; }
}
.aboutus-sec01__box{ background: rgb(234, 232, 232); padding: 7rem 7%; border-radius: 2rem; }
.aboutus-sec01__txt{ font-size: 2rem; color: rgb(59, 64, 67); font-weight: 500; letter-spacing: 0.2em; text-align: center; line-height: 2.4; }
@media (max-width: 991px){.aboutus-sec01__txt{ font-size: clamp(1.4rem, 2vw, 2rem); text-align: left; line-height: 1.8; }
}
@media (max-width: 767px){.aboutus-sec01__box{ padding: 4rem 1.6rem; }
}
.aboutus-sec02__h2{ text-align: center; }
.aboutus-sec03{ margin-top: 10rem; }
.aboutus-sec03__caption{ font-size: 3rem; font-weight: 700; margin: initial; }
.aboutus-sec03__txt{ font-size: 1.8rem; margin-right: initial; margin-bottom: initial; margin-left: initial; margin-top: 1.6rem; }
@media (max-width: 767px){.aboutus-sec03{ margin-top: 5rem; }
.aboutus-sec03__caption{ font-size: clamp(1.8rem, 3vw, 3rem); text-align: center; margin-top: 2rem; }
.aboutus-sec03__txt{ font-size: 1.4rem; }
.aboutus-sec03__img{ width: 80%; margin: auto; }
}
.aboutus-sec04{ margin-top: 10rem; }
@media (max-width: 767px){.aboutus-sec04{ margin-top: 5rem; }
}
#company01,#company02{ display: block; margin-top: -200px; padding-top: 200px; }
@media (max-width: 767px){#company01,#company02{ margin-top: -176px; padding-top: 176px; }
}
.shop-mv{ position: relative; }
.shop-mv__img01 img{ width: 100vw; height: 370px; aspect-ratio: 9 / 16; object-fit: cover; }
@media (max-width: 767px){.shop-mv__img01 img{ height: 600px; }
}
.shop-sec01{ margin-top: 10rem; }
@media (max-width: 767px){.shop-sec01{ margin-top: 5rem; }
}
.shop-post-sec01{ margin-top: 10rem; }
@media (max-width: 767px){.shop-post-sec01{ margin-top: 5rem; }
}
.shop-post1-slider img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; height: auto; width: 100%; opacity: 1; }
.shop-post1-slider .slider{ margin-bottom: 1.6rem; }
.shop-post1-slider .slider .slick-slide{ padding: 0px 8px; }
.shop-post1-slider .thumbnail .slick-track{ transform: unset !important; }
.shop-post1-slider .thumbnail .slick-slide{ padding: 0px 8px; }
.shop-post1-slider .thumbnail img{ border: 2px solid transparent; }
.shop-post1-slider .thumbnail .slick-current img{ border: 2px solid rgb(59, 64, 67); }
.shop-post1-slider .thumbnail .slick-track{ margin-left: 0px; }
@media (max-width: 767px){.shop-post1-slider .slider{ margin-bottom: 1rem; }
.shop-post1-slider .slider .slick-slide{ padding: 0px 4px; }
.shop-post1-slider .thumbnail .slick-slide{ padding: 0px 4px; }
}
.shop-post-sec02,.shop-post-sec03{ margin-top: 6rem; }
.shop-post-sec02 .cards,.shop-post-sec03 .cards{ height: 100%; }
.shop-post-sec02 .cards a:hover .cards__wrapper,.shop-post-sec03 .cards a:hover .cards__wrapper{ filter: brightness(90%); }
.shop-post-sec02 .cards__wrapper,.shop-post-sec03 .cards__wrapper{ background: rgb(234, 232, 232); border-radius: 2rem; height: 100%; transition: 0.3s; }
.shop-post-sec02 .cards__img img,.shop-post-sec03 .cards__img img{ border-radius: 2rem 2rem 0px 0px; aspect-ratio: 3 / 4; object-fit: cover; transition: 0.3s; }
.shop-post-sec02 .cards__icon,.shop-post-sec03 .cards__icon{ margin-right: 1rem; }
.shop-post-sec02 .cards__inner,.shop-post-sec03 .cards__inner{ padding: 2rem 3rem; display: flex; }
.shop-post-sec02 .cards__ttl,.shop-post-sec02 .cards__sex,.shop-post-sec02 .cards__date,.shop-post-sec02 .cards__shop,.shop-post-sec03 .cards__ttl,.shop-post-sec03 .cards__sex,.shop-post-sec03 .cards__date,.shop-post-sec03 .cards__shop{ font-size: 1.6rem; font-weight: 700; color: rgb(59, 64, 67); margin: initial; }
@media (max-width: 991px){.shop-post-sec02 .cards__icon,.shop-post-sec03 .cards__icon{ margin-right: 1rem; }
.shop-post-sec02 .cards__icon img,.shop-post-sec03 .cards__icon img{ width: 2rem; }
.shop-post-sec02 .cards__inner,.shop-post-sec03 .cards__inner{ padding: 2rem 1.6rem; }
.shop-post-sec02 .cards__ttl,.shop-post-sec02 .cards__sex,.shop-post-sec02 .cards__date,.shop-post-sec02 .cards__shop,.shop-post-sec03 .cards__ttl,.shop-post-sec03 .cards__sex,.shop-post-sec03 .cards__date,.shop-post-sec03 .cards__shop{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
.shop-post-sec02 .cards__inner,.shop-post-sec03 .cards__inner{ padding: 2rem 1rem; }
.shop-post-sec02 .cards__ttl,.shop-post-sec02 .cards__sex,.shop-post-sec02 .cards__date,.shop-post-sec02 .cards__shop,.shop-post-sec03 .cards__ttl,.shop-post-sec03 .cards__sex,.shop-post-sec03 .cards__date,.shop-post-sec03 .cards__shop{ font-size: 1.4rem; }
@media (max-width: 767px){.shop-post-sec02,.shop-post-sec03{ margin-top: 5rem; }
}
.shop-post__btn-box{ margin-top: 5rem; display: flex; justify-content: center; }
.shop-post__btn-box .btn-common{ max-width: 280px; width: 100%; }
.shop-post__btn-box .btn-common:last-child{ margin-left: 4rem; }
@media (max-width: 767px){.shop-post__btn-box{ margin-top: 3rem; }
.shop-post__btn-box .btn-common:last-child{ margin-left: 2rem; }
}
.shop-post-sec04 .table-icon-wrap{ display: flex; flex-wrap: wrap; }
.shop-post-sec04 .table-icon{ flex: 0 1 33.33333333%; }
.shop-post-sec04 .table-icon img{ max-width: 100px; }
@media (max-width: 767px){.shop-post-sec04{ margin-top: 5rem; }
}
.table-map iframe{ width: 100%; }
.table-map dt{ padding: 1.6em 1em; line-height: 1.5; font-size: 1.8rem; }
@media (max-width: 767px){.table-map dt{ padding: 1rem; }
}
.dogs-mv__img01 img{ width: 100vw; height: 370px; aspect-ratio: 9 / 16; object-fit: cover; }
@media (max-width: 767px){.dogs-mv__img01 img{ height: 600px; }
}
.dogs-sec01{ margin-top: 10rem; }
.dogs-sec01__category{ margin-bottom: 4rem; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.dogs-sec01__category a{ display: inline-block; font-size: 1.6rem; color: rgb(0, 75, 177); font-weight: 400; padding: 0.8rem 4.4rem; border: 2px solid rgb(205, 214, 221); border-radius: 2.4rem; margin-bottom: 2rem; transition: 0.3s; }
.dogs-sec01__category a:hover{ filter: brightness(90%); }
.dogs-sec01__category a:not(:last-child){ margin-right: 1rem; }
.dogs-sec01 .cards{ height: 100%; }
.dogs-sec01 .cards a:hover .cards__wrapper{ filter: brightness(90%); }
.dogs-sec01 .cards__wrapper{ background: rgb(234, 232, 232); border-radius: 2rem; height: 100%; transition: 0.3s; }
.dogs-sec01 .cards__img img{ border-radius: 2rem 2rem 0px 0px; aspect-ratio: 3 / 4; object-fit: cover; transition: 0.3s; }
.dogs-sec01 .cards__inner{ padding: 2rem 3rem; display: flex; }
.dogs-sec01 .cards__ttl,.dogs-sec01 .cards__sex,.dogs-sec01 .cards__date,.dogs-sec01 .cards__shop{ font-size: 1.6rem; font-weight: 700; color: rgb(59, 64, 67); margin: initial; }
@media (max-width: 991px){.dogs-sec01 .cards__icon{ margin-right: 1rem; }
.dogs-sec01 .cards__icon img{ width: 2rem; }
.dogs-sec01 .cards__inner{ padding: 2rem 1.6rem; }
.dogs-sec01 .cards__ttl,.dogs-sec01 .cards__sex,.dogs-sec01 .cards__date,.dogs-sec01 .cards__shop{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.dogs-sec01{ margin-top: 5rem; }
}
.dogs-post-sec01{ margin-top: 10rem; }
@media (max-width: 767px){.dogs-post-sec01{ margin-top: 5rem; }
}
.dogs-post1-slider img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; height: auto; width: 100%; opacity: 1; }
.dogs-post1-slider .slider{ margin-bottom: 1.6rem; }
.dogs-post1-slider .slider .slick-slide{ padding: 0px 8px; }
.dogs-post1-slider .thumbnail .slick-track{ transform: unset !important; }
.dogs-post1-slider .thumbnail .slick-slide{ padding: 0px 8px; }
.dogs-post1-slider .thumbnail img{ border: 2px solid transparent; }
.dogs-post1-slider .thumbnail .slick-current img{ border: 2px solid rgb(59, 64, 67); }
.dogs-post1-slider .thumbnail .slick-track{ margin-left: 0px; }
@media (max-width: 767px){.dogs-post1-slider .slider{ margin-bottom: 1rem; }
.dogs-post1-slider .slider .slick-slide{ padding: 0px 4px; }
.dogs-post1-slider .thumbnail .slick-slide{ padding: 0px 4px; }
}
.dogs-post__btn-box{ margin-top: 5rem; display: flex; justify-content: center; }
.dogs-post__btn-box .btn-common,.dogs-post__btn-box .btn-common-b{ max-width: 280px; width: 100%; }
.dogs-post__btn-box .btn-common:last-child,.dogs-post__btn-box .btn-common-b:last-child{ margin-left: 4rem; }
@media (max-width: 767px){.dogs-post__btn-box{ margin-top: 3rem; }
.dogs-post__btn-box .btn-common:last-child,.dogs-post__btn-box .btn-common-b:last-child{ margin-left: 1rem; }
}
.table-map iframe{ width: 100%; }
.table-map dt{ padding: 1.6em 1em; line-height: 1.5; font-size: 1.8rem; }
@media (max-width: 767px){.table-map dt{ padding: 1rem; }
}
.contact-detail{ display: none; margin-top: 10rem; }
@media (max-width: 767px){.contact-detail{ margin-top: 5rem; }
}
#cats-post-sec01{ display: block; margin-top: -200px; padding-top: 200px; }
@media (max-width: 767px){#cats-post-sec01{ margin-top: -176px; padding-top: 176px; }
}
.dogs-post-table-sec01{ max-width: 1000px; width: 100%; margin: 10rem auto auto; }
@media (max-width: 767px){.dogs-post-table-sec01{ margin-top: 5rem; }
}
.dogs-post-table-sec02{ max-width: 1000px; width: 100%; margin: 10rem auto auto; }
@media (max-width: 767px){.dogs-post-table-sec02{ margin-top: 5rem; }
}
.cats-mv__img01 img{ width: 100vw; height: 370px; aspect-ratio: 9 / 16; object-fit: cover; }
@media (max-width: 767px){.cats-mv__img01 img{ height: 600px; }
}
.cats-sec01{ margin-top: 10rem; }
.cats-sec01__category{ margin-bottom: 4rem; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.cats-sec01__category a{ display: inline-block; font-size: 1.6rem; color: rgb(0, 75, 177); font-weight: 400; padding: 0.8rem 4.4rem; border: 2px solid rgb(205, 214, 221); border-radius: 2.4rem; margin-bottom: 2rem; transition: 0.3s; }
.cats-sec01__category a:hover{ filter: brightness(90%); }
.cats-sec01__category a:not(:last-child){ margin-right: 1rem; }
.cats-sec01 .cards{ height: 100%; }
.cats-sec01 .cards a:hover .cards__wrapper{ filter: brightness(90%); }
.cats-sec01 .cards__wrapper{ background: rgb(234, 232, 232); border-radius: 2rem; height: 100%; transition: 0.3s; }
.cats-sec01 .cards__img img{ border-radius: 2rem 2rem 0px 0px; aspect-ratio: 3 / 4; object-fit: cover; transition: 0.3s; }
.cats-sec01 .cards__icon{ margin-right: 1rem; }
.cats-sec01 .cards__inner{ padding: 2rem 3rem; display: flex; }
.cats-sec01 .cards__ttl,.cats-sec01 .cards__sex,.cats-sec01 .cards__date,.cats-sec01 .cards__shop{ font-size: 1.6rem; font-weight: 700; color: rgb(59, 64, 67); margin: initial; }
@media (max-width: 991px){.cats-sec01 .cards__icon{ margin-right: 1rem; }
.cats-sec01 .cards__icon img{ width: 2rem; }
.cats-sec01 .cards__inner{ padding: 2rem 1.6rem; }
.cats-sec01 .cards__ttl,.cats-sec01 .cards__sex,.cats-sec01 .cards__date,.cats-sec01 .cards__shop{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.cats-sec01{ margin-top: 5rem; }
}
.cats-post1-slider img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; height: auto; width: 100%; opacity: 1; }
.cats-post1-slider .slider{ margin-bottom: 1.6rem; }
.cats-post1-slider .slider .slick-slide{ padding: 0px 8px; }
.cats-post1-slider .thumbnail .slick-track{ transform: unset !important; }
.cats-post1-slider .thumbnail .slick-slide{ padding: 0px 8px; }
.cats-post1-slider .thumbnail img{ border: 2px solid transparent; }
.cats-post1-slider .thumbnail .slick-current img{ border: 2px solid rgb(59, 64, 67); }
.cats-post1-slider .thumbnail .slick-track{ margin-left: 0px; }
@media (max-width: 767px){.cats-post1-slider .slider{ margin-bottom: 1rem; }
.cats-post1-slider .slider .slick-slide{ padding: 0px 4px; }
.cats-post1-slider .thumbnail .slick-slide{ padding: 0px 4px; }
}
.cats-post__btn-box{ margin-top: 5rem; display: flex; justify-content: center; }
.cats-post__btn-box .btn-common{ max-width: 280px; width: 100%; }
.cats-post__btn-box .btn-common:last-child{ margin-left: 4rem; }
@media (max-width: 767px){.cats-post__btn-box{ margin-top: 3rem; }
.cats-post__btn-box .btn-common:last-child{ margin-left: 2rem; }
}
.cats-post-sec04 .table-icon-wrap{ display: flex; flex-wrap: wrap; }
.cats-post-sec04 .table-icon{ flex: 0 1 33.33333333%; }
.cats-post-sec04 .table-icon img{ width: 70px; }
@media (max-width: 767px){.cats-post-sec04{ margin-top: 5rem; }
}
.table-map iframe{ width: 100%; }
.table-map dt{ padding: 1.6em 1em; line-height: 1.5; font-size: 1.8rem; }
@media (max-width: 767px){.table-map dt{ padding: 1rem; }
}
.note-sec01{ margin-top: 10rem; }
.note-sec01 a:hover img{ filter: drop-shadow(rgba(0, 0, 0, 0.5) 5px 5px 10px); }
@media (max-width: 767px){.note-sec01{ margin-top: 5rem; }
}
.note-sec02{ margin-top: 6rem; }
.note-sec02 .article:not(:last-child){ margin-bottom: 3rem; }
.note-sec02 .article__img{ margin-bottom: 1.6rem; }
.note-sec02 .article__img img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; }
.note-sec02 .article__ttl{ font-weight: 500; color: rgb(59, 64, 67); margin-bottom: 0.5em; }
.note-sec02 .article__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.note-sec02 .article a:hover img{ filter: brightness(90%); }
.note-sec02 .article a:hover .article__ttl,.note-sec02 .article a:hover .article__txt{ color: rgba(59, 64, 67, 0.7); }
@media (max-width: 991px){.note-sec02 .article__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.note-sec02{ margin-top: 5rem; }
}
.note-sec03{ margin-top: 6rem; }
.note-sec03 .article:not(:last-child){ margin-bottom: 3rem; }
.note-sec03 .article__img{ margin-bottom: 1.6rem; }
.note-sec03 .article__img img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; }
.note-sec03 .article__ttl{ font-weight: 500; color: rgb(59, 64, 67); margin-bottom: 0.5em; }
.note-sec03 .article__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.note-sec03 .article a:hover img{ filter: brightness(90%); }
.note-sec03 .article a:hover .article__ttl,.note-sec03 .article a:hover .article__txt{ color: rgba(59, 64, 67, 0.7); }
@media (max-width: 991px){.note-sec03 .article__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
.note-sec03__wrapper{ background: rgb(234, 232, 232); padding: 3rem 7%; border-radius: 2rem; }
@media (max-width: 767px){.note-sec03{ margin-top: 5rem; }
.note-sec03__wrapper{ padding: 4rem 1.6rem; }
}
.note-post-sec02{ margin-top: 6rem; }
.note-post-sec02 .article-post{ margin-bottom: 3rem; }
.note-post-sec02 .article-post a:hover img{ filter: brightness(90%); }
.note-post-sec02 .article-post img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: 4rem; transition: 0.3s; }
.note-post-sec02 .article-post__date{ margin-right: 1rem; }
.note-post-sec02 .article-post__ttl{ font-weight: 500; color: rgb(59, 64, 67); font-size: 2.4rem; text-align: center; margin-bottom: 4rem; }
.note-post-sec02 .article-post__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; }
.note-post-sec02 .article-post h2{ position: relative; border-top: 2px solid rgb(128, 200, 209); border-bottom: 2px solid rgb(128, 200, 209); background: rgb(244, 244, 244); line-height: 1.4; padding: 0.4em 0.5em; margin: 2em 0px 0.5em; }
.note-post-sec02 .article-post h2::before{ content: ""; display: block; position: absolute; left: 3px; bottom: 102%; width: 24px; height: 24px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_finger_w.png") center center / contain no-repeat; z-index: 1; }
.note-post-sec02 .article-post h2::after{ position: absolute; content: "POINT"; background: rgb(128, 200, 209); color: rgb(255, 255, 255); left: 0px; bottom: 100%; border-radius: 5px 5px 0px 0px; padding: 5px 7px 3px 30px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; }
.note-post-sec02 .article-post h3{ position: relative; background: rgb(244, 244, 244); padding: 2px 5px 2px 48px; font-size: 20px; color: rgb(59, 64, 67); border-radius: 0px 10px 10px 0px; }
.note-post-sec02 .article-post h3::before{ content: ""; display: block; position: absolute; left: 0px; top: 50%; transform: translate(25%, -50%); width: 26px; height: 26px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_map_w.png") center center / contain no-repeat; z-index: 1; }
.note-post-sec02 .article-post h3::after{ content: ""; display: inline-block; position: absolute; padding: 0em; color: white; background: rgb(255, 99, 99); font-weight: 900; width: 40px; text-align: center; height: 40px; line-height: 40px; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.29) 1px 1px 2px; }
.note-post-sec02 .article-post h4{ position: relative; color: black; background: rgb(208, 236, 255); line-height: 1.4; padding: 0.25em 0.5em; margin: 2em 0px 0.5em; border-radius: 0px 5px 5px; }
.note-post-sec02 .article-post h4::before{ content: ""; display: block; position: absolute; left: 8px; bottom: 108%; width: 16px; height: 16px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_check_w.png") center center / contain no-repeat; z-index: 1; }
.note-post-sec02 .article-post h4::after{ position: absolute; content: "Check"; background: rgb(33, 150, 243); color: rgb(255, 255, 255); left: 0px; bottom: 100%; height: 24px; border-radius: 5px 5px 0px 0px; padding: 3px 7px 1px 30px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; }
@media (max-width: 991px){.note-post-sec02 .article-post__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.note-post-sec02{ margin-top: 5rem; }
}
.note-post-sec03__wrapper{ background: rgb(234, 232, 232); padding: 3rem 7%; border-radius: 2rem; }
@media (max-width: 767px){.note-post-sec03__wrapper{ padding: 4rem 1.6rem; }
}
.note-post-writer{ border: 5px solid rgb(163, 28, 14); border-radius: 2rem; display: flex; flex-wrap: wrap; padding: 40px 35px 35px; justify-content: center; align-items: center; margin: 80px 10%; position: relative; }
.note-post-writer::before{ content: ""; display: block; position: absolute; top: 0px; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; width: 300px; height: 50px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_ribbon.png") center center / contain no-repeat; }
.note-post-writer h3,.note-post-writer p{ color: rgb(163, 28, 14); }
.note-post-writer figure img{ border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; border: 5px solid rgb(163, 28, 14); }
@media (min-width: 992px) and (max-width: 1199px){.note-post-writer{ padding: 50px 15px 35px; }
}
@media (max-width: 991px){.note-post-writer{ border: 3px solid rgb(163, 28, 14); margin: 50px 0px; padding: 50px 20px 20px; }
.note-post-writer::before{ width: 240px; height: 44px; }
.note-post-writer figure img{ width: 60%; border: 3px solid rgb(163, 28, 14); }
}
.news-mv{ position: relative; }
.news-sec01{ margin-top: 10rem; }
.news-sec01__category{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.news-sec01__category a{ display: inline-block; font-size: 1.6rem; color: rgb(0, 75, 177); font-weight: 400; padding: 0.8rem 4.4rem; border: 2px solid rgb(205, 214, 221); border-radius: 2.4rem; margin-bottom: 2rem; transition: 0.3s; }
.news-sec01__category a:hover{ filter: brightness(90%); }
.news-sec01__category a:not(:last-child){ margin-right: 1rem; }
@media (max-width: 767px){.news-sec01{ margin-top: 5rem; }
}
.news-sec02{ margin-top: 6rem; }
.news-sec02 .article-wide{ margin-bottom: 3rem; }
.news-sec02 .article-wide:not(:last-child){ border-bottom: 2px solid rgb(173, 173, 173); }
.news-sec02 .article-wide a:hover img{ filter: brightness(90%); }
.news-sec02 .article-wide__date{ margin-right: 1rem; }
.news-sec02 .article-wide__ttl{ font-weight: 500; color: rgb(59, 64, 67); text-align: center; margin-bottom: 4rem; }
.news-sec02 .article-wide__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-sec02 .article-wide .btn-common{ margin: 3rem 0px; }
@media (max-width: 991px){.news-sec02 .article-wide__ttl{ margin-bottom: 2rem; }
.news-sec02 .article-wide__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.news-sec02{ margin-top: 5rem; }
}
.news-sec03{ margin-top: 6rem; }
.news-sec03 .article:not(:last-child){ margin-bottom: 3rem; }
.news-sec03 .article__img{ margin-bottom: 1.6rem; }
.news-sec03 .article__img img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; }
.news-sec03 .article__ttl{ font-weight: 500; color: rgb(59, 64, 67); margin-bottom: 0.5em; }
.news-sec03 .article__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.news-sec03 .article a:hover img{ filter: brightness(90%); }
.news-sec03 .article a:hover .article__ttl,.news-sec03 .article a:hover .article__txt{ color: rgba(59, 64, 67, 0.7); }
@media (max-width: 991px){.news-sec03 .article__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
.news-sec03__wrapper{ background: rgb(234, 232, 232); padding: 3rem 7%; border-radius: 2rem; }
@media (max-width: 767px){.news-sec03{ margin-top: 5rem; }
.news-sec03__wrapper{ padding: 4rem 1.6rem; }
}
.news-post-sec02{ margin-top: 6rem; }
.news-post-sec02 .article-post{ margin-bottom: 3rem; }
.news-post-sec02 .article-post a:hover img{ filter: brightness(90%); }
.news-post-sec02 .article-post img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: 4rem; transition: 0.3s; }
.news-post-sec02 .article-post__date{ margin-right: 1rem; }
.news-post-sec02 .article-post__ttl{ font-weight: 500; color: rgb(59, 64, 67); font-size: 2.4rem; text-align: center; margin-bottom: 4rem; }
.news-post-sec02 .article-post__txt{ font-size: 1.6rem; font-weight: 400; color: rgb(59, 64, 67); margin: initial; }
.news-post-sec02 .article-post h2{ position: relative; border-top: 2px solid rgb(128, 200, 209); border-bottom: 2px solid rgb(128, 200, 209); background: rgb(244, 244, 244); line-height: 1.4; padding: 0.4em 0.5em; margin: 2em 0px 0.5em; }
.news-post-sec02 .article-post h2::before{ content: ""; display: block; position: absolute; left: 3px; bottom: 102%; width: 24px; height: 24px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_finger_w.png") center center / contain no-repeat; z-index: 1; }
.news-post-sec02 .article-post h2::after{ position: absolute; content: "POINT"; background: rgb(128, 200, 209); color: rgb(255, 255, 255); left: 0px; bottom: 100%; border-radius: 5px 5px 0px 0px; padding: 5px 7px 3px 30px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; }
.news-post-sec02 .article-post h3{ position: relative; background: rgb(244, 244, 244); padding: 2px 5px 2px 48px; font-size: 20px; color: rgb(59, 64, 67); border-radius: 0px 10px 10px 0px; }
.news-post-sec02 .article-post h3::before{ content: ""; display: block; position: absolute; left: 0px; top: 50%; transform: translate(25%, -50%); width: 26px; height: 26px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_map_w.png") center center / contain no-repeat; z-index: 1; }
.news-post-sec02 .article-post h3::after{ content: ""; display: inline-block; position: absolute; padding: 0em; color: white; background: rgb(255, 99, 99); font-weight: 900; width: 40px; text-align: center; height: 40px; line-height: 40px; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.29) 1px 1px 2px; }
.news-post-sec02 .article-post h4{ position: relative; color: black; background: rgb(208, 236, 255); line-height: 1.4; padding: 0.25em 0.5em; margin: 2em 0px 0.5em; border-radius: 0px 5px 5px; }
.news-post-sec02 .article-post h4::before{ content: ""; display: block; position: absolute; left: 8px; bottom: 108%; width: 16px; height: 16px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_check_w.png") center center / contain no-repeat; z-index: 1; }
.news-post-sec02 .article-post h4::after{ position: absolute; content: "Check"; background: rgb(33, 150, 243); color: rgb(255, 255, 255); left: 0px; bottom: 100%; height: 24px; border-radius: 5px 5px 0px 0px; padding: 3px 7px 1px 30px; font-size: 0.7em; line-height: 1; letter-spacing: 0.05em; }
@media (max-width: 991px){.news-post-sec02 .article-post__txt{ font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
}
@media (max-width: 767px){.news-post-sec02{ margin-top: 5rem; }
}
.news-post-sec03__wrapper{ background: rgb(234, 232, 232); padding: 3rem 7%; border-radius: 2rem; }
@media (max-width: 767px){.news-post-sec03__wrapper{ padding: 4rem 1.6rem; }
}
.news-post-writer{ border: 5px solid rgb(163, 28, 14); border-radius: 2rem; display: flex; flex-wrap: wrap; padding: 40px 35px 35px; justify-content: center; align-items: center; margin: 80px 10%; position: relative; }
.news-post-writer::before{ content: ""; display: block; position: absolute; top: 0px; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; width: 300px; height: 50px; background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/icon_ribbon.png") center center / contain no-repeat; }
.news-post-writer h3,.news-post-writer p{ color: rgb(163, 28, 14); }
.news-post-writer figure img{ border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; border: 5px solid rgb(163, 28, 14); }
@media (min-width: 992px) and (max-width: 1199px){.news-post-writer{ padding: 50px 15px 35px; }
}
@media (max-width: 991px){.news-post-writer{ border: 3px solid rgb(163, 28, 14); margin: 50px 0px; padding: 50px 20px 20px; }
.news-post-writer::before{ width: 240px; height: 44px; }
.news-post-writer figure img{ width: 60%; border: 3px solid rgb(163, 28, 14); }
}
.mv{ position: relative; }
.mv__img01 img,.mv__img03 img{ width: 100vw; height: 700px; aspect-ratio: 9 / 16; object-fit: cover; }
.mv__sns{ position: absolute; content: ""; top: 1rem; right: 1em; display: flex; }
@media (max-width: 767px){.mv__img01 img,.mv__img03 img{ height: 600px; }
}
.top-sec01{ margin-top: 10rem; }
.top-sec01 .btn-common{ margin-top: 5rem; }
@media (max-width: 767px){.top-sec01{ margin-top: 5rem; }
.top-sec01 .btn-common{ margin-top: 3rem; }
}
.top-slider-shop{ margin-top: 6rem; }
.top-slider-shop .slick-slide{ height: auto !important; }
.top-slider-shop .slick-next{ right: 0px !important; }
.top-slider-shop .slick-prev{ left: 0px !important; }
.top-slider-shop .slick-arrow{ z-index: 2 !important; }
.top-slider-shop a{ transition: 0.3s; }
.top-slider-shop a:hover{ filter: brightness(90%); }
.top-slider-shop figcaption{ font-size: 1.5rem; font-weight: 500; margin-top: 8px; }
.top-slider-shop__item img{ width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 2rem; }
.top-slider-shop .slick-arrow{ width: 2.4rem; height: 4.3rem; }
.top-slider-shop .slick-arrow::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 1; }
.top-slider-shop .slick-next{ right: 0px; }
.top-slider-shop .slick-next::before{ background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/slider_arrow_n.png") center center / contain no-repeat; }
.top-slider-shop .slick-prev{ left: 0px; }
.top-slider-shop .slick-prev::before{ background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/slider_arrow_p.png") center center / contain no-repeat; }
.top-slider-shop .slick-slide{ margin-right: 1.2vw; margin-left: 1.2vw; }
.top-slider-shop .slick-list{ margin: 0px 2rem; }
.top-slider-shop .slick-dots li button::before{ color: rgb(163, 28, 14); font-size: 12px !important; line-height: 60px !important; }
.top-slider-shop .slick-dots li.slick-active button::before{ color: rgb(163, 28, 14); }
.top-slider-shop .slick-track{ margin-left: 0px; }
@media (max-width: 767px){.top-slider-shop{ margin-top: 5rem; }
.top-slider-shop .slick-arrow{ width: 2rem; height: 3.5rem; }
}
.top-sec02{ margin-top: 10rem; }
.top-sec02__box{ background: rgb(234, 232, 232); padding: 7rem 4rem; border-radius: 2rem; }
.top-sec02__img{ margin-bottom: 3rem; }
.top-sec02__img img{ width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2rem; }
.top-sec02__img figcaption{ font-size: 1.5rem; font-weight: 500; margin-top: 8px; }
.top-sec02 .btn-common{ max-width: 280px; width: 100%; }
.top-sec02 .btn-common:last-child{ margin-left: 4rem; }
@media (max-width: 767px){.top-sec02{ margin-top: 5rem; }
.top-sec02__box{ padding: 4rem 1.6rem; }
.top-sec02__img figcaption{ font-size: 1.4rem; }
.top-sec02 .btn-common:last-child{ margin-left: 2rem; }
}
.top-sec03{ margin-top: 10rem; }
@media (max-width: 767px){.top-sec03{ margin-top: 5rem; }
}
.top-sec04{ margin-top: 10rem; }
.top-sec04__caption{ font-size: 3rem; font-weight: 700; margin: initial; }
.top-sec04 .btn-common{ margin-top: 5rem; }
@media (max-width: 767px){.top-sec04{ margin-top: 5rem; }
.top-sec04__caption{ font-size: clamp(1.8rem, 3vw, 3rem); text-align: center; margin-top: 2rem; }
.top-sec04 .btn-common{ margin-top: 3rem; }
}
.top-sec05{ margin-top: 10rem; }
.top-sec05__txt{ font-size: 2rem; color: rgb(59, 64, 67); font-weight: 500; letter-spacing: 0.2em; text-align: center; line-height: 2.4; margin-top: 6rem; }
@media (max-width: 991px){.top-sec05__txt{ font-size: clamp(1.4rem, 2vw, 2rem); text-align: left; line-height: 1.8; }
}
@media (max-width: 767px){.top-sec05{ margin-top: 5rem; }
.top-sec05__txt{ margin-top: 5rem; }
}
.top-sec06{ margin-top: 6rem; }
.top-sec06 .blog__wrapper a:hover img{ filter: brightness(90%); }
.top-sec06 .blog__date{ margin: 0px 0px 1.6rem; font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); }
.top-sec06 .blog__ttl{ margin: 0px; font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width: 991px){.top-sec06 .blog__date,.top-sec06 .blog__ttl{ font-size: clamp(1.6rem, 2vw, 2rem); }
.top-sec06 .blog__date{ margin-bottom: 1rem; }
}
@media (max-width: 767px){.top-sec06{ margin-top: 5rem; }
}
.top-sec08{ margin-top: 6rem; }
.top-sec08 .blog__wrapper a:hover img{ filter: brightness(90%); }
.top-sec08 .blog__date{ margin: 0px 0px 1.6rem; font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); }
.top-sec08 .blog__ttl{ margin: 0px; font-size: 2rem; font-weight: 700; color: rgb(255, 255, 255); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
@media (max-width: 991px){.top-sec08 .blog__date,.top-sec08 .blog__ttl{ font-size: clamp(1.6rem, 2vw, 2rem); }
.top-sec08 .blog__date{ margin-bottom: 1rem; }
}
@media (max-width: 767px){.top-sec08{ margin-top: 5rem; }
}
.slick-dots > li:first-child:last-child{ display: none; }
.youtube-embed{ position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; background: rgb(0, 0, 0); border-radius: 2rem; margin-top: 3rem; }
.youtube-embed iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
.dogs-post__btn-box{ align-items: center; }
@media (min-width: 768px){.dogs-post__btn-box .btn-wide{ max-width: 380px; }
.btn-wide a{ max-width: 380px; }
}
@media (max-width: 767px){.dogs-post__btn-box{ flex-wrap: wrap; gap: 2rem; }
}
.btn-wide a{ border-radius: 4rem; }
.note-bnr-box{ margin-top: 5rem; }
.note-bnr-box a img{ border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; }
.note-bnr-box a:hover img{ filter: brightness(110%); }
@media (min-width: 768px){.note-bnr-wrap{ background: rgb(243, 246, 249); padding: 3rem; }
}
.note-bnr-box .row{ gap: 1.5rem; }
.note-bnr-box .row article{ width: calc(33.33333333% - 1.5rem); background: rgb(255, 255, 255); padding: 1rem; }
@media (max-width: 767px){.note-bnr-box .row article{ padding: 0px 2.5rem; }
}
.table-sec01{ margin-top: 5rem; }
table.table-typeA td,table.table-typeA th{ border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(128, 128, 128); border-image: none; padding: 0.6em 0px; }
table.table-typeA thead{ background: none; }
table.table-typeA thead th{ text-align: left; color: rgb(163, 28, 14); border-bottom: 2px solid rgb(59, 64, 67); padding: 1.2em 1em 0.5em 0px; }
table.table-typeA tbody th{ background: none; text-align: left; font-weight: normal; width: 50%; }
.table-wrap{ padding: 2rem; background: rgb(249, 247, 247); }
@media (max-width: 767px){.table-sec01{ margin-top: 7rem; }
}
.rounded-m{ border-radius: 2rem; }
.rounded-l{ border-radius: 3rem; }
@media (min-width: 768px){.md_mt-16{ margin-top: 16% !important; }
}
.table-sec01__top{ display: flex; gap: 1rem; align-items: center; }
.table-sec01__topH3{ font-size: 18px; font-weight: 700; color: rgb(163, 28, 14); margin: 0px; }
.table-sec01__topImg{ width: 60px; }
.table-sec01__total{ display: flex; justify-content: space-between; font-size: 18px; font-weight: 700; color: rgb(163, 28, 14); line-height: 1; margin: 2rem 0px 0px; align-items: center; gap: 1rem; padding: 2rem; background: rgb(255, 255, 255); }
.table-sec01__total p{ margin: 0px; }
.table-sec02{ margin-top: 5rem; }
.table-sec02__top{ display: flex; gap: 1rem; align-items: center; }
.table-sec02__topH3{
  font-size: 18px; font-weight: 700; color: rgb(163, 28, 14);
  &.blue { color: rgb(0, 75, 177); }
}
.table-sec02__topImg{ width: 60px; }
.table-sec02__body{ margin-top: 1.2rem; }
.table-sec02__bodyImgBnr img{ max-width: 365px; width: 80%; height: auto; margin: auto; border-radius: 2rem; aspect-ratio: 3 / 2; object-fit: cover; transition: 0.3s; }
.table-sec02__bodyImgBnr a:hover img{ filter: brightness(90%); }
.table-sec02__bottom{ margin-top: 2rem; }
.table-sec02__body-wrap{ display: flex; gap: 3rem; }
.table-sec02__bodyImg{ flex: 0 1 200px; }
.table-sec02__bodyImg img{ border-radius: 2rem; }
.table-sec02__bodyH3{ font-size: 1.8rem; margin-bottom: 0.6em; }
.table-sec02__bodyH3 a{ color: rgb(0, 75, 177); text-decoration: underline; transition: 0.3s; }
.table-sec02__bodyH3 a:hover{ text-decoration: none; filter: opacity(0.8); }
.table-sec02__bodyTxt p:first-child{ margin-top: 1rem; }
.table-sec02__bodyTxt p{ margin: 0px; }
.table-sec02__bodyBtn{ display: flex; gap: 1rem; margin-top: 2rem; justify-content: center; align-items: center; }
.table-sec02__bodyBtn .btn-common-b{ display: contents; }
.table-sec02__bodyBtn .btn-common-b a{ max-width: 240px; margin: 0px; }
@media (max-width: 767px){.table-sec02__body-wrap{ gap: 1.5rem; }
.table-sec02__bodyImg{ flex: 0 1 100px; }
}
@media (max-width: 767px){.table-sec02__bodyBtn{ flex-wrap: wrap; gap: 1.5rem; }
}
@media (max-width: 767px){.dogs-sec01 .row,.cats-sec01 .row{ margin-right: -8px; margin-left: -8px; }
.dogs-sec01 .row > *,.cats-sec01 .row > *{ padding-right: 8px; padding-left: 8px; }
}
.dogs-sec01 .cards,.cats-sec01 .cards{ position: relative; }
.dogs-sec01 .cards__icon-happy,.cats-sec01 .cards__icon-happy{ position: absolute; top: 0px; right: 0px; width: clamp(80px, 8vw, 150px); height: auto; }
.dogs-sec01 .cards__inner,.cats-sec01 .cards__inner{ padding: 2rem; display: flex; }
.dogs-sec01 .cards__img img,.cats-sec01 .cards__img img{ width: 100%; height: 100%; }
.cards__sex-box{ display: flex; align-items: center; gap: 0.5rem; }
.dogs-sec01 .cards__icon,.cats-sec01 .cards__icon{ margin: 0px; }
.dogs-sec01 .cards__icon img,.cats-sec01 .cards__icon img{ vertical-align: sub; }
@media (max-width: 991px){.dogs-sec01 .cards__inner,.cats-sec01 .cards__inner{ padding: 4%; align-items: center; }
}
@media (max-width: 767px){.dogs-sec01 .cards__wrapper,.cats-sec01 .cards__wrapper{ display: flex; }
.dogs-sec01 .cards__img,.cats-sec01 .cards__img{ flex: 0 1 40%; }
.dogs-sec01 .cards__inner,.cats-sec01 .cards__inner{ flex: 0 1 60%; }
.dogs-sec01 .cards__img img,.cats-sec01 .cards__img img{ border-radius: 2rem 0px 0px 2rem; }
}
.pagination{ margin-top: 40px; text-align: center; display: block; }
.pagination ul{ display: inline-flex; list-style: none; padding: 0px; gap: 8px; }
.pagination li a,.pagination li span{ display: block; padding: 8px 14px; border: 1px solid rgb(163, 28, 14); color: rgb(163, 28, 14); text-decoration: none; border-radius: 4px; font-size: 14px; transition: 0.3s; }
.pagination a:hover{ background-color: rgb(163, 28, 14); color: rgb(255, 255, 255); }
.pagination .current{ background-color: rgb(163, 28, 14); color: rgb(255, 255, 255); font-weight: bold; pointer-events: none; }
@media (max-width: 767px){.pagination li a,.pagination li span{ padding: 6px 10px; font-size: 12px; }
}
.single-note .article-post a{ color: rgb(163, 28, 14); text-decoration: underline; transition: 0.3s; }
.single-note .article-post a:hover{ text-decoration: none; filter: opacity(0.6); }
.note-post-sec02 .article-post img{ aspect-ratio: initial; border-radius: initial; }
.mv-slider{ visibility: hidden; }
.mv-slider .slick-dots{ bottom: -40px; justify-content: center; padding: 0px; margin: 0px; list-style: none; display: flex !important; }
.mv-slider .slick-dots li{ margin: 0px 6px; }
.mv-slider .slick-dots li button{ width: 14px; height: 14px; border-radius: 50%; background-color: rgb(255, 255, 255); border: 2px solid rgb(163, 28, 14); text-indent: -9999px; transition: background-color 0.3s, border-color 0.3s; }
.mv-slider .slick-dots li.slick-active button{ background-color: rgb(163, 28, 14); border-color: rgb(163, 28, 14); }
.mv-slider .slick-dots li button:hover{ background-color: rgb(163, 28, 14); }
.mv-slider .slick-dots li.slick-active button{ background-color: rgb(163, 28, 14); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(163, 28, 14) 0px 0px 0px 4px; }
.mv-slider img,.mv-slider video{ width: 100%; height: auto; aspect-ratio: 16 / 9; }
@media (max-width: 767px){.mv-slider .slick-dots li button{ width: 10px; height: 10px; padding: 4px; }
.mv-slider .slick-dots li.slick-active button{ width: 12px; height: 12px; }
}
@media (max-width: 767px){.mv__img01 img,.mv__img03 img{ height: auto; }
}
.top-sec02__img a img{ transition: 0.3s; }
.top-sec02__img a:hover img{ filter: brightness(110%); }
.support-sec01{ margin-top: 10rem; }
.support-sec01 .container-md{ max-width: 820px; }
.support-sec01__h2{ letter-spacing: normal; }
.support-sec01 .btn-common{ margin-top: 5rem; }
@media (max-width: 767px){.support-sec01{ margin-top: 5rem; }
.support-sec01 .btn-common{ margin-top: 3rem; }
}
.support-sec02{ margin-top: 10rem; }
.support-sec01__h2{ text-align: center; }
.support-sec02__child-right{ grid-area: 1 / 3 / 2 / 6; padding: 2rem; display: flex; align-items: center; }
.support-sec02 .btn-common-b{ margin-top: 3rem; }
@media (max-width: 767px){.mv-slider img,.mv-slider video{ aspect-ratio: 1 / 1; }
.top-sec02__box .row{ margin-right: -8px; margin-left: -8px; }
.top-sec02__box .row > *{ padding-right: 8px; padding-left: 8px; }
}
.single-slider .slick-next{ right: 0px !important; }
.single-slider .slick-prev{ left: 0px !important; }
.single-slider .slick-arrow{ width: 2.4rem; height: 4.3rem; z-index: 2 !important; }
.single-slider a{ transition: 0.3s; }
.single-slider a:hover{ filter: brightness(90%); }
@media (max-width: 767px){.single-slider{ margin-top: 5rem; }
.single-slider .slick-arrow{ width: 2rem; height: 3.5rem; }
}
.single-slider figcaption{ font-size: 1.5rem; font-weight: 500; margin-top: 8px; }
.single-slider .slick-arrow::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 1; }
.single-slider .slick-next::before{ background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/slider_arrow_n.png") center center / contain no-repeat; }
.single-slider .slick-prev::before{ background: url("https://petsmate.jp/wp-content/themes/petsmate/assets/img/slider_arrow_p.png") center center / contain no-repeat; }
.single-slider .slick-list{ margin: 0px 2rem; }
.single-slider .slick-dots li button::before{ color: rgb(163, 28, 14); font-size: 12px !important; line-height: 60px !important; }
.single-slider .slick-dots li.slick-active button::before{ color: rgb(163, 28, 14); }
.single-slider .slick-track{ margin-left: 0px; }
@media (min-width: 992px) and (max-width: 1060px){.hdr__li a{ font-size: 1.4rem; line-height: 1; }
}
.footer__bottom.tp-fbw{ background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 246, 240) 55%, rgb(255, 241, 234) 100%); padding-top: 0px !important; }
.tp-fb{ position: relative; overflow: hidden; padding: 44px 0px 0px; text-align: center; font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif; }
.tp-fbm{ position: relative; display: inline-flex; flex-direction: column; align-items: center; margin: 0px auto; padding: 0px 16px; font-weight: 700; letter-spacing: 0.1em; line-height: 1.7; color: rgb(59, 64, 67); font-size: 19px; }
.tp-fbm .pawi{ display: block; width: 26px; height: 26px; margin: 0px 0px 8px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2064%2064%27%20fill%3D%27%23E58A7B%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2712%27%20ry%3D%2710%27%2F%3E%3Cellipse%20cx%3D%2716%27%20cy%3D%2728%27%20rx%3D%275.5%27%20ry%3D%277%27%2F%3E%3Cellipse%20cx%3D%2727%27%20cy%3D%2719%27%20rx%3D%275.5%27%20ry%3D%277%27%2F%3E%3Cellipse%20cx%3D%2739%27%20cy%3D%2719%27%20rx%3D%275.5%27%20ry%3D%277%27%2F%3E%3Cellipse%20cx%3D%2749%27%20cy%3D%2729%27%20rx%3D%275.5%27%20ry%3D%277%27%2F%3E%3C%2Fsvg%3E") center center / contain no-repeat; transition: transform 0.7s cubic-bezier(0.3, 1.6, 0.5, 1); }
.tp-fb.anim:not(.seen) .tp-fbm .pawi{ transform: scale(0) rotate(-30deg); }
.tp-fbm .ln{ display: block; white-space: nowrap; }
.tp-fbm .l2{ color: rgb(163, 28, 14); font-size: 1.18em; }
.tp-fbm .ch{ display: inline-block; }
.tp-fb.anim .tp-fbm .ch{ opacity: 0; transform: translateY(14px) scale(0.6); }
.tp-fb.seen .tp-fbm .ch{ animation-duration: 0.7s; animation-timing-function: cubic-bezier(0.3, 1.7, 0.5, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: tpPop; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 55ms + .2s); }
.tp-fb.seen .tp-fbm .l2 .ch{ animation-delay: calc(var(--i) * 70ms + 1s); }
@keyframes tpPop { 
  60% { opacity: 1; transform: translateY(-4px) scale(1.12); }
  100% { opacity: 1; transform: none; }
}
.tp-fbm .ul{ width: min(300px, 78%); height: 16px; margin-top: -2px; }
.tp-fb.anim .tp-fbm .ul path{ stroke-dasharray: 320; stroke-dashoffset: 320; }
.tp-fb.seen .tp-fbm .ul path{ transition: stroke-dashoffset 1.1s ease-out 1.9s; stroke-dashoffset: 0; }
.tp-fbsc{ position: relative; height: 190px; margin-top: 6px; }
.tp-fbs{ position: absolute; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; display: block; }
.tp-fbs *{ animation-play-state: paused; }
.tp-fb.on .tp-fbs *{ animation-play-state: running; }
.tp-fbs .clouds{ animation: 46s linear 0s infinite normal none running tpCloud; }
.tp-fbs .clouds.c2{ animation-duration: 70s; animation-delay: -30s; }
@keyframes tpCloud { 
  0% { transform: translateX(-160px); }
  100% { transform: translateX(160px); }
}
.tp-fbs .win{ animation: 6s ease-in-out 0s infinite normal none running tpWin; }
.tp-fbs .win.w1{ animation-delay: -1.5s; }
.tp-fbs .win.w2{ animation-delay: -3s; }
.tp-fbs .win.w3{ animation-delay: -4.5s; }
@keyframes tpWin { 
  0%, 100% { fill: rgb(255, 243, 201); }
  50% { fill: rgb(255, 216, 107); }
}
.tp-fbs .tree{ transform-box: fill-box; transform-origin: 50% 100%; animation: 4.5s ease-in-out 0s infinite normal none running tpSway; }
.tp-fbs .tree.tr1,.tp-fbs .tree.tr3{ animation-delay: -2s; }
@keyframes tpSway { 
  0%, 100% { transform: rotate(-2.5deg); }
  50% { transform: rotate(2.5deg); }
}
.tp-fbs .hrt path{ transform-box: fill-box; transform-origin: 50% 50%; opacity: 0; animation: 5s ease-out 0s infinite normal none running tpHeart; }
.tp-fbs .hr1 path{ animation-delay: 1.2s; }
.tp-fbs .hr2 path{ animation-delay: 2.5s; }
.tp-fbs .hr3 path{ animation-delay: 3.7s; }
@keyframes tpHeart { 
  0% { opacity: 0; transform: translateY(0px) scale(0.5); }
  15% { opacity: 1; }
  70% { opacity: 0.9; }
  100% { opacity: 0; transform: translateY(-46px) scale(1.15) rotate(10deg); }
}
.tp-fbs .walker{ animation: 22s linear 0s infinite normal none running tpWalk; }
@keyframes tpWalk { 
  0% { transform: translateX(-80px); }
  100% { transform: translateX(1280px); }
}
.tp-fbs .bob{ animation: 0.5s ease-in-out 0s infinite alternate none running tpBob; }
@keyframes tpBob { 
  100% { transform: translateY(-3px); }
}
.tp-fbs .lg{ transform-box: fill-box; transform-origin: 50% 0px; animation: 0.5s ease-in-out 0s infinite alternate none running tpLeg; }
.tp-fbs .lg.l2{ animation-direction: alternate-reverse; }
@keyframes tpLeg { 
  0% { transform: rotate(-18deg); }
  100% { transform: rotate(18deg); }
}
.tp-fbs .tail{ transform-box: fill-box; transform-origin: 100% 100%; animation: 0.28s ease-in-out 0s infinite alternate none running tpWag; }
@keyframes tpWag { 
  0% { transform: rotate(-14deg); }
  100% { transform: rotate(14deg); }
}
.tp-fbs .ctail{ transform-box: fill-box; transform-origin: 0px 100%; animation: 2.4s ease-in-out 0s infinite normal none running tpCtail; }
@keyframes tpCtail { 
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-22deg); }
}
.tp-fbs .cat{ animation: auto ease 0s 1 normal none running none; }
.tp-fbs .pw{ opacity: 0; animation: 22s linear 0s infinite normal none running tpPaw; }
.tp-fbs .pw0{ animation-name: tpPaw0; }
@keyframes tpPaw0 { 
  0%, 16.8% { opacity: 0; }
  16.9% { opacity: 0.9; }
  38.9% { opacity: 0; }
  100% { opacity: 0; }
}
.tp-fbs .pw1{ animation-name: tpPaw1; }
@keyframes tpPaw1 { 
  0%, 30% { opacity: 0; }
  30.1% { opacity: 0.9; }
  52.1% { opacity: 0; }
  100% { opacity: 0; }
}
.tp-fbs .pw2{ animation-name: tpPaw2; }
@keyframes tpPaw2 { 
  0%, 43.3% { opacity: 0; }
  43.4% { opacity: 0.9; }
  65.4% { opacity: 0; }
  100% { opacity: 0; }
}
.tp-fbs .pw3{ animation-name: tpPaw3; }
@keyframes tpPaw3 { 
  0%, 56.5% { opacity: 0; }
  56.6% { opacity: 0.9; }
  78.6% { opacity: 0; }
  100% { opacity: 0; }
}
.tp-fbs .pw4{ animation-name: tpPaw4; }
@keyframes tpPaw4 { 
  0%, 69.8% { opacity: 0; }
  69.9% { opacity: 0.9; }
  91.9% { opacity: 0; }
  100% { opacity: 0; }
}
.tp-fbs .pw5{ animation-name: tpPaw5; }
@keyframes tpPaw5 { 
  0%, 83% { opacity: 0; }
  83.1% { opacity: 0.9; }
  99% { opacity: 0; }
  100% { opacity: 0; }
}
.footer__bottom.tp-fbw .footer__copyright{ margin-top: 0px !important; }
@media (min-width: 768px){.tp-fb{ padding-top: 64px; }
.tp-fbm{ font-size: 26px; }
.tp-fbsc{ height: 250px; }
}
@media (prefers-reduced-motion: reduce){.tp-fbs *,.tp-fbm .ch,.tp-fbm .pawi{ animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
.tp-fbm .ch{ opacity: 1; transform: none; }
.tp-fbm .pawi{ transform: none; }
.tp-fbm .ul path{ stroke-dashoffset: 0; }
.tp-fbs .pw{ opacity: 0.8; }
}
.tp-sr{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.cards__date .psm-age,.cards__date span[class*="age"]{ display: inline-block; white-space: nowrap; }