@charset "UTF-8";
@layer utils, layout, pages;
.home .sec.service hgroup::before {
  background-image: url(../images/section/service/img.png);
}

.home .sec.case hgroup::before {
  background-image: url(../images/section/case/img.png);
}

.home .sec.flow hgroup::before {
  background-image: url(../images/section/flow/img.png);
}

.home .sec.reason hgroup::before {
  background-image: url(../images/section/reason/img.png);
}

.home .sec.staff hgroup::before {
  background-image: url(../images/section/staff/img.png);
}

.home .sec.voice hgroup::before {
  background-image: url(../images/section/voice/img.png);
}

.faq .faq_top > :nth-child(1) p::before {
  background-image: url(../images/section/faq/f_1.png);
}
.faq .faq_top > :nth-child(2) p::before {
  background-image: url(../images/section/faq/f_2.png);
}
.faq .faq_top > :nth-child(3) p::before {
  background-image: url(../images/section/faq/f_3.png);
}
.faq .faq_top > :nth-child(4) p::before {
  background-image: url(../images/section/faq/f_4.png);
}
.faq .faq_top > :nth-child(5) p::before {
  background-image: url(../images/section/faq/f_5.png);
}
.faq .faq_top > :nth-child(6) p::before {
  background-image: url(../images/section/faq/f_6.png);
}
.faq .faq_top > :nth-child(7) p::before {
  background-image: url(../images/section/faq/f_7.png);
}

@-webkit-keyframes slide-in {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  68% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}

@keyframes slide-in {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: 0;
    width: 100%;
  }
  68% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
@-webkit-keyframes fade-in {
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@-webkit-keyframes fade-slide-up {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-slide-up {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes zoom-effect {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}
@keyframes zoom-effect {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}
@-webkit-keyframes bounds {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
@keyframes bounds {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
/**
 * fluid-type (clamp) の「値」を返す関数 (px単位)
 *
 * @param {Number} $min-size - 最小サイズ (px単位)
 * @param {Number} $max-size - 最大サイズ (px単位)
 * @param {Number} $min-vp   - 最小サイズになる画面幅 (px単位)
 * @param {Number} $max-vp   - 最大サイズになる画面幅 (px単位)
 * @return {String}          - "clamp(min, preferred, max)" の文字列
 *
 */
.faq_container:not(#_) .accordion .accordion-item .accordion-body span, .faq_container:not(#_) .accordion .accordion-item button span {
  --span-mr: 16px;
  --span-size: 34px;
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion .accordion-item .accordion-body span, .faq_container:not(#_) .accordion .accordion-item button span {
    --span-mr: 26px;
    --span-size: 50px;
  }
}
.faq_container:not(#_) .accordion .accordion-item .accordion-body span:first-child, .faq_container:not(#_) .accordion .accordion-item button span:first-child {
  display: grid;
  font-size: var(--faq_q-fs, 18px);
  color: var(--icon-color, var(--main-color));
  text-transform: uppercase;
  place-content: center;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .faq_container:not(#_) .accordion .accordion-item .accordion-body span:first-child, .faq_container:not(#_) .accordion .accordion-item button span:first-child {
    --faq_q-fs: 28px;
  }
}
.faq_container:not(#_) .accordion .accordion-item .accordion-body span:last-child, .faq_container:not(#_) .accordion .accordion-item button span:last-child {
  font-size: 16px;
  width: calc(var(--faq_q_w, 95%) - var(--span-size) - var(--span-mr));
}
@media screen and (min-width: 768px) {
  .faq_container:not(#_) .accordion .accordion-item .accordion-body span:last-child, .faq_container:not(#_) .accordion .accordion-item button span:last-child {
    --faq_q_w: 97%;
  }
}

:root {
  --sp-h: 55px;
  --pc-h: 90px;
  --sp-padding: 30px;
  --header-pc-p: 80px;
  --header-sp-p: 10px;
  --w: 1200px;
  --font: "Noto Serif JP",serif;
  --font_2: "Zen Antique",serif;
  --black: #43413D;
  --main-color: #AC895B;
  --brown: #E4D0A5;
  --beige: #E9D5B2;
  --l_beige: #EFE8D9;
  --pink: #F30A9E;
}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
* Prevent vertical alignment issues.
*/
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
* Correct cursors for clickable elements.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
* Remove padding
*/
option {
  padding: 0;
}

/**
* Reset to invisible
*/
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* Correct the outline style in Safari.
*/
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Fix font inheritance.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
* Fix appearance for Firefox
*/
[type=number] {
  -moz-appearance: textfield;
}

/**
* Clickable labels
*/
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}

/*
* Remove outline for editable content.
*/
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

.accordion {
  --bs-accordion-active-bg:unset;
  --bs-accordion-btn-focus-box-shadow:unset;
  --bs-accordion-btn-focus-border-color:unset;
  --bs-accordion-border-width:0;
}
.accordion .accordion-flush .accordion-item .accordion-button, .accordion .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 15px;
}

.breadcrumb {
  --bs-breadcrumb-margin-bottom:0;
}

nav, .nav-link {
  --bs-nav-link-color: initial;
  --bs-nav-link-hover-color: initial;
  --bs-nav-link-disabled-color: initial;
}

.navbar-toggler {
  --bs-border-width: 0;
  --bs-navbar-toggler-border-color: initial;
}
.navbar-toggler:focus {
  color: var(--blue);
}

.pagination {
  --bs-border-width: 2px;
  --bs-pagination-color: var(--blue);
  --bs-pagination-border-color: var(--blue);
  --bs-pagination-active-border-color: var(--blue);
  --bs-pagination-hover-border-color: var(--blue);
  --bs-pagination-active-bg: var(--blue);
  --bs-pagination-border-radius: 0;
  --bs-pagination-padding-x: 10px;
}
.pagination .active > .page-link, .pagination .page-link.active {
  background: var(--blue);
}

html {
  scroll-padding-block-start: var(--sp-h);
}
@media screen and (min-width: 1200px) {
  html {
    scroll-padding-block-start: var(--pc-h);
  }
}

body {
  position: relative;
  font-family: var(--font);
  min-block-size: 100svb;
}

a {
  transition: opacity 0.3s;
}
@media (hover: hover) {
  a:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
  a:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
  a:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}

p {
  font-size: var(--p-fs, 14px);
  font-weight: light;
  line-height: 1.6;
}
@media screen and (min-width: 992px) {
  p {
    --p-fs: 16px;
  }
}

img {
  max-width: 100%;
}

.inner {
  width: min(var(--w), 100% - var(--sp-padding));
  margin-inline: auto;
}

.grid_x1 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x1 {
    --columns: repeat(1, var(--child-w, 1fr));
  }
}
.grid_x1 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x1.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x2 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x2 {
    --columns: repeat(2, var(--child-w, 1fr));
  }
}
.grid_x2 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x2.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x3 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x3 {
    --columns: repeat(3, var(--child-w, 1fr));
  }
}
.grid_x3 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x3.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x4 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x4 {
    --columns: repeat(4, var(--child-w, 1fr));
  }
}
.grid_x4 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x4.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x5 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x5 {
    --columns: repeat(5, var(--child-w, 1fr));
  }
}
.grid_x5 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x5.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x6 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x6 {
    --columns: repeat(6, var(--child-w, 1fr));
  }
}
.grid_x6 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x6.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x7 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x7 {
    --columns: repeat(7, var(--child-w, 1fr));
  }
}
.grid_x7 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x7.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x8 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x8 {
    --columns: repeat(8, var(--child-w, 1fr));
  }
}
.grid_x8 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x8.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x9 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x9 {
    --columns: repeat(9, var(--child-w, 1fr));
  }
}
.grid_x9 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x9.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x10 {
  display: grid;
  grid-template-columns: var(--columns, var(--child-w, 1fr));
  gap: var(--gap, 0);
  margin-inline: auto;
}
@media screen and (min-width: 992px) {
  .grid_x10 {
    --columns: repeat(10, var(--child-w, 1fr));
  }
}
.grid_x10 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.grid_x10.child_lineup > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: var(--cl_row, span 3);
  gap: 0;
}

.grid_x2:is(.sec *) {
  align-items: center;
  --gap: 20px;
}
@media screen and (min-width: 992px) {
  .grid_x2:is(.sec *) {
    --gap: 30px;
  }
}
.grid_x2:is(.sec *) hgroup p {
  font-size: var(--hgp_p-fs, 18px);
}
@media screen and (min-width: 992px) {
  .grid_x2:is(.sec *) hgroup p {
    --hgp_p-fs: 20px;
  }
}
.grid_x2:is(.sec *) hgroup h3 {
  font-size: var(--hgp_h3-fs, 35px);
  font-weight: bold;
  color: var(--main_color);
}
@media screen and (min-width: 992px) and (min-width: 992px) {
  .grid_x2:is(.sec *) hgroup h3 {
    --hgp_h3-fs: 40px;
  }
}
.grid_x2:is(.sec *) .text {
  font-weight: 500;
  line-height: 2;
}
.grid_x2:is(.sec *) .wrapper {
  margin-top: 0;
}
.grid_x2:is(.sec *) .wrapper > * + * {
  margin-top: 20px;
}
@media screen and (min-width: 992px) {
  .grid_x2:is(.sec *) .link_more {
    --lm-is: 300px;
  }
}
.grid_x2.img_sml {
  --img-w: 300px;
  align-items: start;
}
@media screen and (min-width: 992px) {
  .grid_x2.img_sml {
    --columns: var(--img-w) 1fr;
  }
}
.grid_x2.img_sml img {
  width: var(--img-w);
  max-height: 400px;
}
.grid_x2.img_sml .info .title {
  font-size: 22px;
  font-weight: 600;
}
.grid_x2.img_sml .info .text {
  margin-top: 20px;
}
.grid_x2.img_sml .info .text span {
  display: block;
  margin-bottom: 10px;
}
.grid_x2:is(.news *) {
  margin-top: 50px;
}
@media screen and (min-width: 992px) {
  .grid_x2:is(.news *) .link_more {
    --lm-is: 350px;
  }
}
.grid_x2.right_img {
  --gap: 20px;
  align-items: start;
}
@media screen and (min-width: 992px) {
  .grid_x2.right_img {
    --columns: 1fr 400px;
    --gap: 65px;
  }
}
.grid_x2.right_img .right {
  --img-w: min(400px, 100%);
  position: relative;
  margin-bottom: 20px;
}
.grid_x2.right_img .right img {
  width: var(--img-w);
  aspect-ratio: 4/5;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  position: relative;
  left: var(--r_img-r, -6px);
}
@media screen and (min-width: 992px) {
  .grid_x2.right_img .right img {
    --r_img-r: auto;
  }
}
.grid_x2.right_img .right::before {
  position: absolute;
  inset-inline: var(--ht_r_bfr-ii, 0);
  margin-inline: var(--ht_r_bfr-mx, auto);
  top: var(--ht_r_bfr-pos, 6px);
  left: var(--ht_r_bfr-pos, 0);
  content: "";
  background-color: var(--l_beige);
  display: block;
  z-index: -1;
  width: var(--img-w);
  height: 100%;
}
@media screen and (min-width: 992px) {
  .grid_x2.right_img .right::before {
    --ht_r_bfr-pos: 15px;
    --ht_r_bfr-mx: 0;
    --ht_r_bfr-ii: auto;
  }
}

.grid_auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(130px, 100%), 154px));
  gap: 20px;
  justify-content: center;
}
.grid_auto a {
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-template-rows: 50px;
  background-color: var(--main_color);
  align-items: center;
  padding-inline: 15px;
  color: white;
}
.grid_auto a::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: solid;
  border-width: 2px 2px 0 0;
  rotate: 45deg;
  justify-self: end;
}

.mt_5 {
  margin-top: var(--mt, 2.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_5 {
    --mt: 5px;
  }
}

.mb_5 {
  margin-bottom: var(--mb, 2.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_5 {
    --mb: 5px;
  }
}

.my_5 {
  margin-block: var(--my, 2.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_5 {
    --my: 5px;
  }
}

.mt_10 {
  margin-top: var(--mt, 5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_10 {
    --mt: 10px;
  }
}

.mb_10 {
  margin-bottom: var(--mb, 5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_10 {
    --mb: 10px;
  }
}

.my_10 {
  margin-block: var(--my, 5px) !important;
}
@media screen and (min-width: 992px) {
  .my_10 {
    --my: 10px;
  }
}

.mt_15 {
  margin-top: var(--mt, 7.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_15 {
    --mt: 15px;
  }
}

.mb_15 {
  margin-bottom: var(--mb, 7.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_15 {
    --mb: 15px;
  }
}

.my_15 {
  margin-block: var(--my, 7.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_15 {
    --my: 15px;
  }
}

.mt_20 {
  margin-top: var(--mt, 10px) !important;
}
@media screen and (min-width: 992px) {
  .mt_20 {
    --mt: 20px;
  }
}

.mb_20 {
  margin-bottom: var(--mb, 10px) !important;
}
@media screen and (min-width: 992px) {
  .mb_20 {
    --mb: 20px;
  }
}

.my_20 {
  margin-block: var(--my, 10px) !important;
}
@media screen and (min-width: 992px) {
  .my_20 {
    --my: 20px;
  }
}

.mt_25 {
  margin-top: var(--mt, 12.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_25 {
    --mt: 25px;
  }
}

.mb_25 {
  margin-bottom: var(--mb, 12.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_25 {
    --mb: 25px;
  }
}

.my_25 {
  margin-block: var(--my, 12.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_25 {
    --my: 25px;
  }
}

.mt_30 {
  margin-top: var(--mt, 15px) !important;
}
@media screen and (min-width: 992px) {
  .mt_30 {
    --mt: 30px;
  }
}

.mb_30 {
  margin-bottom: var(--mb, 15px) !important;
}
@media screen and (min-width: 992px) {
  .mb_30 {
    --mb: 30px;
  }
}

.my_30 {
  margin-block: var(--my, 15px) !important;
}
@media screen and (min-width: 992px) {
  .my_30 {
    --my: 30px;
  }
}

.mt_35 {
  margin-top: var(--mt, 17.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_35 {
    --mt: 35px;
  }
}

.mb_35 {
  margin-bottom: var(--mb, 17.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_35 {
    --mb: 35px;
  }
}

.my_35 {
  margin-block: var(--my, 17.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_35 {
    --my: 35px;
  }
}

.mt_40 {
  margin-top: var(--mt, 20px) !important;
}
@media screen and (min-width: 992px) {
  .mt_40 {
    --mt: 40px;
  }
}

.mb_40 {
  margin-bottom: var(--mb, 20px) !important;
}
@media screen and (min-width: 992px) {
  .mb_40 {
    --mb: 40px;
  }
}

.my_40 {
  margin-block: var(--my, 20px) !important;
}
@media screen and (min-width: 992px) {
  .my_40 {
    --my: 40px;
  }
}

.mt_45 {
  margin-top: var(--mt, 22.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_45 {
    --mt: 45px;
  }
}

.mb_45 {
  margin-bottom: var(--mb, 22.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_45 {
    --mb: 45px;
  }
}

.my_45 {
  margin-block: var(--my, 22.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_45 {
    --my: 45px;
  }
}

.mt_50 {
  margin-top: var(--mt, 25px) !important;
}
@media screen and (min-width: 992px) {
  .mt_50 {
    --mt: 50px;
  }
}

.mb_50 {
  margin-bottom: var(--mb, 25px) !important;
}
@media screen and (min-width: 992px) {
  .mb_50 {
    --mb: 50px;
  }
}

.my_50 {
  margin-block: var(--my, 25px) !important;
}
@media screen and (min-width: 992px) {
  .my_50 {
    --my: 50px;
  }
}

.mt_55 {
  margin-top: var(--mt, 27.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_55 {
    --mt: 55px;
  }
}

.mb_55 {
  margin-bottom: var(--mb, 27.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_55 {
    --mb: 55px;
  }
}

.my_55 {
  margin-block: var(--my, 27.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_55 {
    --my: 55px;
  }
}

.mt_60 {
  margin-top: var(--mt, 30px) !important;
}
@media screen and (min-width: 992px) {
  .mt_60 {
    --mt: 60px;
  }
}

.mb_60 {
  margin-bottom: var(--mb, 30px) !important;
}
@media screen and (min-width: 992px) {
  .mb_60 {
    --mb: 60px;
  }
}

.my_60 {
  margin-block: var(--my, 30px) !important;
}
@media screen and (min-width: 992px) {
  .my_60 {
    --my: 60px;
  }
}

.mt_65 {
  margin-top: var(--mt, 32.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_65 {
    --mt: 65px;
  }
}

.mb_65 {
  margin-bottom: var(--mb, 32.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_65 {
    --mb: 65px;
  }
}

.my_65 {
  margin-block: var(--my, 32.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_65 {
    --my: 65px;
  }
}

.mt_70 {
  margin-top: var(--mt, 35px) !important;
}
@media screen and (min-width: 992px) {
  .mt_70 {
    --mt: 70px;
  }
}

.mb_70 {
  margin-bottom: var(--mb, 35px) !important;
}
@media screen and (min-width: 992px) {
  .mb_70 {
    --mb: 70px;
  }
}

.my_70 {
  margin-block: var(--my, 35px) !important;
}
@media screen and (min-width: 992px) {
  .my_70 {
    --my: 70px;
  }
}

.mt_75 {
  margin-top: var(--mt, 37.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_75 {
    --mt: 75px;
  }
}

.mb_75 {
  margin-bottom: var(--mb, 37.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_75 {
    --mb: 75px;
  }
}

.my_75 {
  margin-block: var(--my, 37.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_75 {
    --my: 75px;
  }
}

.mt_80 {
  margin-top: var(--mt, 40px) !important;
}
@media screen and (min-width: 992px) {
  .mt_80 {
    --mt: 80px;
  }
}

.mb_80 {
  margin-bottom: var(--mb, 40px) !important;
}
@media screen and (min-width: 992px) {
  .mb_80 {
    --mb: 80px;
  }
}

.my_80 {
  margin-block: var(--my, 40px) !important;
}
@media screen and (min-width: 992px) {
  .my_80 {
    --my: 80px;
  }
}

.mt_85 {
  margin-top: var(--mt, 42.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_85 {
    --mt: 85px;
  }
}

.mb_85 {
  margin-bottom: var(--mb, 42.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_85 {
    --mb: 85px;
  }
}

.my_85 {
  margin-block: var(--my, 42.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_85 {
    --my: 85px;
  }
}

.mt_90 {
  margin-top: var(--mt, 45px) !important;
}
@media screen and (min-width: 992px) {
  .mt_90 {
    --mt: 90px;
  }
}

.mb_90 {
  margin-bottom: var(--mb, 45px) !important;
}
@media screen and (min-width: 992px) {
  .mb_90 {
    --mb: 90px;
  }
}

.my_90 {
  margin-block: var(--my, 45px) !important;
}
@media screen and (min-width: 992px) {
  .my_90 {
    --my: 90px;
  }
}

.mt_95 {
  margin-top: var(--mt, 47.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_95 {
    --mt: 95px;
  }
}

.mb_95 {
  margin-bottom: var(--mb, 47.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_95 {
    --mb: 95px;
  }
}

.my_95 {
  margin-block: var(--my, 47.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_95 {
    --my: 95px;
  }
}

.mt_100 {
  margin-top: var(--mt, 50px) !important;
}
@media screen and (min-width: 992px) {
  .mt_100 {
    --mt: 100px;
  }
}

.mb_100 {
  margin-bottom: var(--mb, 50px) !important;
}
@media screen and (min-width: 992px) {
  .mb_100 {
    --mb: 100px;
  }
}

.my_100 {
  margin-block: var(--my, 50px) !important;
}
@media screen and (min-width: 992px) {
  .my_100 {
    --my: 100px;
  }
}

.mt_105 {
  margin-top: var(--mt, 52.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_105 {
    --mt: 105px;
  }
}

.mb_105 {
  margin-bottom: var(--mb, 52.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_105 {
    --mb: 105px;
  }
}

.my_105 {
  margin-block: var(--my, 52.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_105 {
    --my: 105px;
  }
}

.mt_110 {
  margin-top: var(--mt, 55px) !important;
}
@media screen and (min-width: 992px) {
  .mt_110 {
    --mt: 110px;
  }
}

.mb_110 {
  margin-bottom: var(--mb, 55px) !important;
}
@media screen and (min-width: 992px) {
  .mb_110 {
    --mb: 110px;
  }
}

.my_110 {
  margin-block: var(--my, 55px) !important;
}
@media screen and (min-width: 992px) {
  .my_110 {
    --my: 110px;
  }
}

.mt_115 {
  margin-top: var(--mt, 57.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_115 {
    --mt: 115px;
  }
}

.mb_115 {
  margin-bottom: var(--mb, 57.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_115 {
    --mb: 115px;
  }
}

.my_115 {
  margin-block: var(--my, 57.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_115 {
    --my: 115px;
  }
}

.mt_120 {
  margin-top: var(--mt, 60px) !important;
}
@media screen and (min-width: 992px) {
  .mt_120 {
    --mt: 120px;
  }
}

.mb_120 {
  margin-bottom: var(--mb, 60px) !important;
}
@media screen and (min-width: 992px) {
  .mb_120 {
    --mb: 120px;
  }
}

.my_120 {
  margin-block: var(--my, 60px) !important;
}
@media screen and (min-width: 992px) {
  .my_120 {
    --my: 120px;
  }
}

.mt_125 {
  margin-top: var(--mt, 62.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_125 {
    --mt: 125px;
  }
}

.mb_125 {
  margin-bottom: var(--mb, 62.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_125 {
    --mb: 125px;
  }
}

.my_125 {
  margin-block: var(--my, 62.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_125 {
    --my: 125px;
  }
}

.mt_130 {
  margin-top: var(--mt, 65px) !important;
}
@media screen and (min-width: 992px) {
  .mt_130 {
    --mt: 130px;
  }
}

.mb_130 {
  margin-bottom: var(--mb, 65px) !important;
}
@media screen and (min-width: 992px) {
  .mb_130 {
    --mb: 130px;
  }
}

.my_130 {
  margin-block: var(--my, 65px) !important;
}
@media screen and (min-width: 992px) {
  .my_130 {
    --my: 130px;
  }
}

.mt_135 {
  margin-top: var(--mt, 67.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_135 {
    --mt: 135px;
  }
}

.mb_135 {
  margin-bottom: var(--mb, 67.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_135 {
    --mb: 135px;
  }
}

.my_135 {
  margin-block: var(--my, 67.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_135 {
    --my: 135px;
  }
}

.mt_140 {
  margin-top: var(--mt, 70px) !important;
}
@media screen and (min-width: 992px) {
  .mt_140 {
    --mt: 140px;
  }
}

.mb_140 {
  margin-bottom: var(--mb, 70px) !important;
}
@media screen and (min-width: 992px) {
  .mb_140 {
    --mb: 140px;
  }
}

.my_140 {
  margin-block: var(--my, 70px) !important;
}
@media screen and (min-width: 992px) {
  .my_140 {
    --my: 140px;
  }
}

.mt_145 {
  margin-top: var(--mt, 72.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_145 {
    --mt: 145px;
  }
}

.mb_145 {
  margin-bottom: var(--mb, 72.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_145 {
    --mb: 145px;
  }
}

.my_145 {
  margin-block: var(--my, 72.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_145 {
    --my: 145px;
  }
}

.mt_150 {
  margin-top: var(--mt, 75px) !important;
}
@media screen and (min-width: 992px) {
  .mt_150 {
    --mt: 150px;
  }
}

.mb_150 {
  margin-bottom: var(--mb, 75px) !important;
}
@media screen and (min-width: 992px) {
  .mb_150 {
    --mb: 150px;
  }
}

.my_150 {
  margin-block: var(--my, 75px) !important;
}
@media screen and (min-width: 992px) {
  .my_150 {
    --my: 150px;
  }
}

.mt_155 {
  margin-top: var(--mt, 77.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_155 {
    --mt: 155px;
  }
}

.mb_155 {
  margin-bottom: var(--mb, 77.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_155 {
    --mb: 155px;
  }
}

.my_155 {
  margin-block: var(--my, 77.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_155 {
    --my: 155px;
  }
}

.mt_160 {
  margin-top: var(--mt, 80px) !important;
}
@media screen and (min-width: 992px) {
  .mt_160 {
    --mt: 160px;
  }
}

.mb_160 {
  margin-bottom: var(--mb, 80px) !important;
}
@media screen and (min-width: 992px) {
  .mb_160 {
    --mb: 160px;
  }
}

.my_160 {
  margin-block: var(--my, 80px) !important;
}
@media screen and (min-width: 992px) {
  .my_160 {
    --my: 160px;
  }
}

.mt_165 {
  margin-top: var(--mt, 82.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_165 {
    --mt: 165px;
  }
}

.mb_165 {
  margin-bottom: var(--mb, 82.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_165 {
    --mb: 165px;
  }
}

.my_165 {
  margin-block: var(--my, 82.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_165 {
    --my: 165px;
  }
}

.mt_170 {
  margin-top: var(--mt, 85px) !important;
}
@media screen and (min-width: 992px) {
  .mt_170 {
    --mt: 170px;
  }
}

.mb_170 {
  margin-bottom: var(--mb, 85px) !important;
}
@media screen and (min-width: 992px) {
  .mb_170 {
    --mb: 170px;
  }
}

.my_170 {
  margin-block: var(--my, 85px) !important;
}
@media screen and (min-width: 992px) {
  .my_170 {
    --my: 170px;
  }
}

.mt_175 {
  margin-top: var(--mt, 87.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_175 {
    --mt: 175px;
  }
}

.mb_175 {
  margin-bottom: var(--mb, 87.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_175 {
    --mb: 175px;
  }
}

.my_175 {
  margin-block: var(--my, 87.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_175 {
    --my: 175px;
  }
}

.mt_180 {
  margin-top: var(--mt, 90px) !important;
}
@media screen and (min-width: 992px) {
  .mt_180 {
    --mt: 180px;
  }
}

.mb_180 {
  margin-bottom: var(--mb, 90px) !important;
}
@media screen and (min-width: 992px) {
  .mb_180 {
    --mb: 180px;
  }
}

.my_180 {
  margin-block: var(--my, 90px) !important;
}
@media screen and (min-width: 992px) {
  .my_180 {
    --my: 180px;
  }
}

.mt_185 {
  margin-top: var(--mt, 92.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_185 {
    --mt: 185px;
  }
}

.mb_185 {
  margin-bottom: var(--mb, 92.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_185 {
    --mb: 185px;
  }
}

.my_185 {
  margin-block: var(--my, 92.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_185 {
    --my: 185px;
  }
}

.mt_190 {
  margin-top: var(--mt, 95px) !important;
}
@media screen and (min-width: 992px) {
  .mt_190 {
    --mt: 190px;
  }
}

.mb_190 {
  margin-bottom: var(--mb, 95px) !important;
}
@media screen and (min-width: 992px) {
  .mb_190 {
    --mb: 190px;
  }
}

.my_190 {
  margin-block: var(--my, 95px) !important;
}
@media screen and (min-width: 992px) {
  .my_190 {
    --my: 190px;
  }
}

.mt_195 {
  margin-top: var(--mt, 97.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_195 {
    --mt: 195px;
  }
}

.mb_195 {
  margin-bottom: var(--mb, 97.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_195 {
    --mb: 195px;
  }
}

.my_195 {
  margin-block: var(--my, 97.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_195 {
    --my: 195px;
  }
}

.mt_200 {
  margin-top: var(--mt, 100px) !important;
}
@media screen and (min-width: 992px) {
  .mt_200 {
    --mt: 200px;
  }
}

.mb_200 {
  margin-bottom: var(--mb, 100px) !important;
}
@media screen and (min-width: 992px) {
  .mb_200 {
    --mb: 200px;
  }
}

.my_200 {
  margin-block: var(--my, 100px) !important;
}
@media screen and (min-width: 992px) {
  .my_200 {
    --my: 200px;
  }
}

.mt_205 {
  margin-top: var(--mt, 102.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_205 {
    --mt: 205px;
  }
}

.mb_205 {
  margin-bottom: var(--mb, 102.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_205 {
    --mb: 205px;
  }
}

.my_205 {
  margin-block: var(--my, 102.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_205 {
    --my: 205px;
  }
}

.mt_210 {
  margin-top: var(--mt, 105px) !important;
}
@media screen and (min-width: 992px) {
  .mt_210 {
    --mt: 210px;
  }
}

.mb_210 {
  margin-bottom: var(--mb, 105px) !important;
}
@media screen and (min-width: 992px) {
  .mb_210 {
    --mb: 210px;
  }
}

.my_210 {
  margin-block: var(--my, 105px) !important;
}
@media screen and (min-width: 992px) {
  .my_210 {
    --my: 210px;
  }
}

.mt_215 {
  margin-top: var(--mt, 107.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_215 {
    --mt: 215px;
  }
}

.mb_215 {
  margin-bottom: var(--mb, 107.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_215 {
    --mb: 215px;
  }
}

.my_215 {
  margin-block: var(--my, 107.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_215 {
    --my: 215px;
  }
}

.mt_220 {
  margin-top: var(--mt, 110px) !important;
}
@media screen and (min-width: 992px) {
  .mt_220 {
    --mt: 220px;
  }
}

.mb_220 {
  margin-bottom: var(--mb, 110px) !important;
}
@media screen and (min-width: 992px) {
  .mb_220 {
    --mb: 220px;
  }
}

.my_220 {
  margin-block: var(--my, 110px) !important;
}
@media screen and (min-width: 992px) {
  .my_220 {
    --my: 220px;
  }
}

.mt_225 {
  margin-top: var(--mt, 112.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_225 {
    --mt: 225px;
  }
}

.mb_225 {
  margin-bottom: var(--mb, 112.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_225 {
    --mb: 225px;
  }
}

.my_225 {
  margin-block: var(--my, 112.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_225 {
    --my: 225px;
  }
}

.mt_230 {
  margin-top: var(--mt, 115px) !important;
}
@media screen and (min-width: 992px) {
  .mt_230 {
    --mt: 230px;
  }
}

.mb_230 {
  margin-bottom: var(--mb, 115px) !important;
}
@media screen and (min-width: 992px) {
  .mb_230 {
    --mb: 230px;
  }
}

.my_230 {
  margin-block: var(--my, 115px) !important;
}
@media screen and (min-width: 992px) {
  .my_230 {
    --my: 230px;
  }
}

.mt_235 {
  margin-top: var(--mt, 117.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_235 {
    --mt: 235px;
  }
}

.mb_235 {
  margin-bottom: var(--mb, 117.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_235 {
    --mb: 235px;
  }
}

.my_235 {
  margin-block: var(--my, 117.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_235 {
    --my: 235px;
  }
}

.mt_240 {
  margin-top: var(--mt, 120px) !important;
}
@media screen and (min-width: 992px) {
  .mt_240 {
    --mt: 240px;
  }
}

.mb_240 {
  margin-bottom: var(--mb, 120px) !important;
}
@media screen and (min-width: 992px) {
  .mb_240 {
    --mb: 240px;
  }
}

.my_240 {
  margin-block: var(--my, 120px) !important;
}
@media screen and (min-width: 992px) {
  .my_240 {
    --my: 240px;
  }
}

.mt_245 {
  margin-top: var(--mt, 122.5px) !important;
}
@media screen and (min-width: 992px) {
  .mt_245 {
    --mt: 245px;
  }
}

.mb_245 {
  margin-bottom: var(--mb, 122.5px) !important;
}
@media screen and (min-width: 992px) {
  .mb_245 {
    --mb: 245px;
  }
}

.my_245 {
  margin-block: var(--my, 122.5px) !important;
}
@media screen and (min-width: 992px) {
  .my_245 {
    --my: 245px;
  }
}

.mt_250 {
  margin-top: var(--mt, 125px) !important;
}
@media screen and (min-width: 992px) {
  .mt_250 {
    --mt: 250px;
  }
}

.mb_250 {
  margin-bottom: var(--mb, 125px) !important;
}
@media screen and (min-width: 992px) {
  .mb_250 {
    --mb: 250px;
  }
}

.my_250 {
  margin-block: var(--my, 125px) !important;
}
@media screen and (min-width: 992px) {
  .my_250 {
    --my: 250px;
  }
}

.workSlide .swiper-slide img {
  width: 100%;
  aspect-ratio: 34/49;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper.ActivitiesSlide {
  width: min(1200px, 95%);
  margin-inline: auto;
  overflow: visible;
}
.swiper.ActivitiesSlide .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
}
.swiper.ActivitiesSlide .swiper-wrapper .swiper-slide {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.swiper.ActivitiesSlide .swiper-wrapper .swiper-slide img {
  width: min(380px, 100%);
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper.ActivitiesSlide .swiper-wrapper .swiper-slide .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.slide_wrapper {
  position: relative;
  width: min(1200px, 95%);
  margin-inline: auto;
  margin-block: 40px 50px;
}
.slide_wrapper .swiper-button-next, .slide_wrapper .swiper-button-prev {
  --swiper-navigation-size: 60px;
  --swiper-navigation-sides-offset: 2%;
  width: var(--swiper-navigation-size);
  aspect-ratio: 1;
  background-color: var(--main-color);
  border-radius: 50%;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 1400px) {
  .slide_wrapper .swiper-button-next, .slide_wrapper .swiper-button-prev {
    --swiper-navigation-sides-offset: -3%;
  }
}
.slide_wrapper .swiper-button-next:hover, .slide_wrapper .swiper-button-prev:hover {
  opacity: 0.5;
}
.slide_wrapper .swiper-button-next::after, .slide_wrapper .swiper-button-prev::after {
  transition: translate 0.4s ease;
}
.slide_wrapper .swiper-button-next:after, .slide_wrapper .swiper-rtl .swiper-button-prev:after {
  content: "";
}
.slide_wrapper .swiper-button-next:after,
.slide_wrapper .swiper-button-prev:after {
  --size: 18px;
  content: "";
  width: var(--size);
  height: var(--size);
  background-color: white;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
}
.slide_wrapper .swiper-button-next:hover::after {
  translate: 5px 0;
}
.slide_wrapper .swiper-button-next::after {
  -webkit-mask-image: url(../images/fontawesome/solid/arrow-right.svg);
          mask-image: url(../images/fontawesome/solid/arrow-right.svg);
}
.slide_wrapper .swiper-button-prev:hover::after {
  translate: -5px 0;
}
.slide_wrapper .swiper-button-prev::after {
  -webkit-mask-image: url(../images/fontawesome/solid/arrow-left.svg);
          mask-image: url(../images/fontawesome/solid/arrow-left.svg);
}

.workSlide {
  color: white;
}
.workSlide.swiper {
  --swiper-scrollbar-drag-bg-color: #999;
  --swiper-scrollbar-bg-color: #ccc;
  --swiper-scrollbar-border-radius: 0;
  width: 100%;
  height: 100%;
}
.workSlide .swiper-slide {
  position: relative;
  overflow: hidden;
}
.workSlide .swiper-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #B9ADAD;
  opacity: 81%;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}
.workSlide .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.workSlide .swiper-slide a:hover {
  opacity: 1;
}
.workSlide .swiper-slide a:hover img {
  scale: 1.1;
}
.workSlide .swiper-slide a p {
  position: absolute;
  width: auto;
  height: auto;
  top: 22px;
  left: 15px;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  font-size: var(--s_a_p-fs, 18px);
  font-weight: normal;
  color: white;
  line-height: 1.21875;
  letter-spacing: 0.2em;
  z-index: 10;
  text-orientation: upright;
}
@media screen and (min-width: 992px) {
  .workSlide .swiper-slide a p {
    --s_a_p-fs: 32px;
  }
}
.workSlide .swiper-slide a span {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: white;
  width: 150px;
  height: 35px;
  background-color: #43413D;
  color: white;
  display: grid;
  place-content: center;
  z-index: 10;
}
.workSlide .swiper-slide a img {
  display: block;
  width: 100%;
  aspect-ratio: 34/49;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale 0.7s ease;
}

.teamSlide {
  color: white;
}
.teamSlide.swiper {
  --swiper-scrollbar-drag-bg-color: #999;
  --swiper-scrollbar-bg-color: #ccc;
  --swiper-scrollbar-border-radius: 0;
  width: 100%;
  height: 100%;
}
.teamSlide .swiper-wrapper {
  align-items: stretch;
}
.teamSlide .swiper-wrapper a {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  background-color: white;
  padding-block: 20px 25px;
  padding-inline: 20px;
  gap: 0;
}
.teamSlide .swiper-wrapper a:hover {
  opacity: 1;
}
.teamSlide .swiper-wrapper a:hover img {
  opacity: 0.7;
}
.teamSlide .swiper-wrapper a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.7s ease;
}
.teamSlide .swiper-wrapper a ul {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: initial;
  margin-top: 15px;
}
.teamSlide .swiper-wrapper a ul > * {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3125;
}
.teamSlide .swiper-wrapper a ul .tw_work {
  color: var(--main-color);
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
.teamSlide .swiper-wrapper a ul .tw_text {
  margin-bottom: auto;
  padding-bottom: 15px;
}
.teamSlide .swiper-wrapper a ul .tw_name {
  font-size: 14px;
  line-height: 1.3571428571;
}
.teamSlide .swiper-wrapper a ul .tw_name span {
  margin-right: 10px;
}

.philosophySwiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.sec_title {
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
}
.sec_title.center {
  margin-inline: auto;
  text-align: center;
}
.sec_title.type_a {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-bottom: var(--st_typ_a-mb, 25px);
}
@media screen and (min-width: 992px) {
  .sec_title.type_a {
    --st_typ_a-mb: 40px;
  }
}
.sec_title.type_b {
  margin-inline: auto;
  text-align: center;
  margin-bottom: 40px;
}
.sec_title.type_b::before {
  content: "";
  display: block;
  width: 80px;
  aspect-ratio: 1;
  background-image: url(../images/icon/crystal_brown.svg);
  background-size: cover;
  background-position: center;
  rotate: 15deg;
  margin-inline: auto;
}
.sec_title.type_b strong {
  display: block;
  font-weight: 500;
  color: var(--main-color);
  line-height: 2;
}
.sec_title.type_b :where(h2, h3, h4) {
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
  background-image: linear-gradient(currentColor, currentColor);
  background-position: center 1.4em;
  background-repeat: no-repeat;
  background-size: 93% 1px;
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-block: clamp(30px, calc(8.6206896552px + 2.1551724138vw), 50px);
  padding-bottom: 10px;
  margin-inline: auto;
}
.sec_title div > * {
  color: initial;
  font-family: var(--font);
}
.sec_title :where(span, p) {
  color: var(--main-color);
  text-transform: uppercase;
  font-size: var(--st_spn-fs, 12px);
  font-family: var(--font_2);
  line-height: 1.15;
}
@media screen and (min-width: 992px) {
  .sec_title :where(span, p) {
    --st_spn-fs: 20px;
  }
}
.sec_title :where(h2, h3, h4) {
  margin-top: 3px;
  font-size: var(--sc_hdg-fs, 20px);
  line-height: 1.375;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 992px) {
  .sec_title :where(h2, h3, h4) {
    --sc_hdg-fs: 40px;
  }
  .sec_title :where(h2, h3, h4):is(.page_top_title *) {
    --sc_hdg-fs: 62px;
  }
}
.sec_title :where(h2, h3, h4):is(.type_a *)::after {
  content: "";
  width: 60px;
  height: 3px;
  background-color: var(--main-color);
  display: block;
  margin-top: 20px;
}

.step_title {
  margin-top: 20px;
}
.step_title > * {
  margin-top: 15px;
  border-left: clamp(15px, calc(9.6551724138px + 0.5387931034vw), 20px) solid var(--main-color);
  background-color: var(--l_beige);
  padding-block: clamp(15px, calc(-1.0344827586px + 1.6163793103vw), 30px);
  padding-inline: clamp(15px, calc(-6.3793103448px + 2.1551724138vw), 35px);
  font-size: clamp(16px, calc(3.1724137931px + 1.2931034483vw), 28px);
  font-weight: 400;
  margin-left: auto;
}
.step_title > *:nth-child(2) {
  width: 95%;
}
.step_title > *:nth-child(3) {
  width: 90%;
}

.sec_sub_title {
  color: var(--main-color);
  font-size: clamp(18px, calc(7.3103448276px + 1.0775862069vw), 28px);
  margin-bottom: 25px;
}

.work_title h3 {
  padding-block: 15px;
  padding-inline: 25px;
  background-color: var(--main-color);
  color: white;
  font-size: clamp(18px, calc(7.3103448276px + 1.0775862069vw), 28px);
}
.work_title p {
  line-height: 1.59375;
  margin-block: 20px clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}

.pager {
  margin-top: var(--pager-mt, 40px);
}
@media screen and (min-width: 992px) {
  .pager {
    --pager-mt: 80px;
  }
}

.cdp {
  position: relative;
  text-align: center;
  padding: clamp(10px, 2.6041666667vw, 25px) 0;
  font-size: 0;
  z-index: 6;
  margin-top: clamp(40px, 10.4166666667vw, 85px);
  -webkit-animation: cdp-in 500ms ease both;
          animation: cdp-in 500ms ease both;
  display: var(--cdp-display, grid);
  justify-content: center;
  grid-auto-columns: 20px;
  grid-template-columns: repeat(auto-fit, 42px);
  gap: 7px;
}
@media screen and (min-width: 768px) {
  .cdp {
    --cdp-display: block;
  }
}
.cdp_i {
  --cdp-size: 50px;
  font-size: var(--cdp-fs, 14px);
  text-decoration: none;
  transition: background-color 550ms ease;
  display: inline-block;
  text-transform: uppercase;
  margin-right: 5px;
  height: var(--cdp-size);
  min-width: var(--cdp-size);
  border: 1px solid;
  line-height: 46px;
  padding: 0;
  color: var(--main-color);
  letter-spacing: 0.03em;
  display: none;
  transform: scale(0.9);
}
.cdp_i.ff:hover {
  background-color: #fff !important;
  color: inherit !important;
}
@media screen and (min-width: 768px) {
  .cdp_i {
    transform: scale(1);
    margin-right: 15px;
    --cdp-fs: 16px;
  }
}
.cdp_i:first-child, .cdp_i:last-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23AC895B' d='M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0'/%3E%3C/svg%3E");
  border: none;
  transition: opacity 0.5s ease;
  background-repeat: no-repeat;
  background-position: center;
}
.cdp_i:first-child:hover, .cdp_i:last-child:hover {
  opacity: 0.5;
}
.cdp_i:last-child, .cdp_i:nth-child(2), .cdp_i:nth-last-child(2) {
  display: inline-block;
}
.cdp_i:first-child {
  rotate: 180deg;
}
.cdp_i:not(:last-child):not(:first-child):hover {
  background-color: var(--main-color);
  color: #fff;
}
.cdp:not([actpage="1"]) .cdp_i:nth-child(1) {
  display: inline-block;
}

.cdp[actpage="1"] .cdp_i:nth-child(-1):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="1"] .cdp_i:nth-child(-1):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="1"] .cdp_i:nth-child(0):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(1):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(2) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="1"] .cdp_i:nth-child(2) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="1"] .cdp_i:nth-child(3):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(4):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="1"] .cdp_i:nth-child(5):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="1"] .cdp_i:nth-child(5):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="2"] .cdp_i:nth-child(0):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="2"] .cdp_i:nth-child(0):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="2"] .cdp_i:nth-child(1):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(2):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(3) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="2"] .cdp_i:nth-child(3) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="2"] .cdp_i:nth-child(4):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(5):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="2"] .cdp_i:nth-child(6):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="2"] .cdp_i:nth-child(6):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="3"] .cdp_i:nth-child(1):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="3"] .cdp_i:nth-child(1):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="3"] .cdp_i:nth-child(2):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(3):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(4) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="3"] .cdp_i:nth-child(4) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="3"] .cdp_i:nth-child(5):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(6):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="3"] .cdp_i:nth-child(7):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="3"] .cdp_i:nth-child(7):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="4"] .cdp_i:nth-child(2):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="4"] .cdp_i:nth-child(2):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="4"] .cdp_i:nth-child(3):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(4):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(5) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="4"] .cdp_i:nth-child(5) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="4"] .cdp_i:nth-child(6):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(7):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="4"] .cdp_i:nth-child(8):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="4"] .cdp_i:nth-child(8):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="5"] .cdp_i:nth-child(3):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="5"] .cdp_i:nth-child(3):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="5"] .cdp_i:nth-child(4):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(5):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(6) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="5"] .cdp_i:nth-child(6) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="5"] .cdp_i:nth-child(7):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(8):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="5"] .cdp_i:nth-child(9):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="5"] .cdp_i:nth-child(9):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="6"] .cdp_i:nth-child(4):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="6"] .cdp_i:nth-child(4):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="6"] .cdp_i:nth-child(5):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(6):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(7) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="6"] .cdp_i:nth-child(7) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="6"] .cdp_i:nth-child(8):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(9):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="6"] .cdp_i:nth-child(10):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="6"] .cdp_i:nth-child(10):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="7"] .cdp_i:nth-child(5):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="7"] .cdp_i:nth-child(5):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="7"] .cdp_i:nth-child(6):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(7):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(8) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="7"] .cdp_i:nth-child(8) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="7"] .cdp_i:nth-child(9):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(10):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="7"] .cdp_i:nth-child(11):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="7"] .cdp_i:nth-child(11):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="8"] .cdp_i:nth-child(6):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="8"] .cdp_i:nth-child(6):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="8"] .cdp_i:nth-child(7):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(8):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(9) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="8"] .cdp_i:nth-child(9) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="8"] .cdp_i:nth-child(10):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(11):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="8"] .cdp_i:nth-child(12):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="8"] .cdp_i:nth-child(12):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="9"] .cdp_i:nth-child(7):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="9"] .cdp_i:nth-child(7):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="9"] .cdp_i:nth-child(8):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(9):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(10) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="9"] .cdp_i:nth-child(10) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="9"] .cdp_i:nth-child(11):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(12):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="9"] .cdp_i:nth-child(13):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="9"] .cdp_i:nth-child(13):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="10"] .cdp_i:nth-child(8):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="10"] .cdp_i:nth-child(8):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="10"] .cdp_i:nth-child(9):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(10):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(11) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="10"] .cdp_i:nth-child(11) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="10"] .cdp_i:nth-child(12):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(13):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="10"] .cdp_i:nth-child(14):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="10"] .cdp_i:nth-child(14):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="11"] .cdp_i:nth-child(9):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="11"] .cdp_i:nth-child(9):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="11"] .cdp_i:nth-child(10):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(11):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(12) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="11"] .cdp_i:nth-child(12) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="11"] .cdp_i:nth-child(13):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(14):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="11"] .cdp_i:nth-child(15):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="11"] .cdp_i:nth-child(15):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="12"] .cdp_i:nth-child(10):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="12"] .cdp_i:nth-child(10):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="12"] .cdp_i:nth-child(11):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(12):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(13) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="12"] .cdp_i:nth-child(13) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="12"] .cdp_i:nth-child(14):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(15):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="12"] .cdp_i:nth-child(16):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="12"] .cdp_i:nth-child(16):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="13"] .cdp_i:nth-child(11):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="13"] .cdp_i:nth-child(11):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="13"] .cdp_i:nth-child(12):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(13):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(14) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="13"] .cdp_i:nth-child(14) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="13"] .cdp_i:nth-child(15):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(16):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="13"] .cdp_i:nth-child(17):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="13"] .cdp_i:nth-child(17):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="14"] .cdp_i:nth-child(12):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="14"] .cdp_i:nth-child(12):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="14"] .cdp_i:nth-child(13):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(14):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(15) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="14"] .cdp_i:nth-child(15) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="14"] .cdp_i:nth-child(16):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(17):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="14"] .cdp_i:nth-child(18):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="14"] .cdp_i:nth-child(18):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="15"] .cdp_i:nth-child(13):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="15"] .cdp_i:nth-child(13):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="15"] .cdp_i:nth-child(14):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(15):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(16) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="15"] .cdp_i:nth-child(16) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="15"] .cdp_i:nth-child(17):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(18):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="15"] .cdp_i:nth-child(19):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="15"] .cdp_i:nth-child(19):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="16"] .cdp_i:nth-child(14):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="16"] .cdp_i:nth-child(14):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="16"] .cdp_i:nth-child(15):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(16):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(17) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="16"] .cdp_i:nth-child(17) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="16"] .cdp_i:nth-child(18):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(19):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="16"] .cdp_i:nth-child(20):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="16"] .cdp_i:nth-child(20):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="17"] .cdp_i:nth-child(15):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="17"] .cdp_i:nth-child(15):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="17"] .cdp_i:nth-child(16):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(17):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(18) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="17"] .cdp_i:nth-child(18) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="17"] .cdp_i:nth-child(19):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(20):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="17"] .cdp_i:nth-child(21):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="17"] .cdp_i:nth-child(21):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="18"] .cdp_i:nth-child(16):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="18"] .cdp_i:nth-child(16):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="18"] .cdp_i:nth-child(17):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(18):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(19) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="18"] .cdp_i:nth-child(19) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="18"] .cdp_i:nth-child(20):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(21):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="18"] .cdp_i:nth-child(22):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="18"] .cdp_i:nth-child(22):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="19"] .cdp_i:nth-child(17):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="19"] .cdp_i:nth-child(17):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="19"] .cdp_i:nth-child(18):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(19):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(20) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="19"] .cdp_i:nth-child(20) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="19"] .cdp_i:nth-child(21):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(22):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="19"] .cdp_i:nth-child(23):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="19"] .cdp_i:nth-child(23):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="20"] .cdp_i:nth-child(18):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="20"] .cdp_i:nth-child(18):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="20"] .cdp_i:nth-child(19):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(20):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(21) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="20"] .cdp_i:nth-child(21) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="20"] .cdp_i:nth-child(22):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(23):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="20"] .cdp_i:nth-child(24):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="20"] .cdp_i:nth-child(24):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="21"] .cdp_i:nth-child(19):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="21"] .cdp_i:nth-child(19):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="21"] .cdp_i:nth-child(20):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(21):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(22) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="21"] .cdp_i:nth-child(22) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="21"] .cdp_i:nth-child(23):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(24):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="21"] .cdp_i:nth-child(25):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="21"] .cdp_i:nth-child(25):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="22"] .cdp_i:nth-child(20):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="22"] .cdp_i:nth-child(20):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="22"] .cdp_i:nth-child(21):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(22):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(23) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="22"] .cdp_i:nth-child(23) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="22"] .cdp_i:nth-child(24):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(25):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="22"] .cdp_i:nth-child(26):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="22"] .cdp_i:nth-child(26):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="23"] .cdp_i:nth-child(21):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="23"] .cdp_i:nth-child(21):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="23"] .cdp_i:nth-child(22):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(23):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(24) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="23"] .cdp_i:nth-child(24) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="23"] .cdp_i:nth-child(25):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(26):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="23"] .cdp_i:nth-child(27):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="23"] .cdp_i:nth-child(27):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="24"] .cdp_i:nth-child(22):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="24"] .cdp_i:nth-child(22):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="24"] .cdp_i:nth-child(23):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(24):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(25) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="24"] .cdp_i:nth-child(25) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="24"] .cdp_i:nth-child(26):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(27):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="24"] .cdp_i:nth-child(28):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="24"] .cdp_i:nth-child(28):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="25"] .cdp_i:nth-child(23):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="25"] .cdp_i:nth-child(23):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="25"] .cdp_i:nth-child(24):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(25):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(26) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="25"] .cdp_i:nth-child(26) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="25"] .cdp_i:nth-child(27):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(28):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="25"] .cdp_i:nth-child(29):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="25"] .cdp_i:nth-child(29):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="26"] .cdp_i:nth-child(24):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="26"] .cdp_i:nth-child(24):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="26"] .cdp_i:nth-child(25):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(26):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(27) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="26"] .cdp_i:nth-child(27) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="26"] .cdp_i:nth-child(28):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(29):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="26"] .cdp_i:nth-child(30):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="26"] .cdp_i:nth-child(30):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="27"] .cdp_i:nth-child(25):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="27"] .cdp_i:nth-child(25):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="27"] .cdp_i:nth-child(26):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(27):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(28) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="27"] .cdp_i:nth-child(28) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="27"] .cdp_i:nth-child(29):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(30):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="27"] .cdp_i:nth-child(31):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="27"] .cdp_i:nth-child(31):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="28"] .cdp_i:nth-child(26):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="28"] .cdp_i:nth-child(26):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="28"] .cdp_i:nth-child(27):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(28):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(29) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="28"] .cdp_i:nth-child(29) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="28"] .cdp_i:nth-child(30):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(31):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="28"] .cdp_i:nth-child(32):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="28"] .cdp_i:nth-child(32):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="29"] .cdp_i:nth-child(27):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="29"] .cdp_i:nth-child(27):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="29"] .cdp_i:nth-child(28):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(29):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(30) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="29"] .cdp_i:nth-child(30) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="29"] .cdp_i:nth-child(31):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(32):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="29"] .cdp_i:nth-child(33):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="29"] .cdp_i:nth-child(33):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="30"] .cdp_i:nth-child(28):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="30"] .cdp_i:nth-child(28):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="30"] .cdp_i:nth-child(29):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(30):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(31) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="30"] .cdp_i:nth-child(31) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="30"] .cdp_i:nth-child(32):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(33):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="30"] .cdp_i:nth-child(34):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="30"] .cdp_i:nth-child(34):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="31"] .cdp_i:nth-child(29):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="31"] .cdp_i:nth-child(29):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="31"] .cdp_i:nth-child(30):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(31):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(32) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="31"] .cdp_i:nth-child(32) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="31"] .cdp_i:nth-child(33):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(34):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="31"] .cdp_i:nth-child(35):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="31"] .cdp_i:nth-child(35):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="32"] .cdp_i:nth-child(30):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="32"] .cdp_i:nth-child(30):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="32"] .cdp_i:nth-child(31):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(32):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(33) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="32"] .cdp_i:nth-child(33) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="32"] .cdp_i:nth-child(34):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(35):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="32"] .cdp_i:nth-child(36):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="32"] .cdp_i:nth-child(36):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="33"] .cdp_i:nth-child(31):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="33"] .cdp_i:nth-child(31):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="33"] .cdp_i:nth-child(32):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(33):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(34) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="33"] .cdp_i:nth-child(34) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="33"] .cdp_i:nth-child(35):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(36):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="33"] .cdp_i:nth-child(37):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="33"] .cdp_i:nth-child(37):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="34"] .cdp_i:nth-child(32):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="34"] .cdp_i:nth-child(32):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="34"] .cdp_i:nth-child(33):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(34):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(35) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="34"] .cdp_i:nth-child(35) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="34"] .cdp_i:nth-child(36):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(37):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="34"] .cdp_i:nth-child(38):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="34"] .cdp_i:nth-child(38):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="35"] .cdp_i:nth-child(33):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="35"] .cdp_i:nth-child(33):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="35"] .cdp_i:nth-child(34):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(35):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(36) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="35"] .cdp_i:nth-child(36) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="35"] .cdp_i:nth-child(37):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(38):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="35"] .cdp_i:nth-child(39):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="35"] .cdp_i:nth-child(39):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="36"] .cdp_i:nth-child(34):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="36"] .cdp_i:nth-child(34):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="36"] .cdp_i:nth-child(35):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(36):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(37) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="36"] .cdp_i:nth-child(37) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="36"] .cdp_i:nth-child(38):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(39):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="36"] .cdp_i:nth-child(40):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="36"] .cdp_i:nth-child(40):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="37"] .cdp_i:nth-child(35):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="37"] .cdp_i:nth-child(35):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="37"] .cdp_i:nth-child(36):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(37):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(38) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="37"] .cdp_i:nth-child(38) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="37"] .cdp_i:nth-child(39):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(40):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="37"] .cdp_i:nth-child(41):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="37"] .cdp_i:nth-child(41):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="38"] .cdp_i:nth-child(36):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="38"] .cdp_i:nth-child(36):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="38"] .cdp_i:nth-child(37):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(38):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(39) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="38"] .cdp_i:nth-child(39) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="38"] .cdp_i:nth-child(40):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(41):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="38"] .cdp_i:nth-child(42):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="38"] .cdp_i:nth-child(42):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="39"] .cdp_i:nth-child(37):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="39"] .cdp_i:nth-child(37):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="39"] .cdp_i:nth-child(38):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(39):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(40) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="39"] .cdp_i:nth-child(40) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="39"] .cdp_i:nth-child(41):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(42):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="39"] .cdp_i:nth-child(43):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="39"] .cdp_i:nth-child(43):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="40"] .cdp_i:nth-child(38):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="40"] .cdp_i:nth-child(38):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="40"] .cdp_i:nth-child(39):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(40):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(41) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="40"] .cdp_i:nth-child(41) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="40"] .cdp_i:nth-child(42):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(43):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="40"] .cdp_i:nth-child(44):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="40"] .cdp_i:nth-child(44):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="41"] .cdp_i:nth-child(39):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="41"] .cdp_i:nth-child(39):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="41"] .cdp_i:nth-child(40):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(41):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(42) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="41"] .cdp_i:nth-child(42) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="41"] .cdp_i:nth-child(43):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(44):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="41"] .cdp_i:nth-child(45):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="41"] .cdp_i:nth-child(45):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="42"] .cdp_i:nth-child(40):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="42"] .cdp_i:nth-child(40):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="42"] .cdp_i:nth-child(41):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(42):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(43) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="42"] .cdp_i:nth-child(43) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="42"] .cdp_i:nth-child(44):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(45):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="42"] .cdp_i:nth-child(46):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="42"] .cdp_i:nth-child(46):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="43"] .cdp_i:nth-child(41):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="43"] .cdp_i:nth-child(41):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="43"] .cdp_i:nth-child(42):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(43):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(44) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="43"] .cdp_i:nth-child(44) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="43"] .cdp_i:nth-child(45):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(46):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="43"] .cdp_i:nth-child(47):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="43"] .cdp_i:nth-child(47):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="44"] .cdp_i:nth-child(42):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="44"] .cdp_i:nth-child(42):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="44"] .cdp_i:nth-child(43):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(44):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(45) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="44"] .cdp_i:nth-child(45) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="44"] .cdp_i:nth-child(46):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(47):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="44"] .cdp_i:nth-child(48):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="44"] .cdp_i:nth-child(48):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="45"] .cdp_i:nth-child(43):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="45"] .cdp_i:nth-child(43):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="45"] .cdp_i:nth-child(44):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(45):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(46) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="45"] .cdp_i:nth-child(46) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="45"] .cdp_i:nth-child(47):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(48):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="45"] .cdp_i:nth-child(49):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="45"] .cdp_i:nth-child(49):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="46"] .cdp_i:nth-child(44):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="46"] .cdp_i:nth-child(44):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="46"] .cdp_i:nth-child(45):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(46):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(47) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="46"] .cdp_i:nth-child(47) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="46"] .cdp_i:nth-child(48):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(49):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="46"] .cdp_i:nth-child(50):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="46"] .cdp_i:nth-child(50):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="47"] .cdp_i:nth-child(45):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="47"] .cdp_i:nth-child(45):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="47"] .cdp_i:nth-child(46):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(47):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(48) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="47"] .cdp_i:nth-child(48) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="47"] .cdp_i:nth-child(49):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(50):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="47"] .cdp_i:nth-child(51):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="47"] .cdp_i:nth-child(51):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="48"] .cdp_i:nth-child(46):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="48"] .cdp_i:nth-child(46):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="48"] .cdp_i:nth-child(47):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(48):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(49) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="48"] .cdp_i:nth-child(49) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="48"] .cdp_i:nth-child(50):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(51):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="48"] .cdp_i:nth-child(52):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="48"] .cdp_i:nth-child(52):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="49"] .cdp_i:nth-child(47):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="49"] .cdp_i:nth-child(47):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="49"] .cdp_i:nth-child(48):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(49):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(50) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="49"] .cdp_i:nth-child(50) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="49"] .cdp_i:nth-child(51):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(52):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="49"] .cdp_i:nth-child(53):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="49"] .cdp_i:nth-child(53):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="50"] .cdp_i:nth-child(48):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="50"] .cdp_i:nth-child(48):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="50"] .cdp_i:nth-child(49):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(50):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(51) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="50"] .cdp_i:nth-child(51) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="50"] .cdp_i:nth-child(52):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(53):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="50"] .cdp_i:nth-child(54):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="50"] .cdp_i:nth-child(54):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="51"] .cdp_i:nth-child(49):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="51"] .cdp_i:nth-child(49):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="51"] .cdp_i:nth-child(50):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(51):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(52) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="51"] .cdp_i:nth-child(52) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="51"] .cdp_i:nth-child(53):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(54):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="51"] .cdp_i:nth-child(55):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="51"] .cdp_i:nth-child(55):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="52"] .cdp_i:nth-child(50):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="52"] .cdp_i:nth-child(50):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="52"] .cdp_i:nth-child(51):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(52):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(53) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="52"] .cdp_i:nth-child(53) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="52"] .cdp_i:nth-child(54):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(55):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="52"] .cdp_i:nth-child(56):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="52"] .cdp_i:nth-child(56):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="53"] .cdp_i:nth-child(51):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="53"] .cdp_i:nth-child(51):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="53"] .cdp_i:nth-child(52):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(53):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(54) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="53"] .cdp_i:nth-child(54) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="53"] .cdp_i:nth-child(55):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(56):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="53"] .cdp_i:nth-child(57):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="53"] .cdp_i:nth-child(57):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="54"] .cdp_i:nth-child(52):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="54"] .cdp_i:nth-child(52):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="54"] .cdp_i:nth-child(53):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(54):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(55) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="54"] .cdp_i:nth-child(55) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="54"] .cdp_i:nth-child(56):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(57):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="54"] .cdp_i:nth-child(58):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="54"] .cdp_i:nth-child(58):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="55"] .cdp_i:nth-child(53):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="55"] .cdp_i:nth-child(53):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="55"] .cdp_i:nth-child(54):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(55):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(56) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="55"] .cdp_i:nth-child(56) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="55"] .cdp_i:nth-child(57):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(58):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="55"] .cdp_i:nth-child(59):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="55"] .cdp_i:nth-child(59):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="56"] .cdp_i:nth-child(54):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="56"] .cdp_i:nth-child(54):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="56"] .cdp_i:nth-child(55):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(56):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(57) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="56"] .cdp_i:nth-child(57) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="56"] .cdp_i:nth-child(58):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(59):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="56"] .cdp_i:nth-child(60):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="56"] .cdp_i:nth-child(60):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="57"] .cdp_i:nth-child(55):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="57"] .cdp_i:nth-child(55):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="57"] .cdp_i:nth-child(56):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(57):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(58) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="57"] .cdp_i:nth-child(58) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="57"] .cdp_i:nth-child(59):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(60):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="57"] .cdp_i:nth-child(61):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="57"] .cdp_i:nth-child(61):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="58"] .cdp_i:nth-child(56):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="58"] .cdp_i:nth-child(56):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="58"] .cdp_i:nth-child(57):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(58):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(59) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="58"] .cdp_i:nth-child(59) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="58"] .cdp_i:nth-child(60):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(61):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="58"] .cdp_i:nth-child(62):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="58"] .cdp_i:nth-child(62):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="59"] .cdp_i:nth-child(57):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="59"] .cdp_i:nth-child(57):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="59"] .cdp_i:nth-child(58):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(59):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(60) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="59"] .cdp_i:nth-child(60) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="59"] .cdp_i:nth-child(61):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(62):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="59"] .cdp_i:nth-child(63):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="59"] .cdp_i:nth-child(63):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="60"] .cdp_i:nth-child(58):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="60"] .cdp_i:nth-child(58):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="60"] .cdp_i:nth-child(59):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(60):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(61) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="60"] .cdp_i:nth-child(61) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="60"] .cdp_i:nth-child(62):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(63):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="60"] .cdp_i:nth-child(64):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="60"] .cdp_i:nth-child(64):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="61"] .cdp_i:nth-child(59):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="61"] .cdp_i:nth-child(59):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="61"] .cdp_i:nth-child(60):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(61):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(62) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="61"] .cdp_i:nth-child(62) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="61"] .cdp_i:nth-child(63):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(64):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="61"] .cdp_i:nth-child(65):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="61"] .cdp_i:nth-child(65):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="62"] .cdp_i:nth-child(60):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="62"] .cdp_i:nth-child(60):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="62"] .cdp_i:nth-child(61):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(62):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(63) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="62"] .cdp_i:nth-child(63) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="62"] .cdp_i:nth-child(64):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(65):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="62"] .cdp_i:nth-child(66):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="62"] .cdp_i:nth-child(66):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="63"] .cdp_i:nth-child(61):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="63"] .cdp_i:nth-child(61):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="63"] .cdp_i:nth-child(62):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(63):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(64) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="63"] .cdp_i:nth-child(64) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="63"] .cdp_i:nth-child(65):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(66):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="63"] .cdp_i:nth-child(67):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="63"] .cdp_i:nth-child(67):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="64"] .cdp_i:nth-child(62):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="64"] .cdp_i:nth-child(62):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="64"] .cdp_i:nth-child(63):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(64):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(65) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="64"] .cdp_i:nth-child(65) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="64"] .cdp_i:nth-child(66):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(67):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="64"] .cdp_i:nth-child(68):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="64"] .cdp_i:nth-child(68):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="65"] .cdp_i:nth-child(63):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="65"] .cdp_i:nth-child(63):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="65"] .cdp_i:nth-child(64):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(65):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(66) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="65"] .cdp_i:nth-child(66) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="65"] .cdp_i:nth-child(67):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(68):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="65"] .cdp_i:nth-child(69):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="65"] .cdp_i:nth-child(69):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="66"] .cdp_i:nth-child(64):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="66"] .cdp_i:nth-child(64):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="66"] .cdp_i:nth-child(65):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(66):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(67) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="66"] .cdp_i:nth-child(67) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="66"] .cdp_i:nth-child(68):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(69):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="66"] .cdp_i:nth-child(70):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="66"] .cdp_i:nth-child(70):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="67"] .cdp_i:nth-child(65):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="67"] .cdp_i:nth-child(65):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="67"] .cdp_i:nth-child(66):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(67):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(68) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="67"] .cdp_i:nth-child(68) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="67"] .cdp_i:nth-child(69):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(70):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="67"] .cdp_i:nth-child(71):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="67"] .cdp_i:nth-child(71):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="68"] .cdp_i:nth-child(66):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="68"] .cdp_i:nth-child(66):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="68"] .cdp_i:nth-child(67):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(68):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(69) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="68"] .cdp_i:nth-child(69) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="68"] .cdp_i:nth-child(70):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(71):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="68"] .cdp_i:nth-child(72):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="68"] .cdp_i:nth-child(72):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="69"] .cdp_i:nth-child(67):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="69"] .cdp_i:nth-child(67):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="69"] .cdp_i:nth-child(68):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(69):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(70) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="69"] .cdp_i:nth-child(70) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="69"] .cdp_i:nth-child(71):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(72):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="69"] .cdp_i:nth-child(73):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="69"] .cdp_i:nth-child(73):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="70"] .cdp_i:nth-child(68):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="70"] .cdp_i:nth-child(68):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="70"] .cdp_i:nth-child(69):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(70):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(71) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="70"] .cdp_i:nth-child(71) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="70"] .cdp_i:nth-child(72):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(73):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="70"] .cdp_i:nth-child(74):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="70"] .cdp_i:nth-child(74):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="71"] .cdp_i:nth-child(69):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="71"] .cdp_i:nth-child(69):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="71"] .cdp_i:nth-child(70):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(71):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(72) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="71"] .cdp_i:nth-child(72) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="71"] .cdp_i:nth-child(73):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(74):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="71"] .cdp_i:nth-child(75):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="71"] .cdp_i:nth-child(75):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="72"] .cdp_i:nth-child(70):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="72"] .cdp_i:nth-child(70):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="72"] .cdp_i:nth-child(71):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(72):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(73) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="72"] .cdp_i:nth-child(73) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="72"] .cdp_i:nth-child(74):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(75):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="72"] .cdp_i:nth-child(76):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="72"] .cdp_i:nth-child(76):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="73"] .cdp_i:nth-child(71):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="73"] .cdp_i:nth-child(71):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="73"] .cdp_i:nth-child(72):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(73):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(74) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="73"] .cdp_i:nth-child(74) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="73"] .cdp_i:nth-child(75):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(76):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="73"] .cdp_i:nth-child(77):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="73"] .cdp_i:nth-child(77):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="74"] .cdp_i:nth-child(72):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="74"] .cdp_i:nth-child(72):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="74"] .cdp_i:nth-child(73):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(74):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(75) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="74"] .cdp_i:nth-child(75) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="74"] .cdp_i:nth-child(76):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(77):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="74"] .cdp_i:nth-child(78):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="74"] .cdp_i:nth-child(78):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="75"] .cdp_i:nth-child(73):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="75"] .cdp_i:nth-child(73):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="75"] .cdp_i:nth-child(74):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(75):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(76) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="75"] .cdp_i:nth-child(76) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="75"] .cdp_i:nth-child(77):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(78):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="75"] .cdp_i:nth-child(79):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="75"] .cdp_i:nth-child(79):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="76"] .cdp_i:nth-child(74):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="76"] .cdp_i:nth-child(74):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="76"] .cdp_i:nth-child(75):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(76):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(77) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="76"] .cdp_i:nth-child(77) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="76"] .cdp_i:nth-child(78):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(79):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="76"] .cdp_i:nth-child(80):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="76"] .cdp_i:nth-child(80):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="77"] .cdp_i:nth-child(75):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="77"] .cdp_i:nth-child(75):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="77"] .cdp_i:nth-child(76):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(77):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(78) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="77"] .cdp_i:nth-child(78) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="77"] .cdp_i:nth-child(79):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(80):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="77"] .cdp_i:nth-child(81):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="77"] .cdp_i:nth-child(81):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="78"] .cdp_i:nth-child(76):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="78"] .cdp_i:nth-child(76):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="78"] .cdp_i:nth-child(77):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(78):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(79) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="78"] .cdp_i:nth-child(79) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="78"] .cdp_i:nth-child(80):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(81):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="78"] .cdp_i:nth-child(82):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="78"] .cdp_i:nth-child(82):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="79"] .cdp_i:nth-child(77):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="79"] .cdp_i:nth-child(77):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="79"] .cdp_i:nth-child(78):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(79):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(80) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="79"] .cdp_i:nth-child(80) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="79"] .cdp_i:nth-child(81):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(82):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="79"] .cdp_i:nth-child(83):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="79"] .cdp_i:nth-child(83):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.cdp[actpage="80"] .cdp_i:nth-child(78):not(:first-child):not(:nth-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="80"] .cdp_i:nth-child(78):not(:first-child):not(:nth-child(2)):after {
  content: "...";
  color: #333;
  font-size: 32px;
  margin-left: -6px;
}
.cdp[actpage="80"] .cdp_i:nth-child(79):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(80):not(:first-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(81) {
  background-color: var(--main-color);
  color: #fff;
  display: inline-block;
  pointer-events: none;
}
.cdp[actpage="80"] .cdp_i:nth-child(81) + .cdp_i:last-child {
  display: none !important;
}
.cdp[actpage="80"] .cdp_i:nth-child(82):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(83):not(:last-child) {
  display: inline-block;
}
.cdp[actpage="80"] .cdp_i:nth-child(84):not(:last-child):not(:nth-last-child(2)) {
  display: inline-block;
  pointer-events: none;
  color: transparent;
  border-color: transparent;
  background-color: transparent;
  width: 50px;
}
.cdp[actpage="80"] .cdp_i:nth-child(84):not(:last-child):not(:nth-last-child(2)):after {
  content: "...";
  color: #858585;
  font-size: 32px;
  margin-left: -6px;
}

.to_top {
  --tt-url: url(../images/common/to_top.svg);
  background-image: var(--tt-url);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--ttp-w, 81px);
  width: var(--ttp-h, 61px);
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  position: fixed;
  bottom: var(--ttp_bottom, 75px);
  right: var(--ttp_r, 5px);
  cursor: pointer;
  z-index: 250;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.to_top.invert {
  background-color: white;
  background-image: unset;
  -webkit-mask-image: var(--tt-url);
          mask-image: var(--tt-url);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.to_top.invert span {
  color: var(--main-color);
}
@media screen and (min-width: 992px) {
  .to_top {
    --ttp_bottom: 60px;
    --ttp_r: 25px;
    --ttp-w: 110px;
    --ttp-h: 82px;
  }
}
.to_top.is-visible {
  opacity: 1;
}
.to_top.is-visible:hover {
  -webkit-animation: bounds 2.5s infinite;
          animation: bounds 2.5s infinite;
}
.to_top span {
  display: block;
  color: white;
  font-size: var(--ttp_spn-fs, 13px);
  text-transform: uppercase;
  line-height: 1.2;
}
.to_top span::before {
  display: block;
  content: "";
  width: 9px;
  aspect-ratio: 1;
  border: solid inherit;
  border-width: 2px 2px 0 0;
  rotate: -45deg;
  margin-inline: auto;
  position: relative;
  right: 2px;
  top: 3px;
  margin-bottom: 4px;
}
@media screen and (min-width: 992px) {
  .to_top span {
    --ttp_spn-fs: 19px;
  }
}

header {
  --logo_w: 304px;
  --logo_h: 80px;
  width: 100%;
  position: fixed;
  top: 0;
  inset-inline: 0;
  height: var(--header-height, var(--sp-h));
  transition: background-color 0.5s linear;
  z-index: 1030;
  /* メニューボタンの設定 */
}
header.is-visible {
  background-color: white;
}
@media screen and (min-width: 992px) {
  header {
    --header-height: var(--pc-h);
    --logo_img-w: 400px;
  }
}
header .header_wrapper {
  display: grid;
  grid-template-columns: var(--logo_img-w, 220px) 1fr;
  height: 100%;
}
header .logo {
  display: grid;
  align-items: center;
  padding-left: var(--lg-ps, 7px);
}
@media screen and (min-width: 992px) {
  header .logo {
    --lg-ps: 20px;
  }
}
header .logo h1 {
  margin-block: 0;
}
header .logo h1 img {
  width: var(--img-w, 152px);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 992px) {
  header .logo h1 img {
    --img-w: 304px;
  }
}
header .logo h1 img.logo_color {
  display: none;
}
header .logo h1 img.logo_white {
  display: block;
}
header .logo h1 img:is(.is-visible *).logo_color {
  display: block;
}
header .logo h1 img:is(.is-visible *).logo_white {
  display: none;
}
header .header_right {
  --is_visible-color: white;
  padding-right: var(--hr-pe, 5px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
header .header_right:is(.is-visible *) {
  --is_visible-color: var(--main-color);
}
@media screen and (min-width: 992px) {
  header .header_right {
    --hr-pe: 10px;
  }
}
header .header_right .recruit_buttons {
  display: var(--rb-d, none);
  margin-right: 15px;
}
@media screen and (min-width: 1200px) {
  header .header_right .recruit_buttons {
    --rb-d: block;
  }
}
header .header_right .recruit_buttons > :nth-child(1) {
  margin-right: 15px;
}
header .header_right .recruit_buttons a {
  padding-block: 12px;
  padding-inline: 15px;
  color: var(--is_visible-color);
  border: 1px solid;
  font-size: 24px;
  font-weight: bold;
}
header .header_right .recruit_buttons a span {
  font-size: 20px;
}
header .header_right .entry_button {
  color: var(--main-color);
  text-transform: uppercase;
  background-color: var(--is_visible-color);
  padding-block: var(--eb-py, 9px);
  padding-inline: var(--eb-px, 12px);
  font-size: var(--eb-fs, 15px);
  font-weight: bold;
}
header .header_right .entry_button:is(.is-visible *) {
  color: white;
}
@media screen and (min-width: 992px) {
  header .header_right .entry_button {
    --eb-fs: 24px;
    --eb-py: 12px;
    --eb-px: 20px;
  }
}
header .menu_button {
  position: relative;
  z-index: 9999;
  cursor: pointer;
  width: var(--mb_h, var(--sp-h));
  aspect-ratio: 1;
}
@media screen and (min-width: 992px) {
  header .menu_button {
    --mb_h: var(--logo_h);
  }
}
header .menu_button .lines_parent {
  display: grid;
  place-items: center;
  margin: 0;
  gap: var(--lp-gap, 7px);
}
@media screen and (min-width: 992px) {
  header .menu_button .lines_parent {
    --lp-gap: 10px;
  }
}
header .menu_button span {
  display: inline-block;
  transition: all 0.4s;
  height: 3px;
  border-radius: 2px;
  background-color: white;
  width: 50%;
}
header .menu_button span:is(.is-visible *) {
  background-color: var(--main-color);
}
header .menu_button.active span {
  width: 50%;
  background-color: white;
}
header .menu_button.active span:nth-of-type(1) {
  transform: translateY(var(--as_1-trs, 5px)) rotate(-45deg);
}
@container (min-width: 992px) {
  header .menu_button.active span:nth-of-type(1) {
    --as_1-trs: 10px;
  }
}
header .menu_button.active span:nth-of-type(2) {
  transform: translateY(var(--as_3-trs, -5px)) rotate(45deg);
}
@media screen and (min-width: 992px) {
  header .menu_button.active span:nth-of-type(2) {
    --as_3-trs: -7px;
  }
}
header .offcanvas.offcanvas-end {
  --bs-offcanvas-width: 500px;
  top: 0;
  background: rgba(172, 137, 91, 0.6);
  padding-top: var(--offset-pt, var(--sp-h));
}
@media screen and (min-width: 992px) {
  header .offcanvas.offcanvas-end {
    --offset-pt: var(--pc-h);
  }
}
header .offcanvas.offcanvas-end .menu_inner {
  padding-inline: 30px;
}
header .offcanvas.offcanvas-end .menu_inner > p {
  border-bottom: 1px solid white;
}
header .offcanvas.offcanvas-end .menu_inner > p > a {
  display: block;
  padding: 1rem 1.25rem;
  color: white;
}
header .offcanvas.offcanvas-end .menu_inner > p > a[target=_blank] {
  display: flex;
  gap: 30px;
}
header .offcanvas.offcanvas-end .menu_inner > p > a[target=_blank]::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml,<svg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18px" height="18px" viewBox="0 0 24 24"><path fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4M14 4h6m0 0v6m0-6L10 14"%2F><%2Fsvg>');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
header .nav {
  display: flex;
  justify-self: end;
  align-items: center;
  gap: 20px;
  padding-right: 20px;
}

.accordion {
  --bs-body-bg: transparent;
  border-bottom: 1px solid white;
}
.accordion .accordion-button:is(header *) {
  color: white;
}
.accordion .accordion-button::after {
  background-image: none;
  content: "+";
  font-size: 1.8rem;
  font-weight: 200;
  position: relative;
  bottom: 7px;
  transform: none;
  margin-left: auto;
  transition: transform 0.3s ease-in-out;
}
.accordion .accordion-button:not(.collapsed)::after {
  content: "-";
  transform: rotate(0deg);
  right: -1px;
  font-size: 2.5rem;
  bottom: 16px;
}
.accordion .grandchild_items > * + * {
  margin-top: 20px;
}
.accordion .grandchild_items a {
  color: white;
  text-decoration: underline;
}

footer {
  background-color: var(--main-color);
  padding-block: var(--ftr-py, 40px 50px);
  padding-inline: var(--ftr-px, calc(var(--sp-padding) * 0.5));
  color: white;
}
@media screen and (min-width: 992px) {
  footer {
    --ftr-px: 40px;
    --ftr-py: 40px 0;
    --ftr_sml-py: 15px;
  }
}
footer small {
  padding-block: var(--ftr_sml-py, 60px 50px);
  display: block;
  font-size: 12px;
  color: white;
  text-align: center;
}

.footer_inner {
  display: grid;
  grid-template-columns: var(--fi-columns, 1fr);
  gap: 1px;
  background-color: var(--fi-bgc, unset);
  width: var(--fi-w, 100%);
}
@media screen and (min-width: 992px) {
  .footer_inner {
    --fi-columns: 275px min(985px, 70%);
  }
}
@media screen and (min-width: 1400px) {
  .footer_inner {
    --fi-columns: 275px min(985px, 100%);
    --fi-bgc: white;
    --fi-w: max-content;
  }
}
.footer_inner > * {
  background-color: var(--main-color);
}
@media screen and (min-width: 992px) {
  .footer_inner > * {
    --fi_child-p: 30px;
  }
}
.footer_inner > *:nth-child(1) {
  padding-right: var(--fi_child-p, 0);
  margin-inline: auto;
}
.footer_inner > *:nth-child(2) {
  padding-left: var(--fi_child-p, 0);
}
.footer_inner > ul {
  margin-top: 20px;
  display: flex;
  gap: var(--footer_ul-gap, 30px);
  flex-wrap: wrap;
  flex-direction: var(--footer_ul-dir, column);
}
@media screen and (min-width: 992px) {
  .footer_inner > ul {
    --footer_ul-dir: row;
    --footer_ul-gap: 2%;
  }
}
@media screen and (min-width: 1200px) {
  .footer_inner > ul {
    --footer_ul-gap: 3%;
  }
}
.footer_inner > ul a {
  font-size: 18px;
  font-weight: 600;
}
.footer_inner .child {
  margin-top: 15px;
}
.footer_inner .child > * + * {
  margin-top: 10px;
}
.footer_inner .child a {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: grey;
}
.footer_inner .left img {
  display: block;
}
.footer_inner .left > * > img {
  width: min(244px, 100%);
  margin-inline: auto;
}
.footer_inner .left .insta {
  display: block;
  margin-top: 20px;
  margin-inline: var(--ist-mx, auto);
  width: min(45px, 100%);
}
@media screen and (min-width: 992px) {
  .footer_inner .left .insta {
    --ist-mx: 0;
  }
}
.footer_inner .left .insta img {
  width: 100%;
  aspect-ratio: 1;
}
.footer_inner .left .recruit_buttons {
  margin-top: 30px;
  width: min(240px, 100%);
  margin-inline: auto;
}
.footer_inner .left .recruit_buttons > * {
  width: 100%;
  height: 50px;
  display: grid;
  place-content: center;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.04em;
  text-align: center;
}
.footer_inner .left .recruit_buttons > *:is(:nth-child(1), :nth-child(2)) {
  color: white;
  border: 2px solid;
  background-color: var(--main-color);
}
.footer_inner .left .recruit_buttons > *:last-child {
  background-color: white;
  color: var(--main-color);
}
.footer_inner .left .recruit_buttons > * + * {
  margin-top: 15px;
}
.footer_inner .right {
  margin-top: var(--ftr_r-mt, 20px);
  display: grid;
  grid-auto-flow: var(--ftr_r-gaf, row);
  grid-template-columns: var(--ftr_r-clm, repeat(3, 1fr));
  justify-content: space-between;
  row-gap: var(--ftr_r-rg, 35px);
}
@media screen and (min-width: 992px) {
  .footer_inner .right {
    --ftr_r-mt: 0;
    --ftr_r-rg: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .footer_inner .right {
    --ftr_r-gaf: column;
    --ftr_r-clm: auto;
  }
}
.footer_inner .right > * {
  color: white;
}
.footer_inner .right .parent {
  font-size: var(--prt-fs, 15px);
  line-height: 1.4;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .footer_inner .right .parent {
    --prt-fs: 20px;
  }
}
.footer_inner .right > ul > * + * {
  margin-top: 20px;
}
.footer_inner .right > ul li {
  text-decoration: underline;
  font-size: var(--prt_li-fs, 11px);
  line-height: 1.75;
}
@media screen and (min-width: 992px) {
  .footer_inner .right > ul li {
    --prt_li-fs: 16px;
  }
}
.footer_inner .right > ul li a[target=_blank] {
  display: flex;
  gap: 30px;
}
.footer_inner .right > ul li a[target=_blank]::after {
  content: "";
  display: block;
  width: 20px;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml,<svg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18px" height="18px" viewBox="0 0 24 24"><path fill="none" stroke="%23ffffff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4M14 4h6m0 0v6m0-6L10 14"%2F><%2Fsvg>');
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.fv {
  position: relative;
}
.fv::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 9;
}

.fv_words_top {
  position: absolute;
  left: var(--fv_w_top-l, 10px);
  bottom: var(--fv_w_top-b, 30px);
  display: grid;
  z-index: 13;
}
@media screen and (min-width: 992px) {
  .fv_words_top {
    --fv_w_top-l: 50px;
    --fv_w_top-b: 50px;
  }
}
.fv_words_top > * + * {
  margin-top: 20px;
}
.fv_words_top h3 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: 0;
  box-shadow: 5px 5px 0 rgba(239, 232, 217, 0.5);
}
.fv_words_top .text {
  font-size: var(--fv_wt_txt-fs, 17px);
  font-weight: normal;
  line-height: 0.7;
  letter-spacing: var(--fv_wt_txt-ls, -0.04em);
}
@media screen and (min-width: 992px) {
  .fv_words_top .text {
    --fv_wt_txt-fs: 44px;
    --fv_wt_txt-ls: unset;
  }
}
.fv_words_top .text strong {
  font-size: var(--fv_wt_txt_stg-fs, 22px);
  font-weight: normal;
}
@media screen and (min-width: 992px) {
  .fv_words_top .text strong {
    --fv_wt_txt_stg-fs: 57px;
  }
}
.fv_words_top .text .no {
  font-size: var(--fv_wt_no-fs, 31px);
  font-weight: 900;
}
@media screen and (min-width: 992px) {
  .fv_words_top .text .no {
    --fv_wt_no-fs: 62px;
  }
}
.fv_words_top .text .num {
  font-size: var(--fv_wt_num-fs, 37px);
  font-weight: 900;
  line-height: 0.5;
}
@media screen and (min-width: 992px) {
  .fv_words_top .text .num {
    --fv_wt_num-fs: 74px;
  }
}

.curtain-slider {
  position: relative;
  width: 100%;
  height: var(--cs-h, 90dvh);
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .curtain-slider {
    --cs-h: 100dvh;
  }
}

.fv_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 基本状態 */
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s; /* フェードインの時間 */
  /* 次に表示されるスライド (奥に配置) */
  /* 消えていくスライド (手前に配置) */
}
.fv_slide.is-active {
  z-index: 2;
  opacity: 1; /* すぐに表示され、奥で待機する */
}
.fv_slide.is-hiding {
  z-index: 3; /* 最前面 */
  opacity: 1; /* ★重要: ワイプ中は透明にしない！ */
  /* アニメーション終了後（JSのsetTimeout実行時）にクラスが外れると
     自動的に opacity: 0 (基本状態) に戻ります。
  */
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transform-style: preserve-3d;
}

.grid-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* 初期状態: 画像は全表示 */
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  /* opacityの遷移は削除し、clip-pathのみに集中させます */
  transition: -webkit-clip-path var(--animation-duration) cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path var(--animation-duration) cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path var(--animation-duration) cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path var(--animation-duration) cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* 奇数番目 (1, 3列目): 下から上にワイプアウト */
.fv_slide.is-hiding .grid-item:nth-child(2n+1) {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0); /* 下辺を上に持ち上げる */
}

/* 偶数番目 (2, 4列目): 上から下にワイプアウト */
.fv_slide.is-hiding .grid-item:nth-child(2n) {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0); /* 上辺を下に下ろす */
}

.fv_slide.is-hiding .grid-item:nth-child(1) {
  transition-delay: var(--delay-0);
}

.fv_slide.is-hiding .grid-item:nth-child(2) {
  transition-delay: var(--delay-1);
}

.fv_slide.is-hiding .grid-item:nth-child(3) {
  transition-delay: var(--delay-2);
}

.fv_slide.is-hiding .grid-item:nth-child(4) {
  transition-delay: var(--delay-3);
}

/* --- スマホ表示対応 --- */
@media (max-width: 968px) {
  /* 1. レイアウト: 2列表示 */
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
  /* 2. アニメーション設定の上書き */
  .grid-item {
    /* PCの clip-path アニメーション設定を解除し、
       透明度(opacity) のアニメーションに変更する */
    transition: opacity 1s ease-out !important;
    /* カーテン（切り抜き）は常に無効化（全表示） */
    -webkit-clip-path: inset(0 0 0 0) !important;
            clip-path: inset(0 0 0 0) !important;
  }
  /* 3. 切り替え時の動作 */
  .fv_slide.is-hiding .grid-item {
    /* カーテンの動きを無効化（念押し） */
    -webkit-clip-path: inset(0 0 0 0) !important;
            clip-path: inset(0 0 0 0) !important;
    /* 透明にしてフェードアウトさせる */
    opacity: 0;
  }
  /* 4. グリッドごとの遅延（バラバラに動く動作）を無効化 */
  /* 全ての画像を同時に切り替える */
  .fv_slide.is-hiding .grid-item:nth-child(1),
.fv_slide.is-hiding .grid-item:nth-child(2),
.fv_slide.is-hiding .grid-item:nth-child(3),
.fv_slide.is-hiding .grid-item:nth-child(4) {
    transition-delay: 0s !important;
    -webkit-clip-path: inset(0 0 0 0) !important;
            clip-path: inset(0 0 0 0) !important; /* PC版の指定を確実に打ち消す */
  }
}
.zoom-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zoom-wrapper:is(.fv_slide.is-active *) {
  -webkit-animation: zoom-effect 20s infinite linear;
          animation: zoom-effect 20s infinite linear;
}
.zoom-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.faq .faq_wrapper {
  margin-top: var(--fqw-mt, 30px);
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper {
    --fqw-mt: 60px;
  }
}
.faq .faq_wrapper .tags {
  display: grid;
  grid-template-columns: repeat(var(--tg-rpt, 2), 1fr);
  align-items: center;
  gap: var(--tg-gap, 12px);
  padding-inline: var(--tg-px, 0);
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags:is(.pages *) {
    --tg-px: 0;
  }
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags {
    --tg-rpt: 4;
    --tg-gap: 20px 13px;
    --tg-px: 100px;
  }
}
.faq .faq_wrapper .tags > li a {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  align-items: center;
  padding-inline: 10px;
  padding-block: 10px;
  color: white;
  border: 1px solid;
  border-radius: 45px;
}
.faq .faq_wrapper .tags > li a > p {
  text-align: center;
  font-size: var(--tg_a_p-fs, 13px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags > li a > p:is(.pages *) {
    --tg_a_p-fs: 14px;
  }
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags > li a > p {
    --tg_a_p-fs: 16px;
  }
}
.faq .faq_wrapper .tags > li a > img {
  width: var(--tg_a_img-w, 16px);
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags > li a > img {
    --tg_a_img-w: 32px;
  }
}
.faq .faq_wrapper .tags > li a.active {
  background-color: var(--main-color);
  color: white;
  pointer-events: none;
}
.faq .faq_wrapper .tags > li a.active > img {
  display: none;
}
.faq .faq_wrapper .tags > li a.active::before {
  display: block;
  content: "";
  width: var(--tg_a_img-w, 16px);
  aspect-ratio: 1;
  background-image: url(../images/icon/arrow_r_crl_wht3.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .tags > li a.active::before {
    --tg_a_img-w: 32px;
  }
}
.faq .faq_wrapper .tags > li a {
  color: var(--main-color);
  background-color: white;
}
.faq .faq_wrapper .cards {
  margin-top: var(--fq_crd-mt, 35px);
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .cards {
    --fq_crd-mt: 75px;
  }
}
.faq .faq_wrapper .cards > * {
  border-radius: 15px;
  padding-block: var(--fq_chl-py, 20px);
  padding-inline: var(--fq_chl-px, 15px);
  background-color: #F0F0F0;
  display: flex;
  gap: var(--fq_chl-gap, 15px);
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .cards > * {
    --fq_chl-py: 45px;
    --fq_chl-px: 35px;
    --fq_chl-gap: 30px;
  }
}
.faq .faq_wrapper .cards > * > span {
  font-size: var(--fs_spn-fs, 22px);
  font-weight: bold;
  line-height: 1.44;
  color: var(--main-color);
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .cards > * > span {
    --fs_spn-fs: 25px;
  }
}
.faq .faq_wrapper .cards > * .question {
  font-size: var(--fq_q-fs, 18px);
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .cards > * .question {
    --fq_q-fs: 20px;
  }
}
.faq .faq_wrapper .cards > * .answer {
  margin-top: var(--fq_ans-mt, 20px);
  font-size: var(--fq_ans-fs, 16px);
  font-weight: 400;
  line-height: 2;
}
@media screen and (min-width: 992px) {
  .faq .faq_wrapper .cards > * .answer {
    --fq_ans-mt: 35px;
    --fq_ans-fs: 20px;
  }
}
.faq .faq_wrapper .cards > * + * {
  margin-top: 30px;
}

.faq_container:not(#_) .question {
  font-size: var(--fq_q-fs, 18px);
  font-weight: bold;
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .question {
    --fq_q-fs: 20px;
  }
}
.faq_container:not(#_) .answer {
  margin-top: var(--fq_ans-mt, 20px);
  font-size: var(--fq_ans-fs, 16px);
  font-weight: 400;
  line-height: 2;
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .answer {
    --fq_ans-mt: 35px;
    --fq_ans-fs: 20px;
  }
}
.faq_container:not(#_) .accordion {
  --bs-accordion-color: initial;
  --bs-accordion-active-color: initial;
  --border-color: var(--main-color);
  --bs-accordion-inner-border-radius: 15px;
  --bs-accordion-btn-padding-y: 13px;
  --bs-accordion-btn-padding-x: var(--x, 0);
  --bs-accordion-body-padding-x: var(--x, 0);
  --bs-accordion-active-color: initial;
  border: solid var(--border-color);
  border-width: 1px 0 0 0;
  margin-top: var(--mt, 30px);
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion {
    --acc-header-p: 0 25px;
  }
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion {
    --x: 1.25rem;
    --mt: 30px;
  }
}
.faq_container:not(#_) .accordion.accordion-flush .accordion-item .accordion-button, .faq_container:not(#_) .accordion .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}
.faq_container:not(#_) .accordion .accordion-item {
  border-radius: 0;
  border: solid var(--border-color);
  border-width: 0 0 1px 0;
}
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button::before,
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "";
  position: absolute;
  right: var(--acc_btn-r, 7px);
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: var(--main-color);
  width: var(--acc_btn-w, 17px);
  height: 2px;
  transition: all 0.3s;
  background-image: none;
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button::before,
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button::after {
    --acc_btn-r: 20px;
    --acc_btn-w: 20px;
  }
}
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button::after {
  transform: rotate(90deg);
}
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before,
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}
.faq_container:not(#_) .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  opacity: 0;
}
.faq_container:not(#_) .accordion .accordion-item .accordion-body {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-block: var(--bs-accordion-body-padding-y);
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion .accordion-item .accordion-body {
    padding-block: 15px;
  }
}
.faq_container:not(#_) .accordion .accordion-item .accordion-body::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--blue);
  background-size: 8px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-inline: auto;
  display: inline-block;
  position: absolute;
  top: 0;
  inset-inline: 0;
}
.faq_container:not(#_) .accordion .accordion-item .accordion-body span {
  --icon-bg-color: #fff;
  --icon-color: var(--main-color);
  aspect-ratio: 1;
}
.faq_container:not(#_) .accordion .accordion-item .accordion-collapse {
  background-color: var(--l_beige);
}
.faq_container:not(#_) .accordion .accordion-item button {
  display: flex;
  align-items: center;
}
.faq_container:not(#_) .accordion > div:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid var(--border-color);
}
.faq_container:not(#_) .accordion .accordion-body {
  padding-top: 0;
  padding-block: var(--fq_chl-py, 20px);
  padding-inline: var(--fq_chl-px, 15px);
  display: flex;
  gap: var(--fq_chl-gap, 15px);
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion .accordion-body {
    --fq_chl-py: 10px 45px;
    --fq_chl-px: 35px 55px;
    --fq_chl-gap: 35px;
  }
}
.faq_container:not(#_) .accordion .accordion-body > span {
  width: 55px;
  font-size: 25px;
  font-weight: bold;
  color: transparent;
  pointer-events: none;
}
.faq_container:not(#_) .accordion button {
  padding-block: var(--fq_chl-py, 20px);
  padding-inline: var(--fq_chl-px, 15px);
  display: flex;
  gap: var(--fq_chl-gap, 15px);
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion button {
    --fq_chl-py: 15px;
    --fq_chl-px: 35px;
    --fq_chl-gap: 30px;
  }
}
.faq_container:not(#_) .accordion button > :nth-child(1) {
  font-size: var(--fs_spn-fs, 22px);
  font-weight: bold;
  line-height: 1.44;
  color: var(--main-color);
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  .faq_container:not(#_) .accordion button > :nth-child(1) {
    --fs_spn-fs: 25px;
  }
}

.home .news {
  padding-block: var(--nws-py, 35px 45px);
  background-color: var(--l_beige);
}
@media screen and (min-width: 992px) {
  .home .news {
    --nws-py: 70px 90px;
  }
}
.home .news .inner > * + * {
  margin-top: 30px;
}
.home .news ul > * + * {
  margin-top: 20px;
}
.home .news ul a {
  padding-block: 25px;
  padding-inline: 15px;
  background-color: white;
  display: grid;
  grid-template-columns: var(--nws_a-clm, 1fr);
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .home .news ul a {
    --nws_a-clm: max-content 1fr;
  }
}
.home .news ul a .detail {
  display: flex;
  gap: 15px;
  align-items: center;
}
.home .news ul a .category {
  padding-block: 5px;
  padding-inline: 15px;
  color: white;
  font-size: 14px;
  background-color: var(--main-color);
}
.home .news ul a .date {
  color: var(--main-color);
  font-size: 16px;
  font-weight: bold;
}
.home .news ul a .text {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .home .news ul a .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}

.pages .news ul li {
  margin-top: 20px;
}
.pages .news ul a {
  padding-block: 25px;
  padding-inline: 15px;
  background-color: white;
  display: grid;
  grid-template-columns: var(--nws_a-clm, 1fr);
  align-items: center;
  gap: 15px;
  border: 1px solid var(--main-color);
}
@media screen and (min-width: 992px) {
  .pages .news ul a {
    --nws_a-clm: max-content 1fr;
  }
}
.pages .news ul a .detail {
  display: flex;
  gap: 15px;
  align-items: center;
}
.pages .news ul a .category {
  padding-block: 5px;
  padding-inline: 15px;
  color: white;
  font-size: 14px;
  background-color: var(--main-color);
}
.pages .news ul a .date {
  color: var(--main-color);
  font-size: 16px;
  font-weight: bold;
}
.pages .news ul a .text {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .pages .news ul a .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}

.form_title h3 {
  border: solid var(--main-color);
  border-width: 1px 0 1px;
  font-size: var(--ft_h3-fs, 20px);
  font-weight: bold;
  padding-block: 20px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .form_title h3 {
    --ft_h3-fs: 30px;
  }
}
.form_title > p {
  margin-top: 40px;
  text-align: center;
}
.form_title > div {
  margin-top: 60px;
  display: grid;
  grid-template-columns: var(--ft_child-columns, 1fr);
  gap: var(--ft_child-gap, 20px);
  align-items: center;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--main-color);
}
@media screen and (min-width: 992px) {
  .form_title > div {
    --ft_child-columns: 290px 1fr;
    --ft_child-gap: 30px;
  }
}
.form_title > div img {
  width: min(210px, 100%);
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.form_title > div p {
  font-weight: 400;
  line-height: 2;
}

.form_wrapper > .form_child:not(:first-child) {
  margin-top: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}

form {
  --bc: #D5D5D5;
  position: relative;
  border-radius: 5px;
  z-index: 1;
}
form h3 {
  font-size: var(--frm_h3-fs, 20px);
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  form h3 {
    --frm_h3-fs: 30px;
  }
}
form .type_radio .radio_wrapper {
  margin-top: 10px;
  display: flex;
  flex-direction: var(--rd_w-fd, column);
  gap: var(--rd_w-gap, 15px);
}
@media screen and (min-width: 992px) {
  form .type_radio .radio_wrapper {
    --rd_w-gap: 20px;
    --rd_w-fd: row;
  }
}
form .wpcf7-radio {
  margin-top: 10px;
  display: flex;
  flex-direction: var(--rd_w-fd, column);
  gap: var(--rd_w-gap, 15px);
}
@media screen and (min-width: 992px) {
  form .wpcf7-radio {
    --rd_w-gap: 20px;
    --rd_w-fd: row;
  }
}
form .type_select select {
  width: min(240px, 100%);
  background-color: var(--l_beige);
  padding-block: 20px;
  padding-inline: 20px;
  border-radius: 0;
}
form .type_select .form-select:focus {
  border-color: initial;
  box-shadow: 0;
}
form .type_check .check_group {
  margin-top: 10px;
}
form .type_check .check_group .wpcf7-checkbox {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
form .type_check .check_group .wpcf7-checkbox label {
  padding: 20px;
  padding-right: 50px;
  background: var(--l_beige);
  display: flex;
  align-items: center;
  gap: 10px;
}
form .type_radio .radio_group {
  margin-top: 10px;
}
form .type_radio .radio_group .wpcf7-radio {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
form .type_radio .radio_group .wpcf7-radio label {
  padding: 20px;
  padding-right: 50px;
  background: var(--l_beige);
  display: flex;
  align-items: center;
  gap: 10px;
}
form .form-check-input:checked {
  background-color: var(--main-color);
  border-color: var(--main-color);
}
form .form-check {
  padding-block: 20px;
  padding-inline: 50px 40px;
  background-color: var(--l_beige);
}
form .form-check input {
  margin-left: -7px;
  margin-right: 10px;
}
form :is(.type_check, .type_radio) > *:nth-child(1 of p) span {
  color: white;
  background-color: var(--main-color);
  width: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 1.9047619048;
  position: relative;
  display: inline-block;
}
form :is(.type_check, .type_radio) > *:nth-child(1 of p) span.require {
  background-color: #FF3737;
}
form :is(.type_check, .type_radio) > *:nth-child(1 of p):not(:has(label)) {
  display: flex;
  align-items: center;
  gap: 10px;
}
form :where(.select_wrapper, [data-name=slc]) {
  display: block;
  background: white;
  border-radius: 5px;
}
form :where(.select_wrapper, [data-name=slc])::after {
  z-index: 2;
  pointer-events: none;
}
form label:not(.form-check-label, .check_group *) {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
form label:not(.consent *, .type_check *, .form_submit *, .type_radio *, .form_child + p *) > span {
  color: white;
  background-color: var(--main-color);
  width: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 1.9047619048;
  position: relative;
  top: 2px;
  display: inline-block;
}
form label:not(.consent *, .type_check *, .form_submit *, .type_radio *, .form_child + p *) > span.require {
  background-color: #FF3737;
}
form #ppCheck + .require {
  background-color: #FF3737;
  color: white;
  width: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 1.9047619048;
  position: relative;
  top: 2px;
  display: inline-block;
}
form input:not([type=radio]):not([type=submit], .wpcf7-file) {
  width: min(600px, 100%);
  background: var(--l_beige);
  padding-block: 20px;
  padding-inline: 20px;
  border-bottom: 1px solid var(--main-color);
}
form input:not([type=radio]):not([type=submit], .wpcf7-file)::-moz-placeholder {
  color: var(--main-color);
}
form input:not([type=radio]):not([type=submit], .wpcf7-file)::placeholder {
  color: var(--main-color);
}
form input:not([type=radio]):not([type=submit], .wpcf7-file)[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
form .pp a {
  color: var(--main-color);
  text-decoration: underline;
}
form textarea {
  padding-block: 10px;
  padding-inline: 20px;
  width: 100%;
  background: var(--l_beige);
  border-bottom: 1px solid var(--main-color);
  min-height: 250px;
}
form textarea::-moz-placeholder {
  color: var(--main-color);
}
form textarea::placeholder {
  color: var(--main-color);
}
form .consent {
  margin-left: 10px;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  margin-top: var(--frm_cst-mt, 30px);
}
@media screen and (min-width: 992px) {
  form .consent {
    --frm_cst-mt: 80px;
  }
}
form .consent :where(strong, a) {
  text-decoration: underline;
}
form .consent .require {
  background-color: var(--main-color);
  color: white;
  width: 50px;
  text-align: center;
  font-size: 12px;
  line-height: 1.9047619048;
  position: relative;
  top: 2px;
  display: inline-block;
}

.c-formItemContentFiles {
  display: flex;
  align-items: center;
  height: 40px;
}

.c-formItemContentFiles input[type=file] {
  display: none;
}

.c-formItemContentFiles label {
  border: none;
  height: 40px;
  width: 140px;
  box-sizing: border-box;
  padding: 5px 10px;
  background: #2b2b2b;
  display: grid;
  place-content: center;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  transition: all 0.5s ease-out;
  margin-right: 8px;
}
.c-formItemContentFiles label span {
  color: inherit;
}

.c-formItemContentFiles label:hover {
  opacity: 0.7;
}

.c-formItemContentFiles__Clear {
  border: none;
  height: 30px;
  width: 50px;
  box-sizing: border-box;
  padding: 5px 5px;
  line-height: 1.3;
  background: #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  transition: all 0.5s ease-out;
  margin-right: 8px;
}

.c-formItemContentFiles__Clear:hover {
  opacity: 0.7;
}

.c-formItemContentFiles__txt {
  font-size: var(--file_txt-fs, 14px);
  line-height: 1.4;
  width: calc(100% - 196px);
  text-align: left;
}
@media screen and (min-width: 992px) {
  .c-formItemContentFiles__txt {
    --file_txt-fs: 16px;
  }
}

.c-formItemContentFilesItem input {
  background-color: transparent;
  border: 0;
  padding-inline: 0;
  font-size: 14px;
  outline: none;
}

.c-formItemContentFilesItem:nth-of-type(n + 2) {
  display: none;
  margin-top: 15px;
}

.c-formItemContentFilesAdd {
  text-align: center;
  margin: 10px 0 0 0;
  width: 170px;
  font-size: 14px;
  line-height: 1.3;
  background: #d8d8d8;
  padding: 8px 30px 8px 10px;
  cursor: pointer;
  position: relative;
}
.c-formItemContentFilesAdd span {
  font-size: 14px;
}

.c-formItemContentFilesAdd:before,
.c-formItemContentFilesAdd:after {
  content: "";
  display: block;
  background: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.c-formItemContentFilesAdd:before {
  height: 2px;
  width: 10px;
  right: 8px;
}

.c-formItemContentFilesAdd:after {
  height: 10px;
  width: 2px;
  right: 12px;
}

.c-formItemContent__caution {
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  margin-top: 5px;
}

.thanx_text {
  margin-top: 80px;
  text-align: center;
}
.thanx_text a {
  text-decoration: underline;
  color: var(--main-color);
}

.confirm {
  cursor: pointer;
  transition: opacity 0.5s ease;
}
.confirm:hover {
  opacity: 0.5;
}

form label:not(.form-check-label) {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

form input:not([type=submit], .wpcf7-file)[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

form input[type=radio] {
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.form_child + p {
  margin-block: clamp(30px, calc(8.6206896552px + 2.1551724138vw), 50px);
  text-align: center;
}
.form_child + p a {
  color: var(--main-color);
  text-decoration: underline;
}

.form_submit {
  margin-top: clamp(30px, calc(8.6206896552px + 2.1551724138vw), 50px);
  text-align: center;
}
.form_submit label {
  justify-content: center;
}
.form_submit p input[type=submit] {
  width: min(372px, 100%);
  height: var(--btn-h, 65px);
  border: 1px solid white;
  display: grid;
  grid-template-columns: 1fr 55px;
  align-items: center;
  background-color: var(--black);
  margin-inline: auto;
  text-align: center;
  color: white;
}
.form_submit a {
  color: var(--main-color);
  text-decoration: underline;
}

input[type=submit] {
  width: min(372px, 100%);
  height: var(--btn-h, 65px);
  border: 1px solid white;
  display: grid;
  grid-template-columns: 1fr 55px;
  align-items: center;
  background-color: var(--black);
  margin-inline: auto;
  text-align: center;
  color: white;
}

.sec {
  position: relative;
  overflow-x: hidden;
}

.animation_slide {
  visibility: hidden;
  transition: visibility 0.2s;
}
.animation_slide.js_end {
  justify-self: end;
}
.animation_slide.js_center {
  justify-self: center;
}
.animation_slide.active {
  visibility: visible;
}
@media (min-width: 992px) {
  .animation_slide.active {
    --as_p: 23px;
  }
}
.animation_slide.active.brown {
  --anime_txt_color: white;
  position: relative;
  display: inline-block;
  background-color: var(--main-color);
  padding: var(--as_p, 15px);
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  overflow: hidden;
}
.animation_slide.active.brown::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: white;
  -webkit-animation: slide-in 0.8s ease-in-out 0.5s forwards;
          animation: slide-in 0.8s ease-in-out 0.5s forwards;
}
.animation_slide.active.brown .text {
  position: relative;
  opacity: 0;
  -webkit-animation: fade-in 1.4s 1.2s forwards;
          animation: fade-in 1.4s 1.2s forwards;
  color: var(--anime_txt_color, initial);
}
.animation_slide.active.black {
  --anime_txt_color: white;
  position: relative;
  display: inline-block;
  background-color: black;
  padding: var(--as_p, 15px);
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  overflow: hidden;
}
.animation_slide.active.black::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: white;
  -webkit-animation: slide-in 0.8s ease-in-out 0.5s forwards;
          animation: slide-in 0.8s ease-in-out 0.5s forwards;
}
.animation_slide.active.black .text {
  position: relative;
  opacity: 0;
  -webkit-animation: fade-in 1.4s 1.2s forwards;
          animation: fade-in 1.4s 1.2s forwards;
  color: var(--anime_txt_color, initial);
}
.animation_slide.active.white {
  position: relative;
  display: inline-block;
  background-color: white;
  padding: var(--as_p, 15px);
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
  overflow: hidden;
}
.animation_slide.active.white::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: black;
  -webkit-animation: slide-in 0.8s ease-in-out 0.5s forwards;
          animation: slide-in 0.8s ease-in-out 0.5s forwards;
}
.animation_slide.active.white .text {
  position: relative;
  opacity: 0;
  -webkit-animation: fade-in 1.4s 1.2s forwards;
          animation: fade-in 1.4s 1.2s forwards;
  color: var(--anime_txt_color, initial);
}

.floating {
  padding: 15px 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: rgba(143, 141, 128, 0.7);
  display: var(--flg-d, grid);
  grid-template-columns: 41% 1fr;
  gap: 10px;
  z-index: 99;
}
@media screen and (min-width: 992px) {
  .floating {
    --flg-d: none;
  }
}
.floating > * {
  color: var(--main-color);
  background-color: white;
  border: 1px solid;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}
.floating > * span {
  font-size: 13px;
  font-weight: bold;
}

.categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.categories a {
  color: var(--main-color);
  padding: 5px 20px;
  border: 1px solid;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  background-color: white;
}
.categories a.active {
  background-color: var(--main-color);
  color: white;
  pointer-events: none;
}

.wrapper {
  margin-top: 50px;
}
.wrapper:not(.no_bg) > * + * {
  margin-top: 30px;
}
.wrapper.news:has(.category) {
  display: grid;
  grid-template-columns: var(--news-columns, 1fr);
  row-gap: 20px;
}
.wrapper.news a {
  background-color: white;
  padding: var(--nw_a-p, 15px 10px);
  display: grid;
  grid-template-columns: var(--nw_a-columns, 1fr);
  align-items: center;
  gap: 20px;
  border: 1px solid var(--main-color);
}
@media screen and (min-width: 992px) {
  .wrapper.news a {
    --nw_a-columns: auto 1fr;
    --nw_a-p: 25px;
  }
}
.wrapper.news a:has(.content) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.wrapper.news a:is(.no_bg *) {
  border-bottom: 1px solid var(--main-color);
}
.wrapper.news a .content {
  display: var(--content-d, flex);
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.wrapper.news a .date {
  width: var(--news_date-w, 100%);
  color: var(--main-color);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .wrapper.news a .date {
    --news_date-w: auto;
  }
}
.wrapper.news a .date:has(.category) {
  display: flex;
  gap: 20px;
  align-items: center;
}
.wrapper.news a .category {
  color: var(--main-color);
  padding: 5px 20px;
  border: 1px solid;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  background-color: var(--main-color);
  color: white;
}
.wrapper.news a .category:empty {
  background-color: initial;
}
.wrapper.sns .grid_sns {
  display: grid;
  grid-template-columns: var(--gs-columns, 1fr 1fr);
  justify-content: center;
  gap: 15px;
}
@media screen and (min-width: 576px) {
  .wrapper.sns .grid_sns {
    --gs-columns: repeat(auto-fit, minmax(min(200px, 100%), 285px));
  }
}
.wrapper.sns .grid_sns a img {
  aspect-ratio: 1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sec_breadcrumb {
  --w: 95%;
  margin-bottom: var(--sb-mb, 20px);
  overflow-x: var(--sec-breadcrumb-scroll, scroll);
  white-space: var(--sec-breadcrumb-wspace, nowrap);
}
.sec_breadcrumb nav {
  margin-top: calc(15px + 0.2604166667vw);
}
.sec_breadcrumb nav .breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-weight: 500;
}
.sec_breadcrumb nav .breadcrumb .breadcrumb-item a {
  color: var(--main-color);
  text-decoration: underline;
}
.sec_breadcrumb nav .breadcrumb .breadcrumb-item.active {
  --bs-breadcrumb-item-active-color: $black;
}
.sec_breadcrumb nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
  --bs-breadcrumb-item-padding-x: 8px;
}
.sec_breadcrumb nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  --bs-breadcrumb-divider: " ";
  --bs-breadcrumb-item-padding-x: 8px;
  width: 15px;
  height: 15px;
  position: relative;
  top: 8px;
  left: 6px;
  margin-right: 5px;
  border: solid var(--main-color);
  border-width: 1px 0 0 0;
  rotate: -60deg;
  margin-right: 5px;
}
@media screen and (min-width: 992px) {
  .sec_breadcrumb {
    --sec-breadcrumb-scroll: none;
    --sec-breadcrumb-wspace: wrap;
    --sb-mb: 30px;
  }
}
@media screen and (min-width: 992px) {
  .sec_breadcrumb + .sec {
    --sec-py: 0 100px;
  }
}
.sec_breadcrumb > nav {
  width: var(--sec-breadcrumb-nav-w, 135%);
}
@media screen and (min-width: 992px) {
  .sec_breadcrumb > nav {
    --sec-breadcrumb-nav-w: auto;
  }
}
.sec_breadcrumb .breadcrumb {
  flex-wrap: var(--sec-breadcrumb-flex-wrap, nowrap);
}
@media screen and (min-width: 992px) {
  .sec_breadcrumb .breadcrumb {
    --sec-breadcrumb-flex-wrap: wrap;
  }
}

.link_wrapper:is(.sec *) {
  --lm-is: min(360px, 85%);
}
.link_wrapper .link_more {
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  color: white;
  padding: 15px;
  inline-size: var(--lm-is, -webkit-fit-content);
  inline-size: var(--lm-is, -moz-fit-content);
  inline-size: var(--lm-is, fit-content);
  font-size: var(--lm-fs, 13px);
  border: 1px solid var(--black);
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .link_wrapper .link_more {
    --lm-fs: 18px;
  }
}
.link_wrapper .link_more.bg_blk {
  background-color: var(--black);
}
.link_wrapper .link_more strong {
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.link_wrapper .link_more span {
  width: 100px;
  height: 1px;
  background-color: currentColor;
  position: relative;
  transition: transform 0.3s;
  position: relative;
  z-index: 1;
}
.link_wrapper .link_more span::after {
  content: "";
  width: 1px;
  height: 8px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  right: 1px;
  rotate: -30deg;
}
.link_wrapper .link_more.from_slide_left {
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.link_wrapper .link_more.from_slide_left .text, .link_wrapper .link_more.from_slide_left .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.link_wrapper .link_more.from_slide_left .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .link_wrapper .link_more.from_slide_left .text {
    --fsl_txt-fs: 17px;
  }
}
.link_wrapper .link_more.from_slide_left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.link_wrapper .link_more.from_slide_left:hover {
  opacity: 1;
  color: var(--black);
}
.link_wrapper .link_more.from_slide_left:hover::before {
  background-color: #fff;
  transform-origin: left;
  transform: scaleX(1);
}
.link_wrapper .link_more.from_slide_left .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  background-color: #fff;
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .link_wrapper .link_more.from_slide_left .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.link_wrapper .link_more.from_slide_left .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .link_wrapper .link_more.from_slide_left .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}

.color_title {
  color: var(--main-color);
  margin-top: 15px;
  font-size: var(--ct-fs, 16px);
  font-weight: 600;
}
@media screen and (min-width: 992px) {
  .color_title {
    --ct-fs: 18px;
  }
}

.margin_child_1 > *:not(:last-child) {
  --mc_mb: calc(10px * 1 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_1 > *:not(:last-child) {
    --mc_mb: calc(10px * 1);
  }
}

.margin_child_2 > *:not(:last-child) {
  --mc_mb: calc(10px * 2 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_2 > *:not(:last-child) {
    --mc_mb: calc(10px * 2);
  }
}

.margin_child_3 > *:not(:last-child) {
  --mc_mb: calc(10px * 3 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_3 > *:not(:last-child) {
    --mc_mb: calc(10px * 3);
  }
}

.margin_child_4 > *:not(:last-child) {
  --mc_mb: calc(10px * 4 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_4 > *:not(:last-child) {
    --mc_mb: calc(10px * 4);
  }
}

.margin_child_5 > *:not(:last-child) {
  --mc_mb: calc(10px * 5 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_5 > *:not(:last-child) {
    --mc_mb: calc(10px * 5);
  }
}

.margin_child_6 > *:not(:last-child) {
  --mc_mb: calc(10px * 6 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_6 > *:not(:last-child) {
    --mc_mb: calc(10px * 6);
  }
}

.margin_child_7 > *:not(:last-child) {
  --mc_mb: calc(10px * 7 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_7 > *:not(:last-child) {
    --mc_mb: calc(10px * 7);
  }
}

.margin_child_8 > *:not(:last-child) {
  --mc_mb: calc(10px * 8 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_8 > *:not(:last-child) {
    --mc_mb: calc(10px * 8);
  }
}

.margin_child_9 > *:not(:last-child) {
  --mc_mb: calc(10px * 9 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_9 > *:not(:last-child) {
    --mc_mb: calc(10px * 9);
  }
}

.margin_child_10 > *:not(:last-child) {
  --mc_mb: calc(10px * 10 * .5);
  margin-bottom: var(--mc_mb);
}
@media screen and (min-width: 992px) {
  .margin_child_10 > *:not(:last-child) {
    --mc_mb: calc(10px * 10);
  }
}

.banner_link {
  margin-top: var(--bl_mt, 20px);
}
@media screen and (min-width: 992px) {
  .banner_link {
    --bl_mt: 50px;
  }
}
.banner_link a {
  display: block;
  width: min(900px, 100%);
  margin-inline: auto;
}
.banner_link img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: var(--bl_img-h, auto);
}
@media screen and (min-width: 992px) {
  .banner_link img {
    --bl_img-h: 200px;
  }
}

.tab_list {
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: var(--tl-clm, repeat(2, 1fr));
  gap: 1px;
  border: solid var(--main-color);
  border-width: 1px;
  width: calc(100% - 1px);
}
.tab_list:is(.recruit *, .works *) {
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  border: solid var(--main-color);
  border-width: 1px;
  width: calc(100% - 1px);
}
.tab_list:is(.recruit *, .works *) > * {
  border: 0;
}
.tab_list:is(.recruit *, .works *) > *:nth-child(1) {
  border-width: 0;
}
.tab_list:is(.recruit *, .works *):is(.works *) > :last-child {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .tab_list:is(.recruit *, .works *) {
    display: flex;
    background-color: unset;
    gap: 0;
    border: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-wrap: nowrap;
  }
  .tab_list:is(.recruit *, .works *) > * {
    border: solid var(--main-color);
    border-width: 1px 1px 1px 0;
  }
  .tab_list:is(.recruit *, .works *) > *:nth-child(1) {
    border-width: 1px;
  }
  .tab_list:is(.recruit *, .works *) > * button {
    padding-inline: 15px;
  }
}
@media screen and (min-width: 992px) {
  .tab_list {
    --tl-clm: repeat(5, 1fr);
    --tl_lst_chd_clm: span 1;
  }
}
.tab_list > :last-child:is(.home *, .faq *) {
  grid-column: var(--tl_lst_chd_clm, span 2);
}
.tab_list .nav-pills .nav-link.active, .tab_list .nav-pills .show > .nav-link,
.tab_list .nav-pills .nav-link {
  border-radius: 0;
}
.tab_list .nav-pills {
  --bs-nav-pills-border-radius: 0;
}
.tab_list .nav-pills .nav-link {
  --bs-nav-pills-border-radius: 0;
}
.tab_list .nav-item {
  background-color: white;
}
.tab_list .nav-link {
  width: 100%;
  height: 100%;
  background-color: white;
  text-align: center;
  padding-block: 15px;
  color: var(--main-color);
  font-size: 16px;
  padding-inline: 0;
}
.tab_list .nav-link.active {
  border-radius: 0;
  background-color: var(--main-color);
  color: white;
}

.page_links {
  --gap: 15px;
}
.page_links a {
  --lm-fs: 18px;
  --lm-is: 100%;
  position: relative;
  grid-template-rows: 70px;
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  color: white;
  padding: 15px;
  inline-size: var(--lm-is, -webkit-fit-content);
  inline-size: var(--lm-is, -moz-fit-content);
  inline-size: var(--lm-is, fit-content);
  font-size: var(--lm-fs, 13px);
  border: 1px solid var(--black);
  position: relative;
  z-index: 0;
  border: 0;
  padding-inline: clamp(15px, calc(-1.0344827586px + 1.6163793103vw), 30px);
}
@media screen and (min-width: 992px) {
  .page_links a {
    --lm-fs: 18px;
  }
}
.page_links a.bg_blk {
  background-color: var(--black);
}
.page_links a strong {
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.page_links a span {
  width: 100px;
  height: 1px;
  background-color: currentColor;
  position: relative;
  transition: transform 0.3s;
  position: relative;
  z-index: 1;
}
.page_links a span::after {
  content: "";
  width: 1px;
  height: 8px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  right: 1px;
  rotate: -30deg;
}
.page_links a.from_slide_left {
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.page_links a.from_slide_left .text, .page_links a.from_slide_left .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.page_links a.from_slide_left .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .page_links a.from_slide_left .text {
    --fsl_txt-fs: 17px;
  }
}
.page_links a.from_slide_left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.page_links a.from_slide_left:hover {
  opacity: 1;
  color: var(--black);
}
.page_links a.from_slide_left:hover::before {
  background-color: #fff;
  transform-origin: left;
  transform: scaleX(1);
}
.page_links a.from_slide_left .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  background-color: #fff;
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .page_links a.from_slide_left .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.page_links a.from_slide_left .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .page_links a.from_slide_left .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}
@media screen and (min-width: 992px) {
  .page_links a {
    --lm-fs: 24px;
  }
}
.page_links a::before {
  content: "";
  width: 80px;
  aspect-ratio: 1;
  background-image: url(../images/icon/crystal.svg);
  background-size: cover;
  background-position: center;
  position: absolute;
  left: 2%;
  top: 11%;
  rotate: 15deg;
  opacity: 0.6;
}

.maps_number {
  margin-top: var(--mn-mt, 25px);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .maps_number {
    --mn-mt: 50px;
  }
}
.maps_number > * {
  position: relative;
  background-color: var(--l_beige);
  padding: 20px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.maps_number > *::before {
  content: "";
  width: 40px;
  aspect-ratio: 1;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.maps_number > *:nth-child(-n+3) {
  grid-column: var(--mn_cld-3, span 6);
}
@media screen and (min-width: 992px) {
  .maps_number > *:nth-child(-n+3) {
    --mn_cld-3: span 2;
  }
}
.maps_number > *:nth-child(n+4) {
  grid-column: var(--mn_cld-4, span 6);
}
@media screen and (min-width: 992px) {
  .maps_number > *:nth-child(n+4) {
    --mn_cld-4: span 3;
  }
  .maps_number > *:nth-child(n+4):is(.ideal *) {
    --mn_cld-4: span 2;
  }
}
.maps_number > * .number {
  color: var(--main-color);
  font-size: 66px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 15px;
  right: 20px;
  opacity: 0.4;
}
.maps_number > * .mn_title {
  margin-top: 15px;
  font-size: 24px;
  color: var(--main-color);
}
.maps_number > * .mn_text {
  margin-top: 10px;
}
.maps_number > * .mn_text:is(.ideal *) {
  height: 100px;
}

.pages .sec {
  margin-bottom: var(--p_sec-mb, 50px);
}
@media screen and (min-width: 992px) {
  .pages .sec {
    --p_sec-mb: 100px;
  }
}
.pages .page_top_title {
  margin-block: var(--pt-mt, var(--sp-h) 50px);
  padding-top: var(--pt-pt, 40px);
}
@media screen and (min-width: 992px) {
  .pages .page_top_title {
    --pt-mt: var(--pc-h) 100px;
    --pt-pt: 80px;
  }
}
.pages .page_top_title hr {
  color: var(--main-color);
  opacity: 1;
}
.pages .page_top_inner {
  padding-inline: var(--pti-ps, calc(var(--sp-padding) * 0.5));
}
@media screen and (min-width: 992px) {
  .pages .page_top_inner {
    --pti-ps: 100px 0;
  }
}
.pages .page_top_img {
  position: relative;
}
.pages .page_top_img::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--l_beige);
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: -1;
}
.pages .page_top_img img {
  height: var(---pti-h, 45vw);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 992px) {
  .pages .page_top_img img {
    ---pti-h: 517px;
  }
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab_list {
    --tl-clm: repeat(6, 1fr);
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content {
  margin-top: var(--tc-mt, 30px);
  background-color: var(--l_beige);
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content {
    --tc-mt: 60px;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .top {
  padding-block: var(--tc_tp-py, 20px 10px);
  border-bottom: 1px solid var(--main-color);
  padding-inline: clamp(15px, calc(-11.724137931px + 2.6939655172vw), 40px);
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content .top {
    --tc_tp-py: 40px 15px;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .top h4 {
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
  font-weight: 500;
  color: var(--main-color);
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .top .types {
  margin-top: 15px;
  display: flex;
  gap: 5px 25px;
  flex-wrap: wrap;
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .top .types > :nth-child(n+2) {
  display: flex;
  gap: 10px;
  align-items: center;
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .top .types > :nth-child(n+2)::before {
  content: "";
  width: 1px;
  height: 15px;
  background-color: var(--main-color);
  rotate: 15deg;
  position: relative;
  top: 1px;
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom {
  padding-block: var(--tc_bm-py, 20px);
  padding-inline: clamp(15px, calc(-11.724137931px + 2.6939655172vw), 40px);
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom {
    --tc_bm-py: 30px;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom > :is(p, div) {
  margin-block: var(--btm_p-my, 20px);
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom > :is(p, div) {
    --btm_p-my: 30px 50px;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom > img {
  width: min(800px, 100%);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  aspect-ratio: 3/2;
  margin-bottom: var(--tc_bm-py, 20px);
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bb_title {
  display: flex;
  align-items: var(--st_ai, center);
  gap: 10px;
  font-size: clamp(20px, calc(15.724137931px + 0.4310344828vw), 24px);
  font-weight: 400;
  margin-bottom: 20px;
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bb_title::before {
  content: "";
  width: var(--st_bfr-w, 10px);
  aspect-ratio: 1;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
          clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bb_title::before {
    --st_bfr-w: 8px;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .grid_x2 > * {
  display: grid;
  grid-template-columns: var(--gx2_cld-clm, 1fr);
  gap: 20px;
  align-items: center;
  padding: 20px;
  background-color: white;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .grid_x2 > * {
    --gx2_cld-clm: 150px 1fr;
  }
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .grid_x2 > * img {
  aspect-ratio: 1;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  width: min(150px, 100%);
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .bb_right > :nth-child(1) {
  font-size: clamp(16px, calc(11.724137931px + 0.4310344828vw), 20px);
  font-weight: 500;
  color: var(--main-color);
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .bb_right > :nth-child(2) {
  margin-top: 10px;
}
.pages:is(.about, .works, .job, .recruit, .company) .tab-content .bottom .bottom_block .bb_right > :nth-child(3) {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

@media screen and (min-width: 992px) {
  .pages.company .tab_list {
    --tl-clm: repeat(7, 1fr);
  }
}

.table_list li {
  display: grid;
  grid-template-columns: var(--tl_li-clm, 1fr);
}
@media screen and (min-width: 992px) {
  .table_list li {
    --tl_li-clm: 200px 1fr;
  }
}
.table_list li > * {
  font-size: clamp(16px, calc(13.8620689655px + 0.2155172414vw), 18px);
  border-bottom: 2px solid lightgrey;
  padding-block: 20px;
}
.table_list li > :nth-child(1) {
  color: var(--main-color);
  position: relative;
  padding-inline: clamp(15px, calc(-11.724137931px + 2.6939655172vw), 40px);
}
.table_list li > :nth-child(1)::after {
  --br_h: 2px;
  content: "";
  position: absolute;
  bottom: calc(var(--br_h) * -1);
  left: 0;
  width: 100%;
  height: var(--br_h);
  background-color: currentColor;
  z-index: 2;
}
.table_list li > :nth-child(2) {
  padding-inline: clamp(15px, calc(4.3103448276px + 1.0775862069vw), 25px);
}
.table_list li a {
  text-decoration: underline;
}

.lists li {
  --st_ai: flex-start;
  display: flex;
  align-items: var(--st_ai, center);
  gap: 10px;
  font-size: clamp(20px, calc(15.724137931px + 0.4310344828vw), 24px);
  font-weight: 400;
  margin-bottom: 20px;
}
.lists li::before {
  content: "";
  width: var(--st_bfr-w, 10px);
  aspect-ratio: 1;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
          clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
@media screen and (min-width: 992px) {
  .lists li::before {
    --st_bfr-w: 8px;
  }
}
.lists li::before {
  margin-top: clamp(12px, calc(7.724137931px + 0.4310344828vw), 16px);
  flex-shrink: 0;
}
.lists.type_a {
  margin-left: clamp(10px, calc(-0.6896551724px + 1.0775862069vw), 20px);
}
.lists.type_a li {
  font-size: clamp(14px, calc(11.8620689655px + 0.2155172414vw), 16px);
  margin-bottom: 7px;
}
.lists.type_a li::before {
  --st_bfr-w: 5px;
}
@media screen and (min-width: 992px) {
  .lists.type_a li::before {
    --st_bfr-w: 5px;
  }
}
.lists.type_b li {
  font-size: clamp(16px, calc(13.8620689655px + 0.2155172414vw), 18px);
}
.lists.type_b li::before {
  margin-top: clamp(7px, calc(4.8620689655px + 0.2155172414vw), 9px);
}

.brand_top {
  margin-top: 60px;
  text-align: center;
}
.brand_top img {
  width: var(--bt_img-w, 250px);
}
@media screen and (min-width: 992px) {
  .brand_top img {
    --bt_img-w: min(380px, 100%);
  }
}
.brand_top p {
  margin-top: clamp(20px, calc(3.9655172414px + 1.6163793103vw), 35px);
}

.concept_bottom {
  margin-top: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  display: grid;
  grid-template-columns: var(--cb-clm, 1fr);
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .concept_bottom {
    --cb-clm: 1fr 1fr;
  }
}
.concept_bottom > * {
  display: grid;
  grid-template-columns: var(--cb_chd-clm, 1fr);
  gap: 10px;
  background-color: var(--l_beige);
}
@media screen and (min-width: 992px) {
  .concept_bottom > * {
    --cb_chd-clm: 1fr 180px;
  }
}
.concept_bottom > * .left {
  padding-block: 30px 20px;
  padding-inline: var(--cb_lft-px, 10px);
}
@media screen and (min-width: 992px) {
  .concept_bottom > * .left {
    --cb_lft-px: clamp(15px, calc(9.6551724138px + 0.5387931034vw), 20px) 0;
  }
}
.concept_bottom > * .left h4 {
  font-size: clamp(16px, calc(7.4482758621px + 0.8620689655vw), 24px);
  line-height: 1.5833333333;
  color: var(--main-color);
}
.concept_bottom > * .left p {
  margin-top: clamp(10px, calc(4.6551724138px + 0.5387931034vw), 15px);
}
.concept_bottom > * .right {
  overflow: hidden;
  width: 100%;
  max-height: 230px;
  height: 100%;
  padding-top: clamp(5px, calc(-5.6896551724px + 1.0775862069vw), 15px);
}
.concept_bottom > * .right img {
  width: min(180px, 100%);
  height: 100%;
  -o-object-position: top;
     object-position: top;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}

.character {
  margin-bottom: clamp(15px, calc(9.6551724138px + 0.5387931034vw), 20px);
}
.character img {
  width: min(600px, 100%);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}

.clinics_wrapper {
  display: grid;
  grid-template-columns: var(--cw-clm, 1fr);
  gap: 20px;
}
@media screen and (min-width: 992px) {
  .clinics_wrapper.recruit {
    --cw-clm: repeat(3, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .clinics_wrapper {
    --cw-clm: 1fr 1fr;
  }
}
.clinics_wrapper a {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.clinics_wrapper a img {
  width: var(--cw_a_img-w, 100%);
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  aspect-ratio: 59/32;
}
@media screen and (min-width: 992px) {
  .clinics_wrapper a img {
    --cw_a_img-w: min(590px, 100%);
  }
}
.clinics_wrapper a p {
  --lm-fs: 16px;
  background-color: var(--main-color);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  color: white;
  padding: 15px;
  inline-size: var(--lm-is, -webkit-fit-content);
  inline-size: var(--lm-is, -moz-fit-content);
  inline-size: var(--lm-is, fit-content);
  font-size: var(--lm-fs, 13px);
  border: 1px solid var(--black);
  position: relative;
  z-index: 0;
  background-color: var(--l_beige);
  color: initial;
  width: 100%;
  border: 0;
  padding: clamp(15px, calc(-1.0344827586px + 1.6163793103vw), 30px) clamp(15px, calc(9.6551724138px + 0.5387931034vw), 20px);
}
@media screen and (min-width: 992px) {
  .clinics_wrapper a p {
    --lm-fs: 18px;
  }
}
.clinics_wrapper a p.bg_blk {
  background-color: var(--black);
}
.clinics_wrapper a p strong {
  font-weight: 400;
  position: relative;
  z-index: 1;
}
.clinics_wrapper a p span {
  width: 100px;
  height: 1px;
  background-color: currentColor;
  position: relative;
  transition: transform 0.3s;
  position: relative;
  z-index: 1;
}
.clinics_wrapper a p span::after {
  content: "";
  width: 1px;
  height: 8px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  right: 1px;
  rotate: -30deg;
}
.clinics_wrapper a p.from_slide_left {
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.clinics_wrapper a p.from_slide_left .text, .clinics_wrapper a p.from_slide_left .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.clinics_wrapper a p.from_slide_left .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .clinics_wrapper a p.from_slide_left .text {
    --fsl_txt-fs: 17px;
  }
}
.clinics_wrapper a p.from_slide_left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.clinics_wrapper a p.from_slide_left:hover {
  opacity: 1;
  color: var(--black);
}
.clinics_wrapper a p.from_slide_left:hover::before {
  background-color: #fff;
  transform-origin: left;
  transform: scaleX(1);
}
.clinics_wrapper a p.from_slide_left .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  background-color: #fff;
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .clinics_wrapper a p.from_slide_left .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.clinics_wrapper a p.from_slide_left .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .clinics_wrapper a p.from_slide_left .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}
@media screen and (min-width: 992px) {
  .clinics_wrapper a p {
    --lm-fs: 24px;
  }
}
.clinics_wrapper a p span {
  color: var(--main-color);
}
.clinics_wrapper a .type {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--main-color);
  color: white;
  font-size: 16px;
  padding: 5px 10px;
  line-height: 1.3125;
}

.clinic_voice {
  margin-top: var(--cv-mt, 40px);
  padding-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  padding-inline: clamp(15px, calc(4.3103448276px + 1.0775862069vw), 25px);
  background-color: var(--l_beige);
}
@media screen and (min-width: 992px) {
  .clinic_voice {
    --cv-mt: 80px;
  }
}
.clinic_voice:has(.c_wrapper) {
  display: grid;
  grid-template-columns: var(--cw-clm, 1fr);
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .clinic_voice:has(.c_wrapper) {
    --cw-clm: 1fr 320px;
  }
}
.clinic_voice:has(.c_wrapper) > img {
  width: min(320px, 100%);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.clinic_voice:has(.c_wrapper) .chara {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--chr-clm, auto);
}
@media screen and (min-width: 992px) {
  .clinic_voice:has(.c_wrapper) .chara {
    --chr-clm: max-content;
  }
}
.clinic_voice:has(.c_wrapper) h4 {
  color: var(--main-color);
}
.clinic_voice:has(.c_wrapper) p {
  color: initial;
}
.clinic_voice .chara {
  display: flex;
  align-items: center;
}
.clinic_voice .chara .roppy {
  width: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.clinic_voice .chara div:has(p) p {
  margin-left: 20px;
  position: relative;
  background-color: var(--main-color);
  color: white;
  font-size: clamp(14px, calc(9.724137931px + 0.4310344828vw), 18px);
  padding-block: 13px 10px;
  padding-inline: 12px;
  border-radius: 5px;
  margin-top: 0;
}
.clinic_voice .chara div:has(p) p::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: -14px;
  width: 20px;
  height: 15px;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.clinic_voice .chara div:not(:has(p)) {
  margin-left: 20px;
  position: relative;
  background-color: var(--main-color);
  color: white;
  font-size: clamp(14px, calc(9.724137931px + 0.4310344828vw), 18px);
  padding-block: 13px 10px;
  padding-inline: 12px;
  border-radius: 5px;
}
.clinic_voice .chara div:not(:has(p))::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: -14px;
  width: 20px;
  height: 15px;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.clinic_voice h4 {
  margin-top: 20px;
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
  line-height: 1.5833333333;
  color: var(--main-color);
}
.clinic_voice p {
  margin-top: 15px;
}

.active_block {
  margin-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  background-color: white;
  padding-block: 20px;
  padding-inline: clamp(15px, calc(4.3103448276px + 1.0775862069vw), 25px);
}
.active_block .ab_top {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  gap: clamp(10px, calc(4.6551724138px + 0.5387931034vw), 15px);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--main-color);
}
.active_block .ab_top span {
  background-color: var(--main-color);
  color: white;
  padding-block: 10px;
  padding-inline: clamp(10px, calc(-0.6896551724px + 1.0775862069vw), 20px);
  line-height: 1.59375;
  font-size: clamp(14px, calc(11.8620689655px + 0.2155172414vw), 16px);
}
.active_block .ab_top p {
  font-size: clamp(14px, calc(7.5862068966px + 0.6465517241vw), 20px);
}
.active_block .ab_bottom {
  margin-top: 15px;
  color: var(--pink);
  line-height: 1.59375;
}

.i_lists {
  display: flex;
  gap: clamp(10px, calc(-0.6896551724px + 1.0775862069vw), 20px);
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.i_lists > *.active a {
  background-color: var(--main-color);
  color: white;
}
.i_lists > * a {
  display: block;
  color: var(--main-color);
  border: 1px solid;
  padding-block: clamp(10px, calc(4.6551724138px + 0.5387931034vw), 15px);
  padding-inline: clamp(10px, calc(-16.724137931px + 2.6939655172vw), 35px);
  font-size: clamp(14px, calc(11.8620689655px + 0.2155172414vw), 16px);
}

.cards_list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: var(--cl-clm, 1fr);
  gap: 20px 30px;
}
@media screen and (min-width: 992px) {
  .cards_list {
    --cl-clm: repeat(3, 1fr);
  }
}
.cards_list > * {
  position: relative;
  padding-block: 20px 25px;
  padding-inline: 20px;
  border: 1px solid var(--main-color);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 0;
}
.cards_list > * img {
  display: block;
  width: min(340px, 100%);
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  object-fit: cover;
  margin-inline: auto;
}
.cards_list > * ul {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  color: initial;
}
.cards_list > * ul > * {
  margin-top: 15px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3125;
}
.cards_list > * ul .cl_work {
  color: var(--main-color);
  letter-spacing: 0.1em;
}
.cards_list > * ul .cl_name {
  font-size: 14px;
  line-height: 1.3571428571;
}
.cards_list > * ul .cl_name span {
  margin-right: 10px;
}

.i_detail .i_top_images {
  position: relative;
}
.i_detail .i_top_images::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--l_beige);
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: -1;
}
.i_detail .i_top_images img {
  width: min(1200px, 100%);
  aspect-ratio: 12/7;
}
.i_detail :is(.staff_title, .news_title) {
  margin-top: var(--st-mt, 40px);
  display: flex;
  gap: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--main-color);
}
@media screen and (min-width: 992px) {
  .i_detail :is(.staff_title, .news_title) {
    --st-mt: 80px;
  }
}
.i_detail :is(.staff_title, .news_title) .s_work {
  color: var(--main-color);
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
}
.i_detail :is(.staff_title, .news_title) > div {
  display: flex;
  gap: 15px;
  align-items: center;
}
.i_detail :is(.staff_title, .news_title) .s_title {
  font-size: clamp(25px, calc(8.9655172414px + 1.6163793103vw), 40px);
  line-height: 1.375;
}

.i_career {
  margin-top: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  display: grid;
  grid-template-columns: var(--ic-clm, 1fr);
  color: var(--main-color);
  gap: var(--ic-gap, 20px);
}
@media screen and (min-width: 992px) {
  .i_career {
    --ic-gap: 0;
    --ic-clm: 310px 1fr;
  }
}
.i_career > p {
  font-size: clamp(16px, calc(11.724137931px + 0.4310344828vw), 20px);
}
.i_career ul > :nth-child(n+2) {
  margin-top: 15px;
}
.i_career ul li {
  display: grid;
  grid-template-columns: clamp(100px, calc(41.2068965517px + 5.9267241379vw), 155px) 1fr;
  padding-bottom: 15px;
  background-image: repeating-linear-gradient(to right, var(--main-color), var(--main-color) 2px, transparent 2px, transparent 4px);
  background-size: 100% 1px;
  background-position: bottom;
  background-repeat: no-repeat;
}
.i_career ul li > * {
  font-size: 14px;
  line-height: 1.4285714286;
}
.i_career ul li > :nth-child(1) {
  padding-left: 15px;
  color: var(--main-color);
}
.i_career ul li > :nth-child(2) {
  color: initial;
}

@media screen and (min-width: 992px) {
  .i_block_wrapper > *:nth-child(2n of .i_content) .i_inner {
    --ii-clm: 400px 1fr;
  }
  .i_block_wrapper > *:nth-child(2n of .i_content) .i_inner :where(img, figure) {
    grid-column: 1;
    grid-row: 1;
  }
}
.i_block_wrapper .i_content {
  margin-top: clamp(40px, calc(-2.7586206897px + 4.3103448276vw), 80px);
}
.i_block_wrapper .i_content > :where(img, figure) {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  width: min(600px, 100%);
  margin-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
.i_block_wrapper .i_content h4 {
  font-size: clamp(18px, calc(3.0344827586px + 1.5086206897vw), 32px);
  color: var(--main-color);
  letter-spacing: 0.04em;
  line-height: 1.59375;
  margin-bottom: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
.i_block_wrapper .i_content h5 {
  font-size: clamp(16px, calc(3.1724137931px + 1.2931034483vw), 28px);
  line-height: 1.6071428571;
  padding-block: 3px;
  padding-left: 10px;
  border-left: 2px solid var(--main-color);
  margin-bottom: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
.i_block_wrapper .i_content a {
  font-size: clamp(14px, calc(11.8620689655px + 0.2155172414vw), 16px);
  color: var(--main-color);
  line-height: 1.3125;
  text-decoration: underline;
  display: block;
  margin-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
.i_block_wrapper .i_content .i_inner {
  margin-top: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  display: grid;
  grid-template-columns: var(--ii-clm, 1fr);
  gap: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
@media screen and (min-width: 992px) {
  .i_block_wrapper .i_content .i_inner {
    --ii-clm: 1fr 400px;
  }
}
.i_block_wrapper .i_content .i_inner :where(img, figure) {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  width: min(400px, 100%);
}
.i_block_wrapper .i_content .i_inner p {
  line-height: 1.3125;
}

.e_flow {
  margin-top: var(--ef-mt, 30px);
  display: grid;
  grid-template-columns: var(--ef-clm, 1fr);
  grid-template-rows: var(--ef-row, auto);
}
@media screen and (min-width: 992px) {
  .e_flow {
    --ef-mt: 60px;
    --ef-row: 215px;
    --ef-clm: repeat(3, calc(33.33% - 12px));
  }
}
.e_flow > * {
  position: relative;
  padding-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  padding-inline: clamp(10px, calc(-0.6896551724px + 1.0775862069vw), 20px);
}
.e_flow > * h4 {
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
  line-height: 1.6041666667;
}
.e_flow > * p {
  margin-top: 10px;
}
.e_flow > :nth-child(n+2) {
  padding-top: var(--ef_chd-pt, 50px);
}
@media screen and (min-width: 992px) {
  .e_flow > :nth-child(n+2) {
    padding-left: 50px;
    --ef_chd-pt: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  }
}
.e_flow > :nth-child(1) {
  background-color: #EFE8D9;
}
.e_flow > :nth-child(1)::after {
  --size: 35px;
  content: "";
  position: absolute;
  right: unset;
  left: 0;
  bottom: calc(var(--size) * -1);
  width: 100%;
  height: var(--size);
  background-color: #EFE8D9;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .e_flow > :nth-child(1)::after {
    top: 0;
    width: var(--size);
    height: 100%;
    left: unset;
    right: calc(var(--size) * -1 + 1px);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
.e_flow > :nth-child(2) {
  background-color: #E9D5B2;
}
.e_flow > :nth-child(2)::after {
  --size: 35px;
  content: "";
  position: absolute;
  right: unset;
  left: 0;
  bottom: calc(var(--size) * -1);
  width: 100%;
  height: var(--size);
  background-color: #E9D5B2;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .e_flow > :nth-child(2)::after {
    top: 0;
    width: var(--size);
    height: 100%;
    left: unset;
    right: calc(var(--size) * -1 + 1px);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
.e_flow > :nth-child(3) {
  background-color: #E4D0A5;
}
.e_flow > :nth-child(3)::after {
  --size: 35px;
  content: "";
  position: absolute;
  right: unset;
  left: 0;
  bottom: calc(var(--size) * -1);
  width: 100%;
  height: var(--size);
  background-color: #E4D0A5;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .e_flow > :nth-child(3)::after {
    top: 0;
    width: var(--size);
    height: 100%;
    left: unset;
    right: calc(var(--size) * -1 + 1px);
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
            clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}

.e_program {
  position: relative;
  margin-top: var(--ep-mt, 60px);
  display: grid;
  grid-template-columns: var(--ep-clm, 1fr);
}
@media screen and (min-width: 992px) {
  .e_program {
    --ep-clm: 1fr 60px 1fr;
    --ep-mt: 30px;
  }
}
.e_program::before, .e_program::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 35px;
  height: 3px;
  background-color: var(--main-color);
  top: var(--crs_top, -35px);
}
@media screen and (min-width: 992px) {
  .e_program::before, .e_program::after {
    --crs_top: unset;
  }
}
.e_program::before {
  rotate: -45deg;
}
.e_program::after {
  rotate: 45deg;
}
.e_program .cross {
  width: 100%;
  height: var(--crs_size, 60px);
}
@media screen and (min-width: 992px) {
  .e_program .cross {
    --crs_size: 100%;
  }
}
.e_program .ep_content {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.e_program .ep_content .ep_top {
  background-color: var(--main-color);
  padding-block: 15px;
  text-align: center;
  color: white;
  font-size: clamp(16px, calc(7.4482758621px + 0.8620689655vw), 24px);
}
.e_program .ep_content .ep_middle {
  background-color: var(--l_beige);
  padding-block: clamp(20px, calc(14.6551724138px + 0.5387931034vw), 25px);
  padding-inline: clamp(15px, calc(9.6551724138px + 0.5387931034vw), 20px);
}
.e_program .ep_content .ep_middle li {
  --st_ai: flex-start;
  display: flex;
  align-items: var(--st_ai, center);
  gap: 10px;
  font-size: clamp(20px, calc(15.724137931px + 0.4310344828vw), 24px);
  font-weight: 400;
  margin-bottom: 20px;
  font-size: clamp(14px, calc(9.724137931px + 0.4310344828vw), 18px);
  margin-bottom: 15px;
}
.e_program .ep_content .ep_middle li::before {
  content: "";
  width: var(--st_bfr-w, 10px);
  aspect-ratio: 1;
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
          clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
}
@media screen and (min-width: 992px) {
  .e_program .ep_content .ep_middle li::before {
    --st_bfr-w: 8px;
  }
}
.e_program .ep_content .ep_middle li::before {
  margin-top: clamp(8px, calc(5.8620689655px + 0.2155172414vw), 10px);
}
.e_program .ep_content img {
  width: 100%;
  aspect-ratio: 57/38;
  -o-object-fit: cover;
     object-fit: cover;
}

.e_learning {
  display: grid;
  grid-template-columns: var(--el-clm, 1fr);
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .e_learning {
    --el-clm: repeat(3, 1fr);
  }
}
.e_learning > * {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.e_learning > * img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}
.e_learning h4 {
  margin-block: 25px 15px;
  text-align: center;
  color: var(--main-color);
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
}
.e_learning p {
  line-height: 1.3125;
}

.c_graph {
  margin-block: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
  text-align: center;
}

.b_box {
  --gap: 10px;
  --columns: 1fr 1fr;
  margin-top: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
@media screen and (min-width: 992px) {
  .b_box {
    --bb-rws: 175px 98px;
    --gap: 15px;
    --columns: repeat(3, 1fr);
  }
}
.b_box.grid_x3 {
  --columns: 1fr;
  grid-auto-rows: var(--bb-rws, 100px 30px 90px);
}
@media screen and (min-width: 992px) {
  .b_box.grid_x3 {
    --bb-rws: 165px 30px 100px;
    --gap: 15px;
    --columns: repeat(3, 1fr);
  }
}
.b_box.grid_x3 > * {
  grid-row: span 3;
}
.b_box.grid_x3 > * p {
  text-align: left;
  font-size: clamp(14px, calc(11.8620689655px + 0.2155172414vw), 16px);
}
.b_box.grid_x4 {
  grid-auto-rows: var(--bb-rws, 100px 65px);
}
@media screen and (min-width: 992px) {
  .b_box.grid_x4 {
    --bb-rws: 175px 98px;
    --gap: 15px;
    --columns: repeat(4, 1fr);
  }
}
.b_box.grid_x4 > * {
  grid-row: span 2;
}
.b_box > * {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background-color: var(--l_beige);
  padding-block: 30px;
  padding-inline: 15px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}
.b_box > * img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
  width: var(--bb_chd_img-w, 60px);
  aspect-ratio: 1;
}
@media screen and (min-width: 992px) {
  .b_box > * img {
    --bb_chd_img-w: min(146px, 100%);
  }
}
.b_box > * div {
  text-align: center;
  color: var(--main-color);
  font-size: clamp(18px, calc(11.5862068966px + 0.6465517241vw), 24px);
  line-height: 1.6041666667;
  margin-bottom: 13px;
}
.b_box > * p {
  font-size: clamp(14px, calc(3.3103448276px + 1.0775862069vw), 24px);
  text-align: center;
}
.b_box > * p span {
  font-size: clamp(12px, calc(7.724137931px + 0.4310344828vw), 16px);
}

.img_x3 {
  --gap: 15px;
  margin-bottom: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}

.w_top {
  display: grid;
  grid-template-columns: var(--wt-clm, 1fr);
  gap: 30px;
}
@media screen and (min-width: 992px) {
  .w_top {
    --wt-clm: 320px 1fr;
  }
}
.w_top img {
  width: min(320px, 1fr);
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  margin-inline: auto;
}

.j_flow {
  position: relative;
  display: grid;
  grid-template-columns: var(--jf-clm, 1fr);
  grid-auto-rows: var(--jf-row, 60px);
  gap: clamp(15px, calc(-1.0344827586px + 1.6163793103vw), 30px);
  margin-bottom: clamp(20px, calc(9.3103448276px + 1.0775862069vw), 30px);
}
@media screen and (min-width: 992px) {
  .j_flow {
    --jf-clm: repeat(5, 1fr);
    --jf-row: 120px;
  }
}
.j_flow::before {
  content: "";
  position: absolute;
  inset-block: var(--jf-iy, unset);
  inset-inline: var(--jf-ix, 0);
  margin: auto;
  width: var(--jf-w, 3px);
  height: var(--jf-h, 100%);
  background-color: var(--main-color);
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .j_flow::before {
    --jf-w: 100%;
    --jf-h: 3px;
    --jf-iy: 0;
    --jf-ix: unset;
  }
}
.j_flow > * {
  display: grid;
  place-content: center;
  background-color: var(--l_beige);
  font-size: clamp(16px, calc(12.7931034483px + 0.3232758621vw), 19px);
  line-height: 1.3684210526;
  text-align: center;
}

.faq_wrapper {
  margin-top: clamp(30px, calc(-2.0689655172px + 3.2327586207vw), 60px);
}
.faq_wrapper .faq_container {
  margin-block: clamp(20px, calc(-1.3793103448px + 2.1551724138vw), 40px) clamp(40px, calc(-2.7586206897px + 4.3103448276vw), 80px);
}

.pp .i_content > * {
  margin-block: 30px;
}
.pp .i_content .lists {
  margin-top: clamp(30px, calc(19.3103448276px + 1.0775862069vw), 40px);
}

.philosophy .sec_title.type_b {
  inline-size: auto;
}

.news .inner .category {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.news .inner .category > *.active a {
  background-color: var(--main-color);
  color: white;
}
.news .inner .category a {
  width: 100%;
  background-color: white;
  text-align: center;
  padding-block: var(--nws_ctg_a-py, 5px);
  padding-inline: 20px;
  color: var(--main-color);
  font-size: 16px;
  display: block;
  border: 1px solid;
}
@media screen and (min-width: 992px) {
  .news .inner .category a {
    --nws_ctg_a-py: 15px;
  }
}

.home .fv {
  width: 100%;
  height: var(--fv-h, 90dvh);
  background-color: lightgrey;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .home .fv {
    --fv-h: 100dvh;
  }
}
.home .home_top {
  margin-top: var(--ht-mt, 30px);
  position: relative;
  padding-block: var(--ht_l-py, 50px 170px);
  color: white;
  overflow: var(--ht-of, unset);
  background-color: var(--ht_bfr-bg, var(--main-color));
  z-index: 1;
}
.home .home_top::after {
  display: block;
  content: "";
  width: 100%;
  height: 30px;
  background-color: white;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .home .home_top {
    --ht_l-py: 105px 95px;
    --ht-mt: 75px;
    --ht-of: hidden;
    --ht_bfr-d: block;
    --ht_bfr-bg: transparent;
  }
}
.home .home_top::before {
  display: var(--ht_bfr-d, none);
  content: "";
  width: min(1280px, 100%);
  height: 700px;
  background-color: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.home .home_top .ht_ttl {
  font-size: var(--ht_ttl-fs, 20px);
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 1.375;
}
@media screen and (min-width: 992px) {
  .home .home_top .ht_ttl {
    --ht_ttl-fs: 40px;
  }
}
.home .home_top hr {
  margin-top: 20px;
  border-width: 2px;
  color: var(--l_beige);
  margin-inline: var(--ht_hr_mx, calc(var(--sp-padding) * -0.5));
  opacity: 1;
}
@media screen and (min-width: 992px) {
  .home .home_top hr {
    --ht_hr_mx: calc(50% - 50vw);
  }
}
.home .home_top .text_area {
  margin-top: var(--ta-mt, 20px);
}
@media screen and (min-width: 992px) {
  .home .home_top .text_area {
    --ta-mt: 35px;
  }
}
.home .home_top .text_area p {
  font-size: var(--ta_p-fs, 12px);
  font-weight: light;
  line-height: 1.6;
}
@media screen and (min-width: 992px) {
  .home .home_top .text_area p {
    --ta_p-fs: 16px;
  }
}
.home .home_top .left.top_left {
  position: absolute;
  width: 292px;
  height: 337px;
  top: var(--ht_l_i-top, -115px);
  left: var(--ht_l_i-left, -85px);
  pointer-events: none;
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .home .home_top .left.top_left {
    --ht_l_i-top: 0;
    --ht_l_i-left: 35px;
  }
}
.home .home_top .left .icon {
  position: absolute;
  width: 292px;
  height: 337px;
  top: var(--ht_l_i-top, -115px);
  left: var(--ht_l_i-left, -85px);
  pointer-events: none;
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .home .home_top .left .icon {
    --ht_l_i-top: 0;
    --ht_l_i-left: 35px;
  }
}
.home .home_top .right {
  position: absolute;
  right: 0;
  top: var(--ht_r-top, unset);
  bottom: var(--ht_r-btm, -85px);
}
@media screen and (min-width: 992px) {
  .home .home_top .right {
    --ht_r-top: 75px;
    --ht_r-btm: unset;
    --ht_r_img-w: 40vw;
  }
}
.home .home_top .right::before {
  position: absolute;
  top: var(--ht_r_bfr-pos, 6px);
  right: var(--ht_r_bfr-pos, 6px);
  content: "";
  width: var(--ht_r_img-w, 330px);
  aspect-ratio: 81/55;
  background-color: var(--l_beige);
  display: block;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .home .home_top .right::before {
    --ht_r_bfr-pos: 15px;
  }
}
.home .home_top .right img {
  display: block;
  width: var(--ht_r_img-w, 330px);
  aspect-ratio: 81/55;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
}
.home .group_wrapper {
  --ht_r-btm: 85px;
  margin-block: var(--gw-mt, calc(30px + var(--ht_r-btm)) 40px);
  position: relative;
}
@media screen and (min-width: 992px) {
  .home .group_wrapper {
    --gw-mt: 75px 90px;
    --gw_child-mt: 105px;
  }
}
.home .group_wrapper::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: var(--gw_bfr-h, 600px);
  background-color: var(--l_beige);
  -webkit-clip-path: polygon(0 var(--gw_bfr-cp_1y, 20%), 100% 0, 100% var(--gw_bfr-cp_3y, 80%), 0 100%);
          clip-path: polygon(0 var(--gw_bfr-cp_1y, 20%), 100% 0, 100% var(--gw_bfr-cp_3y, 80%), 0 100%);
}
@media screen and (min-width: 992px) {
  .home .group_wrapper::before {
    --gw_bfr-h: 1675px;
    --gw_bfr-cp_1y: 732px;
    --gw_bfr-cp_3y: 948px;
  }
}
.home .group_wrapper > * + * {
  margin-top: var(--gw_child-mt, 50px);
}
.home .philosophy .inner > * + * {
  margin-top: 30px;
}
.home .phy_wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: var(--pw-gtc, 1fr);
  justify-content: space-between;
  gap: var(--pw-gap, 30px);
}
@media screen and (min-width: 992px) {
  .home .phy_wrapper {
    --pw-gtc: repeat(3, 360px);
    --pw-gap: 0;
  }
}
.home .phy_wrapper > * {
  position: relative;
  width: var(--pw_child-w, 290px);
  height: auto;
  aspect-ratio: 6/7;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .home .phy_wrapper > * {
    --pw_child-w: min(360px, 100%);
  }
}
.home .phy_wrapper > * :is(img, figure) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 10px 10px 0px rgba(172, 137, 91, 0.5);
}
.home .phy_wrapper > * .pw_title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding-block: 20px 30px;
  padding-inline: 20px;
  background-image: linear-gradient(to top, rgba(67, 65, 61, 0.86) 5%, rgba(107, 107, 94, 0));
}
.home .phy_wrapper > * .pw_title span {
  text-transform: capitalize;
  font-size: var(--pt_spn-fs, 12px);
  line-height: 1.8;
}
@media screen and (min-width: 992px) {
  .home .phy_wrapper > * .pw_title span {
    --pt_spn-fs: 24px;
  }
}
.home .phy_wrapper > * .pw_title p {
  font-size: var(--pt_p-fs, 20px);
  line-height: 0.7;
}
@media screen and (min-width: 992px) {
  .home .phy_wrapper > * .pw_title p {
    --pt_p-fs: 40px;
  }
}
.home .performance {
  margin-top: var(--prf-mt, 50px);
}
@media screen and (min-width: 992px) {
  .home .performance {
    --prf-mt: 105px;
  }
}
.home .performance .prf_img_wrapper {
  margin-top: clamp(20px, calc(-1.3793103448px + 2.1551724138vw), 40px);
}
.home .performance .prf_wrapper {
  margin-top: 40px;
  display: grid;
  grid-template-columns: var(--pfr_w-clm, repeat(10, 1fr));
  gap: 13px;
  grid-auto-rows: var(--pfr_w-gar, 150px);
}
@media screen and (min-width: 992px) {
  .home .performance .prf_wrapper {
    --pfr_w-clm: repeat(3, 1fr);
    --pfr_w-gc: auto;
    --pfr_w-gar: 315px;
    --pfr_w_nt1-gc: 1 / 3;
  }
}
.home .performance .prf_wrapper > :nth-child(1) {
  grid-column: var(--pfr_w_nt1-gc, span 10);
}
.home .performance .prf_wrapper > :nth-child(n+2) {
  grid-column: var(--pfr_w-gc, initial);
}
@media (max-width: 991px) {
  .home .performance .prf_wrapper > :is(:nth-child(2), :nth-child(5)) {
    grid-column: span 6;
  }
  .home .performance .prf_wrapper > :is(:nth-child(3), :nth-child(4)) {
    grid-column: span 4;
  }
}
.home .performance .prf_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .work {
  position: relative;
  padding-block: var(--wrk-py, 50px);
  background-image: url(../images/top/bg.png);
}
.home .work::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(132, 123, 110, 0.8);
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 992px) {
  .home .work {
    --wrk-py: 110px 100px;
  }
}
.home .work .en_title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: var(--main-color);
  font-size: var(--ent-fs, 72px);
  font-family: var(--font_2);
  text-transform: uppercase;
  line-height: 0.87;
  pointer-events: none;
  z-index: 3;
}
@media screen and (min-width: 992px) {
  .home .work .en_title {
    --ent-fs: 144px;
  }
}
.home .work .work_wrapper {
  display: grid;
  grid-template-columns: var(--ww-clm, 1fr);
  gap: var(--ww-gap, 30px);
  z-index: 3;
  position: relative;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .home .work .work_wrapper {
    --ww-clm: 360px 1fr;
    --ww-gap: 65px;
  }
}
.home .work .work_wrapper .w_left {
  display: var(--wl-d, flex);
  justify-content: space-between;
  padding-inline: var(--wl-ps, calc(var(--sp-padding) * 0.5));
}
@media screen and (min-width: 992px) {
  .home .work .work_wrapper .w_left {
    --wl-px: 60px 0;
    --wl-d: block;
  }
}
.home .work .work_wrapper .w_left h3 {
  writing-mode: vertical-rl;
  color: white;
  font-size: var(--wl_h3-fs, 20px);
  line-height: 1.175;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 992px) {
  .home .work .work_wrapper .w_left h3 {
    --wl_h3-fs: 40px;
  }
}
.home .work .work_wrapper .w_left .link_wrapper {
  --lm-is: 100%;
  margin-top: var(--wl_lw-mt, 0);
  width: var(--wl_lw-w, min(280px, 100%));
}
@media screen and (min-width: 992px) {
  .home .work .work_wrapper .w_left .link_wrapper {
    --wl_lw-mt: 30px;
    --wl_lw-w: auto;
  }
}
.home .work .work_wrapper .w_right {
  overflow: hidden;
  padding-inline: var(--wr-ps, calc(var(--sp-padding) * 0.5) 0);
}
@media screen and (min-width: 992px) {
  .home .work .work_wrapper .w_right {
    --wr-px: 0;
  }
}
.home .teamwork {
  position: relative;
  padding-block: var(--wrk-py, 50px);
  background-color: var(--beige);
}
@media screen and (min-width: 992px) {
  .home .teamwork {
    --wrk-py: 110px 100px;
  }
}
.home .teamwork .en_title {
  position: absolute;
  left: 0;
  bottom: 0;
  color: var(--main-color);
  font-size: var(--ent-fs, 58px);
  font-family: var(--font_2);
  text-transform: uppercase;
  line-height: 0.87;
  pointer-events: none;
  z-index: 3;
  opacity: 62%;
}
@media screen and (min-width: 992px) {
  .home .teamwork .en_title {
    --ent-fs: 144px;
  }
}
.home .teamwork .work_wrapper {
  display: grid;
  grid-template-columns: var(--ww-clm, 1fr);
  gap: var(--ww-gap, 30px);
  z-index: 3;
  position: relative;
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .home .teamwork .work_wrapper {
    --ww-clm: 360px 1fr;
    --ww-gap: 65px;
  }
}
.home .teamwork .work_wrapper .w_left {
  display: var(--wl-d, flex);
  justify-content: space-between;
  padding-inline: var(--wl-ps, calc(var(--sp-padding) * 0.5));
}
@media screen and (min-width: 992px) {
  .home .teamwork .work_wrapper .w_left {
    --wl-px: 60px 0;
    --wl-d: block;
  }
}
.home .teamwork .work_wrapper .w_left h3 {
  writing-mode: vertical-rl;
  font-size: var(--wl_h3-fs, 20px);
  line-height: 1.175;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 992px) {
  .home .teamwork .work_wrapper .w_left h3 {
    --wl_h3-fs: 40px;
  }
}
.home .teamwork .work_wrapper .w_left .link_wrapper {
  --lm-is: 100%;
  margin-top: var(--wl_lw-mt, 0);
  width: var(--wl_lw-w, min(280px, 100%));
}
@media screen and (min-width: 992px) {
  .home .teamwork .work_wrapper .w_left .link_wrapper {
    --wl_lw-mt: 30px;
    --wl_lw-w: auto;
  }
}
.home .teamwork .work_wrapper .w_right {
  overflow: hidden;
  padding-inline: var(--wr-ps, calc(var(--sp-padding) * 0.5) 0);
}
@media screen and (min-width: 992px) {
  .home .teamwork .work_wrapper .w_right {
    --wr-px: 0;
  }
}
.home .environment {
  padding-block: 100px 70px;
}
.home .environment .inner {
  display: grid;
  grid-template-columns: var(--ei-clm, 1fr);
  align-items: center;
  gap: var(--ei-gap, 15px);
}
@media screen and (min-width: 992px) {
  .home .environment .inner {
    --ei-clm: 1fr 1fr;
    --ei-gap: 0;
  }
}
.home .environment .left .link_wrapper {
  margin-top: 30px;
}
.home .environment .left .link_wrapper > * + * {
  margin-top: 5px;
}
.home .environment .left .link_wrapper .link_more {
  --lm-is: 100%;
}
@media screen and (min-width: 992px) {
  .home .environment .left .link_wrapper .link_more {
    --lm-is: min(530px, 85%);
  }
}
.home .environment .right {
  position: relative;
}
.home .environment .right img {
  -o-object-fit: cover;
     object-fit: cover;
}
.home .environment .right .top {
  width: var(--ei_r_top-w, min(300px, 100%));
  position: relative;
}
@media screen and (min-width: 992px) {
  .home .environment .right .top {
    --ei_r_top-w: min(518px, 100%);
  }
}
.home .environment .right .top img {
  width: var(--ei_r_top-w, min(300px, 100%));
  position: relative;
}
@media screen and (min-width: 992px) {
  .home .environment .right .top img {
    --ei_r_top-w: min(518px, 100%);
  }
}
.home .environment .right .top::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--l_beige);
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: -1;
}
.home .environment .right .bottom {
  width: var(--ei_r_btm-w, min(170px, 100%));
  display: block;
  margin-left: var(--ei_r_btm-ms, 50%);
  margin-top: -12%;
  position: relative;
}
@media screen and (min-width: 992px) {
  .home .environment .right .bottom {
    --ei_r_btm-w: min(295px, 100%);
    --ei_r_btm-ms: auto;
  }
}
.home .entry {
  padding-block: 100px 50px;
}
.home .entry .inner {
  padding-block: 30px;
  border: solid var(--main-color);
  border-width: 1px 0 1px 0;
}
.home .entry .links {
  margin-top: 30px;
  display: grid;
  grid-template-columns: var(--ety_lnk-clm, 1fr);
  gap: 15px;
}
@media screen and (min-width: 992px) {
  .home .entry .links {
    --ety_lnk-clm: repeat(3, 1fr);
  }
}
.home .entry .links > p:has(a) a {
  display: block;
  font-size: var(--ety_lnk_chd-fs, 16px);
  font-weight: 300;
  padding-block: var(--ety_lnk_chd-py, 10px);
  text-align: center;
  color: var(--main-color);
  border: 2px solid;
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.home .entry .links > p:has(a) a .text, .home .entry .links > p:has(a) a .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.home .entry .links > p:has(a) a .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .home .entry .links > p:has(a) a .text {
    --fsl_txt-fs: 17px;
  }
}
.home .entry .links > p:has(a) a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.home .entry .links > p:has(a) a:hover {
  opacity: 1;
  color: white;
  border: 2px solid var(--main-color);
}
.home .entry .links > p:has(a) a:hover::before {
  background-color: var(--main-color);
  transform-origin: left;
  transform: scaleX(1);
}
.home .entry .links > p:has(a) a .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  border: 1px solid var(--black);
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .home .entry .links > p:has(a) a .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.home .entry .links > p:has(a) a .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .home .entry .links > p:has(a) a .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}
@media screen and (min-width: 992px) {
  .home .entry .links > p:has(a) a {
    --ety_lnk_chd-py: 20px;
    --ety_lnk_chd-fs: 20px;
    --ety_lnk_chd3-fs: 23px;
  }
}
.home .entry .links > p:has(a) a span {
  position: relative;
  z-index: 1;
}
.home .entry .links > *:not(p) {
  font-size: var(--ety_lnk_chd-fs, 16px);
  font-weight: 300;
  padding-block: var(--ety_lnk_chd-py, 10px);
  text-align: center;
  color: var(--main-color);
  border: 2px solid;
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.home .entry .links > *:not(p) .text, .home .entry .links > *:not(p) .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.home .entry .links > *:not(p) .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .home .entry .links > *:not(p) .text {
    --fsl_txt-fs: 17px;
  }
}
.home .entry .links > *:not(p)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.home .entry .links > *:not(p):hover {
  opacity: 1;
  color: white;
  border: 2px solid var(--main-color);
}
.home .entry .links > *:not(p):hover::before {
  background-color: var(--main-color);
  transform-origin: left;
  transform: scaleX(1);
}
.home .entry .links > *:not(p) .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  border: 1px solid var(--black);
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .home .entry .links > *:not(p) .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.home .entry .links > *:not(p) .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .home .entry .links > *:not(p) .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}
@media screen and (min-width: 992px) {
  .home .entry .links > *:not(p) {
    --ety_lnk_chd-py: 20px;
    --ety_lnk_chd-fs: 20px;
    --ety_lnk_chd3-fs: 23px;
  }
}
.home .entry .links > *:not(p):nth-child(3) {
  background-color: var(--main-color);
  color: white;
  font-size: var(--ety_lnk_chd3-fs, 18px);
  border: 2px solid var(--main-color);
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-out;
}
.home .entry .links > *:not(p):nth-child(3) .text, .home .entry .links > *:not(p):nth-child(3) .arrow {
  position: relative;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
}
.home .entry .links > *:not(p):nth-child(3) .text {
  justify-self: center;
  font-size: var(--fsl_txt-fs, 14px);
  font-weight: bold;
}
@media (min-width: 1620px) {
  .home .entry .links > *:not(p):nth-child(3) .text {
    --fsl_txt-fs: 17px;
  }
}
.home .entry .links > *:not(p):nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border 0.5s;
  transform: scaleX(0);
  transform-origin: right;
}
.home .entry .links > *:not(p):nth-child(3):hover {
  opacity: 1;
  color: var(--black);
}
.home .entry .links > *:not(p):nth-child(3):hover::before {
  background-color: #fff;
  transform-origin: left;
  transform: scaleX(1);
}
.home .entry .links > *:not(p):nth-child(3) .arrow {
  width: var(--arw-w, 15px);
  aspect-ratio: 1;
  position: absolute;
  right: var(--arw-r, -25px);
  background-color: #fff;
  border-radius: 50%;
  justify-self: end;
  display: grid;
  place-content: center;
}
@media (min-width: 992px) {
  .home .entry .links > *:not(p):nth-child(3) .arrow {
    --arw-w: 20px;
    --arw-r: -50px;
  }
}
.home .entry .links > *:not(p):nth-child(3) .arrow::after {
  content: "";
  display: block;
  width: var(--arw_a-w, 5px);
  height: var(--arw_a-h, 8px);
  background-color: var(--black);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: relative;
  left: 1px;
  transition: background-color 0.5s 0.2s;
}
@media (min-width: 992px) {
  .home .entry .links > *:not(p):nth-child(3) .arrow::after {
    --arw_a-w: 8px;
    --arw_a-h: 10px;
  }
}
.home .entry .links > *:not(p):nth-child(3):hover {
  color: var(--main-color);
}
.home .entry .links > *:not(p) span {
  position: relative;
  z-index: 1;
}
.home .faq {
  margin-block: 50px 150px;
}
.home .faq .inner > * + * {
  margin-top: 30px;
}
.home .faq .accordion .accordion-button {
  color: initial;
}
/*# sourceMappingURL=style.css.map */