.red {
  color: #f00;
}

.cat-services {
  background-color: #ff9600;
}

.cat-info {
  background-color: #3e2723;
}

.cat-news {
  background-color: #bcaaa4;
}

/* stylelint-disable scss/no-global-function-names */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  from {
    transform: translateX(3px) rotate(2deg);
  }
  50% {
    transform: translateX(-3px) rotate(-2deg);
  }
  to {
    transform: translateX(3px) rotate(2deg);
  }
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  padding: 0;
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

*:where(:not(html, body)) {
  line-height: calc(0.25rem + 1em + 0.25rem);
}
*:where(:not(html, body))::before, *:where(:not(html, body))::after {
  line-height: calc(0.25rem + 1em + 0.25rem);
}

*:where(:not(fieldset, progress, meter)) {
  background-repeat: no-repeat;
  background-origin: border-box;
  border-style: solid;
  border-width: 0;
}

*:where(:not(html, iframe, canvas, img, svg, video, svg *, symbol *)) {
  display: revert;
}

:where(html) {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizespeed;
  min-block-size: 100%;
  block-size: 100%;
  block-size: 100dvb;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

:where(img, svg, video, canvas, audio, iframe, embed, object, picture) {
  display: block;
}

:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: balance;
}

:where(h1, h2, h3, h4, button, input, label) {
  line-height: 1.1;
}

:where(img, svg, video, picture) {
  block-size: auto;
  width: 100%;
  max-inline-size: 100%;
}

:where(svg) {
  fill: currentcolor;
  stroke: none;
}

:where(svg):where(:not([fill])) {
  fill: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

h1 {
  font-size: 2em;
}

:where(ul, ol)[role=list],
:where(ul, ol, menu) {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

:where(:target) {
  scroll-margin-block: 5ex;
}

:where(a[href], area, summary, [tabindex]:not([tabindex*="-"])) {
  touch-action: manipulation;
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
    animation: none !important;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

:where(meter) {
  -webkit-appearance: revert;
     -moz-appearance: revert;
          appearance: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  overflow-wrap: break-word;
  line-break: after-white-space;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-feature-settings: "palt" 1;
}

:where(i, em, address, small) {
  font-style: normal;
}

:where(i) {
  display: inline-block;
}

:where(img, amp-img, picture, svg, video, canvas, iframe, object) {
  max-width: 100%;
  height: auto;
}

:where(picture) {
  display: block;
}

:where(img) {
  vertical-align: bottom;
  border-style: none;
}

:where(a img) {
  border-width: 0;
}

:where(a) {
  text-underline-offset: 0.2ex;
  background-color: transparent;
}
:where(a):link {
  text-decoration: none;
}
:where(a):focus {
  outline: none;
}

main {
  display: block;
}

:where(hr) {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  block-size: 0;
}

:where(pre) {
  font-family: monospace, monospace;
  font-size: 1em;
}

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: none;
}

:where(b, strong) {
  font-weight: bolder;
}

:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

:where(sub, sup) {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

:where(sub) {
  bottom: 0;
}

:where(sup) {
  top: -0.5em;
}

:where(details) {
  display: block;
}

:where(summary) {
  display: list-item;
}

:where(template) {
  display: none;
}

nav ul,
nav ol {
  list-style-type: none;
}

table {
  border-collapse: collapse;
}
table th,
table td {
  border-collapse: collapse;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #ccc;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  :where(figure) {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

::-moz-selection {
  text-shadow: none;
  background: #90caf9;
}

::selection {
  text-shadow: none;
  background: #90caf9;
}

.frame {
  position: absolute;
  top: 0;
  z-index: -1;
  height: 0;
  min-height: 0;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
.frame.is_active {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: 100svh;
  max-height: none;
  margin: 0 auto;
  visibility: visible;
  opacity: 1;
}

body {
  position: relative;
  font-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #6d4c41;
}
body.overflow-hidden {
  overflow: hidden;
}

.main {
  flex: 1 0 auto;
  width: 100%;
  height: 100%;
  margin-inline: auto;
  text-align: center;
}

.content {
  display: flex;
  flex-direction: column;
}
.content--form {
  background-color: #faf5f2;
}

.header-contact {
  display: none;
}
@media print {
  .header-contact {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .header-contact {
    display: flex;
    align-items: flex-start;
  }
}
.header-contact .contact-tel-wrapper {
  margin-right: 16px;
}
.header-contact .contact-tel-wrapper .biz-time {
  padding: 0 0 0 34px;
  text-align: left;
}
.header-contact .contact-btn-wrapper {
  margin-top: 0.5em;
}
.header-contact .contact-btn-wrapper .contact-btn {
  padding-right: 1em;
  padding-left: 1em;
}

.header-logo {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .header-logo {
    display: flex;
    align-items: center;
    margin: 0;
    text-align: left;
  }
  .simple .header-logo {
    margin-inline: auto;
    text-align: center;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
  }
}
.header-logo .logo-mark {
  display: block;
  vertical-align: top;
}
@media screen and (min-width: 600px) {
  .header-logo .logo-mark {
    margin-right: 10px;
  }
}
.header-logo .logo-mark img {
  display: none;
}
.header-logo .logo-text {
  display: none;
  vertical-align: middle;
}
@media screen and (min-width: 600px) {
  .header-logo .logo-text {
    display: block;
  }
}

.header {
  position: relative;
  flex: 0 0 auto;
  border-bottom: 1px solid #d6cdbf;
}
@media screen and (min-width: 768px) {
  .header {
    border-bottom-width: 0;
  }
}
.header-wrapper {
  max-width: 1280px;
  padding: 0.5rem 0;
  transition: transform 0.3s;
}
@media screen and (min-width: 600px) {
  .header-wrapper {
    padding: 1.5rem 0 1.5rem 2.5vw;
  }
}
@media screen and (min-width: 960px) {
  .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.5rem 2.5vw 1rem;
    margin: 0 auto;
    transition: none;
  }
}
@media screen and (min-width: 1440px) {
  .header-wrapper {
    padding: 1.5rem 0 1rem;
  }
}
@media print {
  .header-wrapper {
    padding: 16px 0;
  }
}
.header-wrapper.nav-is-visible {
  transform: translateX(-240px);
}
@media screen and (min-width: 960px) {
  .header-wrapper.nav-is-visible {
    transform: none;
  }
}

.header-subnav {
  width: 40%;
  max-width: 440px;
}
@media screen and (min-width: 1024px) {
  .header-subnav {
    width: 34.375%;
    width: calc(440 / 1280 * 100%);
  }
}
.header-subnav ul {
  display: flex;
  gap: 1px;
  justify-content: space-between;
  list-style-type: none;
  background-color: #fff;
}
.header-subnav ul li {
  flex: 1;
}
.header-subnav ul li a {
  font-size: 0.8125rem;
  padding: calc(8px - (1em * 1.4 - 1em) / 2) 0;
  line-height: 1.4;
  display: flex;
  gap: 0.8ch;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: #fffde7;
  text-align: center;
  background-color: #e68700;
}
.header-subnav ul li a:hover {
  background-color: #ff9600;
}
.header-subnav ul li.hsnav02 a {
  background-color: #449d48;
}
.header-subnav ul li.hsnav02 a:hover {
  background-color: #4caf50;
}
.header-subnav ul li.hsnav03 a {
  background-color: #5e35b1;
}
.header-subnav ul li.hsnav03 a:hover {
  background-color: #2a184f;
}
.header-subnav ul li.hsnav03 a::before {
  display: inline-block;
  font-family: "Material Icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: "liga";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  content: "file_download";
  font-size: 1rem;
  color: #ffb74d;
}

.header-topbar {
  display: none;
}
@media print {
  .header-topbar {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .header-topbar {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: #f0e6d5;
  }
}
.header-topbar-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.header-topbar .site-discription {
  display: none;
}
@media screen and (min-width: 960px) {
  .header-topbar .site-discription {
    font-size: 0.6875rem;
    padding: calc(8px - (1em * 1.4 - 1em) / 2) 0;
    line-height: 1.4;
    display: block;
    margin-left: 2.5%;
    font-weight: 400;
    color: #3e2723;
  }
}
@media screen and (min-width: 1440px) {
  .header-topbar .site-discription {
    margin-left: 0;
  }
}

@media only screen and (max-width: 959px) {
  body.nav-on-left.overflow-hidden {
    overflow: hidden;
  }
}

@media only screen and (max-width: 959px) {
  .cd-nav {
    opacity: 0;
    transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: opacity;
  }
}
@media only screen and (max-width: 959px) {
  .cd-nav.is_active {
    opacity: 1;
  }
}

.cd-main-header {
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  will-change: transform;
}
@media only screen and (min-width: 960px) {
  .cd-main-header {
    height: 80px;
  }
  .cd-main-header::after {
    display: table;
    clear: both;
    content: "";
  }
}
.nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.cd-main-content,
.cd-main-header {
  position: relative;
  transition: transform 0.3s;
}
@media only screen and (max-width: 959px) {
  .cd-main-content.nav-is-visible,
  .cd-main-header.nav-is-visible {
    transform: translateX(-240px);
  }
  .nav-on-left .cd-main-content.nav-is-visible,
  .nav-on-left .cd-main-header.nav-is-visible {
    transform: translateX(240px);
  }
}

.cd-main-content {
  z-index: 2;
}

.cd-header-buttons {
  position: absolute;
  width: 24px;
}
@media screen and (min-width: 600px) {
  .cd-header-buttons {
    width: 32px;
  }
}
@media only screen and (min-width: 960px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em;
  }
}
@media only screen and (max-width: 959px) {
  .cd-header-buttons li li {
    float: right;
  }
}

.cd-nav-trigger {
  position: relative;
  z-index: 3;
  display: block;
  height: 24px;
  overflow: hidden;
  /* hide text */
  color: transparent;
  white-space: nowrap;
}
@media screen and (min-width: 600px) {
  .cd-nav-trigger {
    height: 32px;
  }
}
@media only screen and (min-width: 960px) {
  .cd-nav-trigger {
    display: none;
  }
}
.cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 3px;
  background: #3e2723;
}
.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 0;
  right: 0;
  transition: background 0.3s 0.3s;
}
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  right: 0;
  /* other 2 lines */
  content: "";
  transition: transform 0.3s 0.3s;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  transform-origin: 0% 50%;
  backface-visibility: hidden;
}
.cd-nav-trigger span::before {
  /* menu icon top line */
  top: 6px;
}
@media screen and (min-width: 600px) {
  .cd-nav-trigger span::before {
    top: 7px;
  }
}
.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 12px;
}
@media screen and (min-width: 600px) {
  .cd-nav-trigger span::after {
    top: 14px;
  }
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(109, 76, 65, 0);
}
.cd-nav-trigger.nav-is-visible span::before,
.cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #6d4c41;
}
.cd-nav-trigger.nav-is-visible span::before {
  transform: translate(4px, -6px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  transform: translate(4px, 4px) rotate(-45deg);
}
@media screen and (min-width: 600px) {
  .cd-nav-trigger.nav-is-visible span::after {
    transform: translate(4px, 9px) rotate(-45deg);
  }
}

.cd-primary-nav,
.cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  width: 240px;
  height: 100%;
  overflow: auto;
  background-color: #262522;
  transition: transform 0.3s;
  /* Force Hardware Acceleration in WebKit */
  transform: translate3d(0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 960px) {
  .cd-primary-nav,
  .cd-primary-nav ul {
    right: auto;
    width: auto;
    background-color: transparent;
  }
}
.cd-primary-nav a,
.cd-primary-nav ul a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #33322e;
  transition: transform 0.3s, opacity 0.3s;
  transform: translateZ(0);
  will-change: transform, opacity;
}
.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  transform: translateX(100%);
}
.cd-primary-nav.moves-out > li > a,
.cd-primary-nav ul.moves-out > li > a {
  opacity: 0;
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  transform: translateX(-100%);
}

@media only screen and (max-width: 959px) {
  .nav-on-left .cd-primary-nav,
  .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }
}
.cd-primary-nav {
  /* different style for the See all button on mobile and tablet */
}
@media only screen and (max-width: 959px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    transition: visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    transition: visibility 0s 0s;
  }
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item,
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 959px) {
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    text-align: left;
  }
}

@media only screen and (min-width: 960px) {
  .cd-primary-nav {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav::after {
    display: table;
    clear: both;
    content: "";
  }
  .cd-primary-nav.moves-out > li > a {
    opacity: 1;
    /* reset mobile style */
    transform: translateX(0);
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    background: transparent;
  }
  .cd-primary-nav ul.is-hidden {
    /* reset mobile style */
    transform: translateX(0);
  }
  .cd-primary-nav ul.moves-out > li > a {
    opacity: 1;
    /* reset mobile style */
    transform: translateX(0);
  }
  .cd-primary-nav > li {
    margin-left: 3em;
  }
  .cd-primary-nav > li > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    overflow: visible;
    border-bottom-width: 0;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .cd-primary-nav > li > a.selected {
    color: #f0e6d5;
    background-color: #262522;
  }
  .cd-primary-nav .go-back,
  .cd-primary-nav .see-all {
    display: none;
  }
  .cd-primary-nav .cd-secondary-nav,
  .cd-primary-nav .cd-nav-gallery,
  .cd-primary-nav .cd-nav-icons {
    /* dropdown menu style */
    position: absolute;
    top: 48px;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    background: #262522;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    transition: opacity 0.3s 0s, visibility 0s 0s;
    transform: translateX(0);
  }
  .cd-primary-nav .cd-secondary-nav.is-hidden,
  .cd-primary-nav .cd-nav-gallery.is-hidden,
  .cd-primary-nav .cd-nav-icons.is-hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all,
  .cd-primary-nav .cd-nav-gallery > .see-all,
  .cd-primary-nav .cd-nav-icons > .see-all {
    position: absolute;
    bottom: 0;
    left: 0;
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    width: 100%;
    padding: 0;
    /* reset some inherited style */
    margin: 0;
    overflow: hidden;
  }
  .cd-primary-nav .cd-secondary-nav > .see-all a,
  .cd-primary-nav .cd-nav-gallery > .see-all a,
  .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #d6cdbf;
    /* reset some inherited style */
    border-bottom-width: 0;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    position: relative;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    text-align: center;
  }
}
.has-children > a,
.go-back a {
  position: relative;
}
@media only screen and (min-width: 960px) {
  .has-children > a::before, .has-children > a::after,
  .go-back a::before,
  .go-back a::after {
    background: #fdfcfb;
  }
}
.has-children > a::before, .has-children > a::after,
.go-back a::before,
.go-back a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  /* arrow icon in CSS - for element with nested unordered lists */
  content: "";
  background: #fdfcfb;
  backface-visibility: hidden;
}
.has-children > a::before,
.go-back a::before {
  transform: rotate(45deg);
}
.has-children > a::after,
.go-back a::after {
  transform: rotate(-45deg);
}

.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 960px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    background-color: #d2c5c1;
    transition: width 0.3s, transform 0.3s;
    transform-origin: 50% 50%;
    backface-visibility: hidden;
  }
  .cd-primary-nav > .has-children > a::before {
    right: 12px;
  }
  .cd-primary-nav > .has-children > a::after {
    right: 7px;
  }
  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px;
  }
  .cd-primary-nav > .has-children > a.selected::before {
    transform: translateX(5px) rotate(-45deg);
  }
  .cd-primary-nav > .has-children > a.selected::after {
    transform: rotate(45deg);
  }
  .cd-primary-nav .go-back a {
    padding-left: 20px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px;
  }
}
.cd-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  /* shadow layer visible when navigation is active */
  backface-visibility: hidden;
}
.cd-overlay.is-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 959px) {
  .cd-overlay.is-visible {
    transform: translateX(-240px);
  }
  .cd-overlay.is-visible.search-is-visible {
    transform: translateX(0);
  }
}

@media only screen and (max-width: 959px) {
  .nav-on-left .cd-overlay.is-visible {
    transform: translateX(240px);
  }
  .nav-on-left.is-visible.search-is-visible {
    transform: translateX(0);
  }
}
/* --------------------------------

support for no js

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  overflow: visible;
  visibility: visible;
}

.no-js .cd-search {
  position: relative;
  top: 0;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 960px) {
  .no-js .cd-primary-nav {
    position: absolute;
    top: 0;
    right: 150px;
    z-index: 3;
    display: inline-block;
    width: auto;
    padding: 0;
  }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}
.gnav-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}
@media print {
  .gnav-container {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .gnav-container {
    position: static;
    height: auto;
    background-color: #262522;
  }
}

.cd-main-header {
  width: 100%;
  max-width: 1280px;
  max-height: 48px;
  margin: 0 auto;
}
@media print {
  .cd-main-header {
    display: none;
  }
}
.cd-main-header .cd-nav {
  height: 100%;
}
.cd-main-header .cd-nav .cd-primary-nav {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
}
.cd-main-header .cd-nav .cd-primary-nav a.gnav-a {
  font-size: 0.875rem;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children {
  top: 0;
  box-sizing: border-box;
  width: 16.6666666667%;
  padding-left: 0;
  margin-left: 0;
}
@media screen and (min-width: 960px) {
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li,
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children {
    height: 48px;
  }
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.current,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children.current {
  background-color: #000;
  border-bottom: 3px solid #ffb74d;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.current a.gnav-a,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children.current a.gnav-a {
  font-weight: 700;
  color: #ffb74d;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.current .cd-nav-item:not(.is_current):hover,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children.current .cd-nav-item:not(.is_current):hover {
  cursor: pointer;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a {
  font-size: 0.875rem;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 2px 0 0;
  margin: auto;
  line-height: 48px;
  color: #f0e6d5;
  text-align: center;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a:hover,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a:hover {
  color: #ffb74d;
  background-color: #191816;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::before, .cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::after,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::before,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::after {
  margin-top: 2px;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::before,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::before {
  right: 46px;
}
@media screen and (min-width: 1200px) {
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::before,
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::before {
    right: 66px;
  }
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::after,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::after {
  right: 41px;
}
@media screen and (min-width: 1200px) {
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li a.gnav-a::after,
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children a.gnav-a::after {
    right: 61px;
  }
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li#nav01 a.gnav-a,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children#nav01 a.gnav-a {
  font-family: "Lato", sans-serif;
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li#nav02 a.gnav-a::before,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children#nav02 a.gnav-a::before {
  right: 36px;
}
@media screen and (min-width: 1200px) {
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li#nav02 a.gnav-a::before,
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children#nav02 a.gnav-a::before {
    right: 46px;
  }
}
.cd-main-header .cd-nav .cd-primary-nav .gnav-li#nav02 a.gnav-a::after,
.cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children#nav02 a.gnav-a::after {
  right: 31px;
}
@media screen and (min-width: 1200px) {
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li#nav02 a.gnav-a::after,
  .cd-main-header .cd-nav .cd-primary-nav .gnav-li.has-children#nav02 a.gnav-a::after {
    right: 41px;
  }
}
.cd-main-header .cd-nav .cd-primary-nav.moves-out .gnav-li.current,
.cd-main-header .cd-nav .cd-primary-nav.moves-out .gnav-li.has-children.current {
  background-color: transparent;
  border-bottom-width: 0;
}
.cd-main-header .cd-nav .cd-primary-nav.moves-out .gnav-li.current a,
.cd-main-header .cd-nav .cd-primary-nav.moves-out .gnav-li.has-children.current a {
  color: #f0e6d5;
}

.cd-primary-nav a {
  font-size: 0.875rem;
  height: 48px;
  padding-left: 8%;
  line-height: 48px;
  color: #faf5f2;
}
@media screen and (min-width: 960px) {
  .cd-primary-nav a {
    padding-right: 0;
    color: #f0e6d5;
  }
}

.cd-header-buttons {
  top: 1rem;
  right: 5vw;
}
@media screen and (min-width: 600px) {
  .cd-header-buttons {
    top: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .cd-header-buttons {
    top: auto;
    display: none;
  }
}
.cd-header-buttons .cd-nav-trigger {
  -webkit-tap-highlight-color: transparent;
}

.cd-nav-icons {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  max-width: 100vw;
  height: auto;
  padding: 0;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons {
    flex-flow: wrap row;
    justify-content: space-between;
    padding: 48px 12.5% 96px;
  }
  .gnav-cols-5 .cd-nav-icons {
    padding-right: 5%;
    padding-left: 5%;
  }
}
@media screen and (min-width: 960px) {
  .cd-nav-icons::after {
    display: none;
  }
}
.cd-nav-icons li {
  width: 100%;
  height: auto;
  padding: 0;
  text-align: left;
  background-color: #262522;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons li {
    width: 31.6666666667%;
    width: calc(304 / 960 * 100%);
    margin-bottom: 24px;
    text-align: center;
    background-color: #faf5f2;
    border: 1px solid #d6cdbf;
  }
  .gnav-cols-5 .cd-nav-icons li {
    width: 19%;
    margin-bottom: 1em;
  }
}
@media screen and (min-width: 960px) {
  .gnav-cols-3 .cd-nav-icons li:nth-child(3n):last-child {
    margin-right: auto;
  }
}
@media screen and (min-width: 960px) {
  .gnav-cols-5 .cd-nav-icons li:nth-child(5n):last-child {
    margin-right: 40.5%;
  }
}
@media screen and (min-width: 960px) {
  .gnav-cols-5 .cd-nav-icons li:nth-child(5n-1):last-child {
    margin-right: 60.75%;
  }
}
.cd-nav-icons li:hover {
  background-color: #262522;
}
.cd-nav-icons li .cd-nav-item {
  width: 100%;
  height: 48px;
  padding: 8px 0 0 8%;
  line-height: 1.2;
  vertical-align: middle;
  background-color: #262522;
  border-bottom: 1px solid #33322e;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons li .cd-nav-item {
    height: 100%;
    padding: 16px 0 8px;
    line-height: 1;
    background-color: #faf5f2;
    border-bottom-width: 0;
  }
}
.cd-nav-icons li .cd-nav-item h3 {
  font-size: 0.875rem;
  margin-top: 8px;
  font-weight: 700;
  color: #faf5f2;
  text-align: left;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons li .cd-nav-item h3 {
    font-size: 0.9375rem;
    margin-top: 8px;
    font-weight: normal;
    color: #6d4c41;
  }
}
.cd-nav-icons li .cd-nav-item h3::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  font-size: 0.75rem;
  margin-right: 8px;
  color: #f0e6d5;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons li .cd-nav-item h3::before {
    font-size: 0.875rem;
    margin-right: 4px;
    color: #ff9600;
  }
}
.cd-nav-icons li .cd-nav-item:hover, .cd-nav-icons li .cd-nav-item.is_current {
  background-color: #262522;
}
.cd-nav-icons li .cd-nav-item:hover h3, .cd-nav-icons li .cd-nav-item.is_current h3 {
  font-weight: 700;
  color: #faf5f2;
}
.cd-nav-icons li .cd-nav-item.is_current h3 {
  color: #ffb74d;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons li .cd-nav-item.is_current h3 {
    font-weight: 700;
  }
}
.cd-nav-icons .see-all {
  width: auto;
  max-width: none;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: normal;
  background-color: #262522;
  border-width: 0;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons .see-all {
    width: 100%;
    height: 64px;
  }
}
.cd-nav-icons .see-all a {
  font-size: 0.875rem;
  height: 48px;
  padding: 16px 0 0 8%;
  line-height: normal;
  color: #fff;
  border-top-width: 0;
}
@media screen and (min-width: 960px) {
  .cd-nav-icons .see-all a {
    font-size: 1.125rem;
    height: auto;
    padding: 0;
    line-height: 64px;
    border-top-width: 1px;
  }
}
.cd-nav-icons .see-all a .material-icons {
  font-size: 1.375rem;
  display: inline-block;
  padding-bottom: 0.2em;
  margin-right: 8px;
  vertical-align: middle;
}
.cd-nav-icons .see-all a:hover {
  color: #ef6c00;
  background-color: #000;
  border-color: #000;
}

.megamenu-icon {
  display: none;
}
@media screen and (min-width: 960px) {
  .megamenu-icon {
    display: block;
    text-align: center;
  }
}
.megamenu-icon i {
  font-size: 3rem;
  color: #ff9600;
}
.megamenu-icon i.icon-sup {
  font-size: 1.5rem;
  vertical-align: top;
}
.megamenu-icon span {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.megamenu-icon span img {
  display: none;
}
.megamenu-icon span.svgicons-logo_mark::before {
  margin: 13px auto 15px;
}

/*
.gnav-cols-3 {
  .cd-nav-icons {
    @include g.justify-content(flex-start);

    @include g.mqUp960 {
      @include g.justify-content(space-between);
    }

    li {
      margin-right: 0;
      width: 100%;

      @include g.mqUp960 {
        width: 32%;
      }

      &:nth-child(3n+3):last-child {
        @include g.mqUp960 {
          margin-right: auto;
          margin-left: 1.3333%;
        }
      }
    }

    .go-back {
      @include g.mqUp960 {
        margin-right: 0;
      }
    }

    .see-all {
      @include g.mqUp960 {
        width: 100%;
        margin-right: 0;
      }
    }

  }
}

.gnav-cols-5 {
  .cd-nav-icons {
    padding: 0;

    @include g.mqUp960 {
      @include g.justify-content(space-between);
      padding-right: 1%;
      padding-left: 1%;
    }

    @include g.mqUp1280 {
      padding: 48px 3.125% 96px;
    }

    li {
      margin-right: 0;
      width: 100%;

      @include g.mqUp960 {
        width: 18%;
      }

      &:nth-child(8),
      &:nth-child(13) {
        @include g.mqUp960 {
          margin-left: 2%;
        }
      }

      &:nth-child(5n+1):last-child {
        @include g.mqUp960 {
          margin-right: 18%;
        }
      }

      &:nth-child(5n+4):last-child {
        @include g.mqUp960 {
          margin-right: auto;
          margin-left: 2%;
        }
      }

      &:nth-child(10):last-child {
        @include g.mqUp960 {
          margin-right: 38%;
        }
      }

      .megamenu-icon {
        display: none;

        @include g.mqUp960 {
          display: block;
          line-height: 64px;
          vertical-align: middle;
        }
      }
    }



    .go-back {
      margin-right: 0;
    }

    .see-all {
      width: 100%;
      margin-right: 0;
    }
  }
}
*/
#nav05 .cd-nav-icons li .cd-nav-item {
  padding: 8px 0 0 8%;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #nav05 .cd-nav-icons li .cd-nav-item {
    padding-bottom: 14px;
    padding-left: 0;
    line-height: 32px;
  }
}
#nav05 .cd-nav-icons li.vt-list .cd-nav-item {
  line-height: 1;
}
#nav05 .cd-nav-icons li.vt-list .cd-nav-item h3::before {
  margin-top: 0.72em;
  vertical-align: top;
}
@media screen and (min-width: 960px) {
  #nav05 .cd-nav-icons li.vt-list .cd-nav-item h3::before {
    margin-top: 0.95em;
  }
}
#nav05 .cd-nav-icons li.vt-list .cd-nav-item h3 em {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.1em;
  font-weight: bold;
  color: #fb8c00;
}
@media screen and (min-width: 960px) {
  #nav05 .cd-nav-icons li.vt-list .cd-nav-item h3 em {
    font-size: 2rem;
  }
}

.go-back a {
  font-size: 0.9375rem;
  font-family: "Lato", sans-serif;
}

.section {
  padding: 2.5em 0;
  content-visibility: auto;
  contain-intrinsic-size: calc(2.5em + 480px);
  position: relative;
}
@media screen and (min-width: 600px) {
  .section {
    padding: 4em 0;
    contain-intrinsic-size: calc(4em + 640px);
  }
}
@media screen and (min-width: 960px) {
  .section {
    padding: 7.5em 0;
    contain-intrinsic-size: calc(7.5em + 800px);
  }
}
.section--nocv {
  content-visibility: visible;
}
.section--bgcolor {
  background-color: #faf5f2;
}
.section--bgcolor2 {
  background-color: #262522;
}
.section--bgcolor3 {
  background-color: #000;
}
.section--bgprimary {
  background-color: #ff9600;
}
.section--bgwhite {
  background-color: #fff;
}
.section--first {
  padding-top: 2.5em;
}
@media screen and (min-width: 600px) {
  .section--first {
    padding-top: 3.5em;
  }
}
@media screen and (min-width: 960px) {
  .section--first {
    padding-top: 5em;
  }
}
.section--top {
  padding-top: 2.5em;
  padding-bottom: 0;
}
@media screen and (min-width: 600px) {
  .section--top {
    padding-top: 4em;
  }
}
@media screen and (min-width: 960px) {
  .section--top {
    padding-top: 7.5em;
  }
}
.section--bottom {
  padding-top: 0;
  padding-bottom: 3em;
}
@media screen and (min-width: 600px) {
  .section--bottom {
    padding-bottom: 5em;
  }
}
@media screen and (min-width: 960px) {
  .section--bottom {
    padding-bottom: 7.5em;
  }
}
.section--not-top-spacer {
  padding-top: 0;
}
@media screen and (min-width: 600px) {
  .section--not-top-spacer {
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .section--not-top-spacer {
    padding-top: 0;
  }
}
.section--not-bottom-spacer {
  padding-bottom: 0;
}
@media screen and (min-width: 600px) {
  .section--not-bottom-spacer {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 960px) {
  .section--not-bottom-spacer {
    padding-bottom: 0;
  }
}
.section--aside {
  padding: 2em 0;
  content-visibility: auto;
  contain-intrinsic-size: calc(2em + 480px);
}
@media screen and (min-width: 600px) {
  .section--aside {
    padding: 3em 0;
    contain-intrinsic-size: calc(3em + 640px);
  }
}
@media screen and (min-width: 960px) {
  .section--aside {
    padding: 4em 0;
    contain-intrinsic-size: calc(4em + 800px);
  }
}
.section__footer {
  padding-top: 0;
}
@media screen and (min-width: 375px) {
  .section__footer {
    padding-top: 2.5em;
  }
}
@media screen and (min-width: 768px) {
  .section__footer {
    padding-top: 5em;
  }
}
@media screen and (min-width: 960px) {
  .section__footer {
    padding-top: 7.5em;
  }
}

.wrapper {
  width: 90vw;
  max-width: 1280px;
  margin-inline: auto;
}
@media print {
  .wrapper {
    width: 100%;
    max-width: 100%;
  }
}

.single-column {
  width: clamp(45ch, 90vw, 864px);
  max-width: 864px;
  margin-inline: auto;
}

.wrapper600 {
  width: clamp(45ch, 95%, 600px);
  margin-inline: auto;
}
.wrapper .wrapper600 {
  width: clamp(45ch, 100%, 40em);
}

.wrapper640 {
  width: 90vw;
  max-width: 40em;
  margin-inline: auto;
}
@media print {
  .wrapper640 {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .wrapper640 {
    width: 95%;
  }
}
.wrapper .wrapper640 {
  width: 100%;
}

.wrapper720 {
  width: 90vw;
  max-width: 45em;
  margin-inline: auto;
}
@media print {
  .wrapper720 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper720 {
  width: 100%;
}

.wrapper768 {
  width: 90vw;
  max-width: 48em;
  margin-inline: auto;
}
@media print {
  .wrapper768 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper768 {
  width: 100%;
}

.wrapper800 {
  width: 90vw;
  max-width: 50em;
  margin-inline: auto;
}
@media print {
  .wrapper800 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper800 {
  width: 100%;
}

.wrapper840 {
  width: 90vw;
  max-width: 52.5em;
  margin-inline: auto;
}
@media print {
  .wrapper840 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper840 {
  width: 100%;
}

.wrapper880 {
  width: 90vw;
  max-width: 55em;
  margin-inline: auto;
}
@media print {
  .wrapper880 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper880 {
  width: 100%;
}

.wrapper960 {
  width: 90vw;
  max-width: 60em;
  margin-inline: auto;
}
@media print {
  .wrapper960 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper960 {
  width: 100%;
}

.wrapper1024 {
  width: 90vw;
  max-width: 64em;
  margin-inline: auto;
}
@media print {
  .wrapper1024 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper1024 {
  width: 100%;
}

.wrapper1200 {
  width: 90vw;
  max-width: 75em;
  margin-inline: auto;
}
@media print {
  .wrapper1200 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper1200 {
  width: 100%;
}

.wrapper1280 {
  width: 90vw;
  max-width: 80em;
  margin-inline: auto;
}
@media print {
  .wrapper1280 {
    width: 100%;
    max-width: 100%;
  }
}

.wrapper1440 {
  width: 90vw;
  max-width: 90em;
  margin-inline: auto;
}
@media print {
  .wrapper1440 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper1440 {
  width: 100%;
}

.wrapper1520 {
  width: 90vw;
  max-width: 95em;
  margin-inline: auto;
}
@media print {
  .wrapper1520 {
    width: 100%;
    max-width: 100%;
  }
}
.wrapper .wrapper1520 {
  width: 100%;
}

a.btn-round--arrow-forward,
.btn-round--arrow-forward {
  position: relative;
}
.btn-round--arrow-forward::after {
  display: inline-block;
  font-family: "Material Icons";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: "liga";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  content: "arrow_forward";
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
@media screen and (min-width: 600px) {
  .btn-round--arrow-forward::after {
    right: 0;
  }
}
.btn-round--arrow-forward:hover::after {
  transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  animation: arrowMoveforward 1s 0s cubic-bezier(0.42, 0, 0.58, 1) forwards alternate;
  will-change: opacity, transform;
}
@keyframes arrowMoveforward {
  0% {
    opacity: 0.7;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(1rem);
  }
}

@keyframes arrowMoveback {
  0% {
    opacity: 0.7;
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    transform: translateX(-1rem);
  }
}

.btn-round--email span::before {
  content: "\f0e0";
  font-size: 1rem;
}

/*
%btn-icon--more {
  span {
    padding-right: .5em;
    padding-left: 0;
    font-family: g.$lato;
    text-transform: uppercase;

    &::before {
      content: '+';
      font-size: 2em;
      padding-right: .15em;
    }

    &::after {
      display: none;
    }
  }

}
*/
a.btn-round,
.btn-round {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid;
  min-width: 360px;
  border-radius: 360px;
  padding: calc(0.6em - (1em * 1.4 - 1em) / 2) 5%;
  line-height: 1.4;
}
a.btn-round span,
.btn-round span {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.8ch;
  align-items: center;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  padding-right: 0.8ch;
  margin-inline: auto;
  text-align: center;
  white-space: nowrap;
  transition: color 1s;
}
a.btn-round::before,
.btn-round::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transform: scale(0, 1.1);
  transform-origin: right top;
}
a.btn-round:hover,
.btn-round:hover {
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round:hover,
  .btn-round:hover {
    cursor: pointer;
  }
  a.btn-round:hover span,
  .btn-round:hover span {
    text-shadow: 0 0 0;
    transition: color 0.5s;
  }
  a.btn-round:hover::before,
  .btn-round:hover::before {
    transform: scale(1, 1.1);
    transform-origin: left top;
  }
}
a.btn-round:focus, a.btn-round:active,
.btn-round:focus,
.btn-round:active {
  outline: none;
}
a.btn-round span::before,
.btn-round span::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  width: auto;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
}
a.btn-round--primary,
.btn-round--primary {
  background-color: #ff9600;
  border-color: #ff9600;
}
a.btn-round--primary::before,
.btn-round--primary::before {
  background-color: #fff;
}
a.btn-round--primary span,
.btn-round--primary span {
  color: #fff;
}
a.btn-round--primary span::before, a.btn-round--primary span::after,
.btn-round--primary span::before,
.btn-round--primary span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--primary:hover span,
  .btn-round--primary:hover span {
    color: #ff9600;
  }
  a.btn-round--primary:hover span::before, a.btn-round--primary:hover span::after,
  .btn-round--primary:hover span::before,
  .btn-round--primary:hover span::after {
    color: #ff9600;
  }
  a.btn-round--primary:hover::after,
  .btn-round--primary:hover::after {
    color: #ff9600;
  }
}
a.btn-round--primary-ol,
.btn-round--primary-ol {
  background-color: #fff;
  border-color: #ff9600;
}
a.btn-round--primary-ol::before,
.btn-round--primary-ol::before {
  background-color: #ff9600;
}
a.btn-round--primary-ol span,
.btn-round--primary-ol span {
  color: #ff9600;
}
a.btn-round--primary-ol span::after,
.btn-round--primary-ol span::after {
  color: #ff9600;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--primary-ol:hover span,
  .btn-round--primary-ol:hover span {
    color: #fff;
  }
  a.btn-round--primary-ol:hover span::before, a.btn-round--primary-ol:hover span::after,
  .btn-round--primary-ol:hover span::before,
  .btn-round--primary-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--primary-ol:hover::after,
  .btn-round--primary-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--cta,
.btn-round--cta {
  background-color: #4caf50;
  border-color: #4caf50;
}
a.btn-round--cta::before,
.btn-round--cta::before {
  background-color: #fff;
}
a.btn-round--cta span,
.btn-round--cta span {
  color: #fff;
}
a.btn-round--cta span::before, a.btn-round--cta span::after,
.btn-round--cta span::before,
.btn-round--cta span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--cta:hover span,
  .btn-round--cta:hover span {
    color: #4caf50;
  }
  a.btn-round--cta:hover span::before, a.btn-round--cta:hover span::after,
  .btn-round--cta:hover span::before,
  .btn-round--cta:hover span::after {
    color: #4caf50;
  }
  a.btn-round--cta:hover::after,
  .btn-round--cta:hover::after {
    color: #4caf50;
  }
}
a.btn-round--cta-ol,
.btn-round--cta-ol {
  background-color: #fff;
  border-color: #4caf50;
}
a.btn-round--cta-ol::before,
.btn-round--cta-ol::before {
  background-color: #4caf50;
}
a.btn-round--cta-ol span,
.btn-round--cta-ol span {
  color: #4caf50;
}
a.btn-round--cta-ol span::after,
.btn-round--cta-ol span::after {
  color: #4caf50;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--cta-ol:hover span,
  .btn-round--cta-ol:hover span {
    color: #fff;
  }
  a.btn-round--cta-ol:hover span::before, a.btn-round--cta-ol:hover span::after,
  .btn-round--cta-ol:hover span::before,
  .btn-round--cta-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--cta-ol:hover::after,
  .btn-round--cta-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--point,
.btn-round--point {
  background-color: #5e35b1;
  border-color: #5e35b1;
}
a.btn-round--point::before,
.btn-round--point::before {
  background-color: #fff;
}
a.btn-round--point span,
.btn-round--point span {
  color: #fff;
}
a.btn-round--point span::before, a.btn-round--point span::after,
.btn-round--point span::before,
.btn-round--point span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--point:hover span,
  .btn-round--point:hover span {
    color: #5e35b1;
  }
  a.btn-round--point:hover span::before, a.btn-round--point:hover span::after,
  .btn-round--point:hover span::before,
  .btn-round--point:hover span::after {
    color: #5e35b1;
  }
  a.btn-round--point:hover::after,
  .btn-round--point:hover::after {
    color: #5e35b1;
  }
}
a.btn-round--point-ol,
.btn-round--point-ol {
  background-color: #fff;
  border-color: #5e35b1;
}
a.btn-round--point-ol::before,
.btn-round--point-ol::before {
  background-color: #5e35b1;
}
a.btn-round--point-ol span,
.btn-round--point-ol span {
  color: #5e35b1;
}
a.btn-round--point-ol span::after,
.btn-round--point-ol span::after {
  color: #5e35b1;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--point-ol:hover span,
  .btn-round--point-ol:hover span {
    color: #fff;
  }
  a.btn-round--point-ol:hover span::before, a.btn-round--point-ol:hover span::after,
  .btn-round--point-ol:hover span::before,
  .btn-round--point-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--point-ol:hover::after,
  .btn-round--point-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--bg5,
.btn-round--bg5 {
  background-color: #bcaaa4;
  border-color: #bcaaa4;
}
a.btn-round--bg5::before,
.btn-round--bg5::before {
  background-color: #fff;
}
a.btn-round--bg5 span,
.btn-round--bg5 span {
  color: #fff;
}
a.btn-round--bg5 span::before, a.btn-round--bg5 span::after,
.btn-round--bg5 span::before,
.btn-round--bg5 span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--bg5:hover span,
  .btn-round--bg5:hover span {
    color: #bcaaa4;
  }
  a.btn-round--bg5:hover span::before, a.btn-round--bg5:hover span::after,
  .btn-round--bg5:hover span::before,
  .btn-round--bg5:hover span::after {
    color: #bcaaa4;
  }
  a.btn-round--bg5:hover::after,
  .btn-round--bg5:hover::after {
    color: #bcaaa4;
  }
}
a.btn-round--bg5-ol,
.btn-round--bg5-ol {
  background-color: #fff;
  border-color: #bcaaa4;
}
a.btn-round--bg5-ol::before,
.btn-round--bg5-ol::before {
  background-color: #bcaaa4;
}
a.btn-round--bg5-ol span,
.btn-round--bg5-ol span {
  color: #bcaaa4;
}
a.btn-round--bg5-ol span::after,
.btn-round--bg5-ol span::after {
  color: #bcaaa4;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--bg5-ol:hover span,
  .btn-round--bg5-ol:hover span {
    color: #fff;
  }
  a.btn-round--bg5-ol:hover span::before, a.btn-round--bg5-ol:hover span::after,
  .btn-round--bg5-ol:hover span::before,
  .btn-round--bg5-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--bg5-ol:hover::after,
  .btn-round--bg5-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--text,
.btn-round--text {
  background-color: #8d6e63;
  border-color: #8d6e63;
}
a.btn-round--text::before,
.btn-round--text::before {
  background-color: #fff;
}
a.btn-round--text span,
.btn-round--text span {
  color: #fff;
}
a.btn-round--text span::before, a.btn-round--text span::after,
.btn-round--text span::before,
.btn-round--text span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--text:hover span,
  .btn-round--text:hover span {
    color: #8d6e63;
  }
  a.btn-round--text:hover span::before, a.btn-round--text:hover span::after,
  .btn-round--text:hover span::before,
  .btn-round--text:hover span::after {
    color: #8d6e63;
  }
  a.btn-round--text:hover::after,
  .btn-round--text:hover::after {
    color: #8d6e63;
  }
}
a.btn-round--text-ol,
.btn-round--text-ol {
  background-color: #fff;
  border-color: #8d6e63;
}
a.btn-round--text-ol::before,
.btn-round--text-ol::before {
  background-color: #8d6e63;
}
a.btn-round--text-ol span,
.btn-round--text-ol span {
  color: #8d6e63;
}
a.btn-round--text-ol span::after,
.btn-round--text-ol span::after {
  color: #8d6e63;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--text-ol:hover span,
  .btn-round--text-ol:hover span {
    color: #fff;
  }
  a.btn-round--text-ol:hover span::before, a.btn-round--text-ol:hover span::after,
  .btn-round--text-ol:hover span::before,
  .btn-round--text-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--text-ol:hover::after,
  .btn-round--text-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--grey,
.btn-round--grey {
  background-color: #d6cdbf;
  border-color: #d6cdbf;
}
a.btn-round--grey::before,
.btn-round--grey::before {
  background-color: #fff;
}
a.btn-round--grey span,
.btn-round--grey span {
  color: #fff;
}
a.btn-round--grey span::before, a.btn-round--grey span::after,
.btn-round--grey span::before,
.btn-round--grey span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--grey:hover span,
  .btn-round--grey:hover span {
    color: #d6cdbf;
  }
  a.btn-round--grey:hover span::before, a.btn-round--grey:hover span::after,
  .btn-round--grey:hover span::before,
  .btn-round--grey:hover span::after {
    color: #d6cdbf;
  }
  a.btn-round--grey:hover::after,
  .btn-round--grey:hover::after {
    color: #d6cdbf;
  }
}
a.btn-round--grey-ol,
.btn-round--grey-ol {
  background-color: #fff;
  border-color: #d6cdbf;
}
a.btn-round--grey-ol::before,
.btn-round--grey-ol::before {
  background-color: #d6cdbf;
}
a.btn-round--grey-ol span,
.btn-round--grey-ol span {
  color: #d6cdbf;
}
a.btn-round--grey-ol span::after,
.btn-round--grey-ol span::after {
  color: #d6cdbf;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--grey-ol:hover span,
  .btn-round--grey-ol:hover span {
    color: #fff;
  }
  a.btn-round--grey-ol:hover span::before, a.btn-round--grey-ol:hover span::after,
  .btn-round--grey-ol:hover span::before,
  .btn-round--grey-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--grey-ol:hover::after,
  .btn-round--grey-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--blue,
.btn-round--blue {
  background-color: #03a9f4;
  border-color: #03a9f4;
}
a.btn-round--blue::before,
.btn-round--blue::before {
  background-color: #fff;
}
a.btn-round--blue span,
.btn-round--blue span {
  color: #fff;
}
a.btn-round--blue span::before, a.btn-round--blue span::after,
.btn-round--blue span::before,
.btn-round--blue span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--blue:hover span,
  .btn-round--blue:hover span {
    color: #03a9f4;
  }
  a.btn-round--blue:hover span::before, a.btn-round--blue:hover span::after,
  .btn-round--blue:hover span::before,
  .btn-round--blue:hover span::after {
    color: #03a9f4;
  }
  a.btn-round--blue:hover::after,
  .btn-round--blue:hover::after {
    color: #03a9f4;
  }
}
a.btn-round--blue-ol,
.btn-round--blue-ol {
  background-color: #fff;
  border-color: #03a9f4;
}
a.btn-round--blue-ol::before,
.btn-round--blue-ol::before {
  background-color: #03a9f4;
}
a.btn-round--blue-ol span,
.btn-round--blue-ol span {
  color: #03a9f4;
}
a.btn-round--blue-ol span::after,
.btn-round--blue-ol span::after {
  color: #03a9f4;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--blue-ol:hover span,
  .btn-round--blue-ol:hover span {
    color: #fff;
  }
  a.btn-round--blue-ol:hover span::before, a.btn-round--blue-ol:hover span::after,
  .btn-round--blue-ol:hover span::before,
  .btn-round--blue-ol:hover span::after {
    color: #fff;
  }
  a.btn-round--blue-ol:hover::after,
  .btn-round--blue-ol:hover::after {
    color: #fff;
  }
}
a.btn-round--disable,
.btn-round--disable {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
  color: #e0e0e0;
  cursor: not-allowed;
}
a.btn-round--disable span,
.btn-round--disable span {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.8ch;
  align-items: center;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  padding-right: 0.8ch;
  margin-inline: auto;
  text-align: center;
  white-space: nowrap;
  transition: color 1s;
}
a.btn-round--disable::before,
.btn-round--disable::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transform: scale(0, 1.1);
  transform-origin: right top;
}
a.btn-round--disable:hover,
.btn-round--disable:hover {
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--disable:hover,
  .btn-round--disable:hover {
    cursor: pointer;
  }
  a.btn-round--disable:hover span,
  .btn-round--disable:hover span {
    text-shadow: 0 0 0;
    transition: color 0.5s;
  }
  a.btn-round--disable:hover::before,
  .btn-round--disable:hover::before {
    transform: scale(1, 1.1);
    transform-origin: left top;
  }
}
a.btn-round--disable:focus, a.btn-round--disable:active,
.btn-round--disable:focus,
.btn-round--disable:active {
  outline: none;
}
a.btn-round--disable span::before,
.btn-round--disable span::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  width: auto;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
}
a.btn-round--disable::before,
.btn-round--disable::before {
  background-color: #e0e0e0;
}
a.btn-round--disable span,
.btn-round--disable span {
  color: #e0e0e0;
}
a.btn-round--disable span::before, a.btn-round--disable span::after,
.btn-round--disable span::before,
.btn-round--disable span::after {
  color: #e0e0e0;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--disable:hover span,
  .btn-round--disable:hover span {
    color: #9e9e9e;
  }
  a.btn-round--disable:hover span::before, a.btn-round--disable:hover span::after,
  .btn-round--disable:hover span::before,
  .btn-round--disable:hover span::after {
    color: #9e9e9e;
  }
  a.btn-round--disable:hover::after,
  .btn-round--disable:hover::after {
    color: #9e9e9e;
  }
}
a.btn-round--disable::before, a.btn-round--disable::after,
.btn-round--disable::before,
.btn-round--disable::after {
  display: none;
}
a.btn-round--disable span,
.btn-round--disable span {
  text-shadow: 0 0 0;
}
a.btn-round--disable span::before, a.btn-round--disable span::after,
.btn-round--disable span::before,
.btn-round--disable span::after {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  a.btn-round--disable:hover,
  .btn-round--disable:hover {
    cursor: not-allowed;
  }
  a.btn-round--disable:hover span,
  .btn-round--disable:hover span {
    color: #e0e0e0;
  }
}
.contact-tel-wrapper .contact-tel {
  font-size: 2rem;
  display: flex;
  align-items: center;
  font-family: "Lato", sans-serif;
  color: #795548;
}
.footer-contactbox .contact-tel-wrapper .contact-tel {
  justify-content: center;
  margin-top: 0.5em;
}
.contact-tel-wrapper .contact-tel::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f095";
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  overflow: hidden;
  text-align: center;
  border: 0 solid #8d6e63;
  border-radius: 50%;
  inline-size: 24px;
  margin-right: 0.5em;
  color: #fffde7;
  vertical-align: middle;
  background-color: #ff9600;
}
@media screen and (min-width: 360px) {
  .contact-tel-wrapper .contact-tel::before {
    font-size: 1rem;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }
}
.contact-tel-wrapper .contact-tel span {
  padding-right: 0.5em;
  white-space: nowrap;
}
.contact-tel-wrapper .biz-time {
  color: #8d6e63;
}
.contact-tel-wrapper .biz-time .biz-timeband {
  font-size: 0.8125rem;
  display: inline-block;
  margin-right: 8px;
  font-family: "Lato", sans-serif;
  color: #8d6e63;
}
.contact-tel-wrapper .biz-time .biz-timeband::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  content: "\f017";
  font-size: 0.875rem;
  margin-right: 3px;
  color: #ff9600;
}
.contact-tel-wrapper .biz-time .biz-days {
  font-size: 0.6875rem;
}

.contact-btn-wrapper .contact-btn {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid;
  min-width: 136px;
  border-radius: 136px;
  background-color: #ff9600;
  border-color: #ff9600;
  padding: calc(0.8rem - (1em * 1.4 - 1em) / 2) 2rem;
  line-height: 1.4;
}
.contact-btn-wrapper .contact-btn span {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.8ch;
  align-items: center;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  padding-right: 0.8ch;
  margin-inline: auto;
  text-align: center;
  white-space: nowrap;
  transition: color 1s;
}
.contact-btn-wrapper .contact-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transform: scale(0, 1.1);
  transform-origin: right top;
}
.contact-btn-wrapper .contact-btn:hover {
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  .contact-btn-wrapper .contact-btn:hover {
    cursor: pointer;
  }
  .contact-btn-wrapper .contact-btn:hover span {
    text-shadow: 0 0 0;
    transition: color 0.5s;
  }
  .contact-btn-wrapper .contact-btn:hover::before {
    transform: scale(1, 1.1);
    transform-origin: left top;
  }
}
.contact-btn-wrapper .contact-btn:focus, .contact-btn-wrapper .contact-btn:active {
  outline: none;
}
.contact-btn-wrapper .contact-btn span::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  width: auto;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
}
.contact-btn-wrapper .contact-btn::before {
  background-color: #fffde7;
}
.contact-btn-wrapper .contact-btn span {
  color: #fffde7;
}
.contact-btn-wrapper .contact-btn span::before, .contact-btn-wrapper .contact-btn span::after {
  color: #fffde7;
}
@media (hover: hover) and (pointer: fine) {
  .contact-btn-wrapper .contact-btn:hover span {
    color: #ff9600;
  }
  .contact-btn-wrapper .contact-btn:hover span::before, .contact-btn-wrapper .contact-btn:hover span::after {
    color: #ff9600;
  }
  .contact-btn-wrapper .contact-btn:hover::after {
    color: #ff9600;
  }
}
.contact-btn-wrapper .contact-btn span::before {
  content: "\f0e0";
  font-size: 1.0625rem;
}
.contact-btn-wrapper .contact-btn span em {
  font-size: 0.875rem;
  font-weight: 700;
}

.slide__container {
  width: 100%;
}

.slick-slider {
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .slick-slider {
    margin-bottom: 32px;
  }
}

.slick-slide {
  width: 100%;
  max-width: 1280px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .slick-slide {
    aspect-ratio: 4/3;
  }
}
@media screen and (min-width: 744px) {
  .slick-slide {
    aspect-ratio: 16/9;
  }
}
@media screen and (min-width: 1280px) {
  .slick-slide {
    aspect-ratio: 16/5;
  }
}

.slide {
  position: relative;
  width: 100%;
  height: 100% !important;
  aspect-ratio: 1/1;
  overflow: hidden;
  outline: none;
}
@media screen and (min-width: 600px) {
  .slide {
    aspect-ratio: 4/3;
  }
}
@media screen and (min-width: 744px) {
  .slide {
    aspect-ratio: 16/9;
  }
}
@media screen and (min-width: 1280px) {
  .slide {
    aspect-ratio: 16/5;
  }
}
.slide__content {
  position: relative;
  z-index: 3;
  padding-top: 16px;
  text-align: left;
}
@media screen and (min-width: 600px) {
  .slide__content {
    padding-top: 30px;
  }
}
.slide__content .slide__description {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.slide__copy {
  font-weight: 700;
}

.slide__image {
  position: absolute;
  z-index: 1;
}
.slide__image img {
  vertical-align: bottom;
}

.slide__btn {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  max-inline-size: none;
  height: 40px;
  padding: 0 2.5%;
  text-align: center;
  border-width: 0;
  border-radius: 0;
}
.slide__btn span {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.8ch;
  align-items: center;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  padding-right: 0.8ch;
  margin-inline: auto;
  text-align: center;
  white-space: nowrap;
  transition: color 1s;
}
.slide__btn::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transform: scale(0, 1.1);
  transform-origin: right top;
}
.slide__btn:hover {
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn:hover {
    cursor: pointer;
  }
  .slide__btn:hover span {
    text-shadow: 0 0 0;
    transition: color 0.5s;
  }
  .slide__btn:hover::before {
    transform: scale(1, 1.1);
    transform-origin: left top;
  }
}
.slide__btn:focus, .slide__btn:active {
  outline: none;
}
.slide__btn span::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f138";
  width: auto;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
}
@media screen and (min-width: 600px) {
  .slide__btn {
    height: 48px;
  }
}
@media screen and (min-width: 744px) {
  .slide__btn {
    padding: calc(1rem - (1em * 1.4 - 1em) / 2) 1em;
    line-height: 1.4;
    position: relative;
    top: auto;
    bottom: calc(-48px + 0.5rem);
    left: 2.5%;
    width: auto;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
    height: auto;
    border-radius: 5px;
  }
}
.slide__btn span {
  font-size: 0.9375rem;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  padding-top: 0.5rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .slide__btn span {
    padding-top: 0.75rem;
  }
}
@media screen and (min-width: 744px) {
  .slide__btn span {
    padding-top: 0;
  }
}
.slide__btn span::before {
  content: "\f138";
  font-size: 0.875rem;
}

.slick-dots {
  position: absolute;
  bottom: -32px;
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
  list-style: none;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 6px;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: none;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
}
.slick-dots li button::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f111";
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #262522;
  text-align: center;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  color: #ff9600;
  opacity: 1;
}

.slide__inner--mctoner {
  position: relative;
  height: 100%;
  background: url('/assets/images/slides/mctoner/mv_square.jpg') center/cover no-repeat;
}
@media screen and (min-width: 744px) {
  .slide__inner--mctoner {
    background-image: url('/assets/images/slides/mctoner/mv.jpg');
    background-position: 60% 50%;
  }
}
.slide__inner--mctoner::before {
  position: absolute;
  bottom: -120px;
  left: 0;
  z-index: 2;
  width: 0;
  height: 0;
  content: "";
  border-color: transparent transparent transparent #154a95;
  border-style: solid;
  border-width: 520px 0 520px 408px;
}
@media screen and (min-width: 480px) {
  .slide__inner--mctoner::before {
    border-left-width: 480px;
  }
}
@media screen and (min-width: 600px) {
  .slide__inner--mctoner::before {
    bottom: -160px;
    border-left-width: 532px;
  }
}
@media screen and (min-width: 744px) {
  .slide__inner--mctoner::before {
    border-left-width: 600px;
  }
}
@media screen and (min-width: 768px) {
  .slide__inner--mctoner::before {
    bottom: -256px;
    border-width: 648px 0 648px 760px;
  }
}
@media screen and (min-width: 1280px) {
  .slide__inner--mctoner::before {
    bottom: -320px;
    border-width: 744px 0 744px 945px;
  }
}
.slide__inner--mctoner .slide__item-pic {
  width: 40.7111111111%;
  width: calc(458 / 1125 * 100%);
  position: absolute;
  top: 70%;
  left: 55%;
  z-index: 5;
}
@media screen and (min-width: 600px) {
  .slide__inner--mctoner .slide__item-pic {
    top: 62%;
    left: 50%;
    width: 36%;
  }
}
@media screen and (min-width: 744px) {
  .slide__inner--mctoner .slide__item-pic {
    width: 22.2222222222%;
    width: calc(256 / 1152 * 100%);
    top: auto;
    bottom: 0.5em;
    left: 45%;
    max-width: 256px;
  }
}

.slide__content--mctoner {
  position: relative;
  z-index: 3;
  padding-left: 5%;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner {
    padding: 0.5em 0 0 2.5%;
  }
}
@media screen and (min-width: 768px) {
  .slide__content--mctoner {
    padding-top: 1em;
  }
}
.slide__content--mctoner .slide__content-header-wrapper {
  display: flex;
  align-items: center;
}
.slide__content--mctoner .slide__content-header-logo {
  width: 30px;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner .slide__content-header-logo {
    width: 36px;
  }
}
.slide__content--mctoner .slide__content-header-logotext {
  font-size: 0.75rem;
  margin-left: 0.5em;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner .slide__content-header-logotext {
    font-size: 0.875rem;
  }
}
.slide__content--mctoner .slide__content-title {
  padding-top: 1.25rem;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner .slide__content-title {
    padding-top: 2.75rem;
  }
}
@media screen and (min-width: 744px) {
  .slide__content--mctoner .slide__content-title {
    padding-top: 2.75rem;
    padding-left: 2.5%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__content--mctoner .slide__content-title {
    padding-top: 3rem;
  }
}
.slide__content--mctoner .slide__content-title-sub {
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner .slide__content-title-sub {
    font-size: 1.125rem;
  }
}
.slide__content--mctoner .slide__content-title-main {
  margin-top: 0.25em;
}
.slide__content--mctoner .slide__content-title-main span {
  font-size: 1.5rem;
  padding: calc(12px - (1em * 1.2 - 1em) / 2) 5%;
  line-height: 1.2;
  display: inline-block;
  font-weight: 700;
  color: #154a95;
  background-color: #fff;
}
@media screen and (min-width: 600px) {
  .slide__content--mctoner .slide__content-title-main span {
    font-size: 2rem;
    padding: calc(16px - (1em * 1.2 - 1em) / 2) 2.5%;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1280px) {
  .slide__content--mctoner .slide__content-title-main span {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 744px) {
  .slide__copy--mctoner {
    padding-left: 2.5%;
  }
}
.slide__copy--mctoner .slide__copy01,
.slide__copy--mctoner .slide__copy02 {
  font-size: 1rem;
  padding-top: 1.5em;
}
@media screen and (min-width: 600px) {
  .slide__copy--mctoner .slide__copy01,
  .slide__copy--mctoner .slide__copy02 {
    font-size: 1.25rem;
    padding-top: 0.75em;
  }
}
@media screen and (min-width: 744px) {
  .slide__copy--mctoner .slide__copy01,
  .slide__copy--mctoner .slide__copy02 {
    padding-top: 1.25em;
  }
}
@media screen and (min-width: 1280px) {
  .slide__copy--mctoner .slide__copy01,
  .slide__copy--mctoner .slide__copy02 {
    font-size: 1.375rem;
    padding-top: 0.5em;
  }
}
.slide__copy--mctoner .slide__copy01 strong,
.slide__copy--mctoner .slide__copy02 strong {
  display: inline-block;
  margin: 0 0.05em;
  font-size: 1.5em;
}
@media screen and (min-width: 744px) {
  .slide__copy--mctoner .slide__copy01 strong,
  .slide__copy--mctoner .slide__copy02 strong {
    margin-left: 0.15em;
    font-size: 1.6em;
  }
}
.slide__copy--mctoner .slide__copy01 em,
.slide__copy--mctoner .slide__copy02 em {
  display: inline-block;
  font-size: 1.2em;
}
@media screen and (min-width: 768px) {
  .slide__copy--mctoner .slide__copy01 em,
  .slide__copy--mctoner .slide__copy02 em {
    font-size: 1.5em;
  }
}
.slide__copy--mctoner .slide__copy02 {
  padding-top: 1em;
}
@media screen and (min-width: 600px) {
  .slide__copy--mctoner .slide__copy02 {
    padding-top: 0;
  }
}

.slide__btn--mctoner {
  background-color: #fff;
  border-color: #fff;
  z-index: 3;
  border-bottom: 1px solid #154a95;
}
.slide__btn--mctoner::before {
  background-color: #154a95;
}
.slide__btn--mctoner span {
  color: #154a95;
}
.slide__btn--mctoner span::before, .slide__btn--mctoner span::after {
  color: #154a95;
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn--mctoner:hover span {
    color: #fff;
  }
  .slide__btn--mctoner:hover span::before, .slide__btn--mctoner:hover span::after {
    color: #fff;
  }
  .slide__btn--mctoner:hover::after {
    color: #fff;
  }
}
@media screen and (min-width: 744px) {
  .slide__btn--mctoner {
    bottom: calc(-36px + 0.5rem);
    left: 5%;
    border: 1px solid #154a95;
  }
}
@media screen and (min-width: 768px) {
  .slide__btn--mctoner {
    bottom: calc(-48px + 0.5rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn--mctoner:hover {
    border-color: #fff;
  }
}

.slide__inner--dr {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
}
.slide__inner--dr::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: url('/assets/images/sp/drive-recorder/cover/mv.jpg') center bottom/cover no-repeat;
}
@media screen and (min-width: 744px) {
  .slide__inner--dr::before {
    background-position: left 80%;
    background-size: cover;
  }
}
@media screen and (min-width: 1024px) {
  .slide__inner--dr::before {
    background-image: url('/assets/images/sp/drive-recorder/cover/mv@2x.jpg');
    background-position: left 85%;
    background-size: 75vw auto;
  }
}
@media screen and (min-width: 1200px) {
  .slide__inner--dr::before {
    background-position: 0 48%;
    background-size: 43% auto;
  }
}
.slide__inner--dr::after {
  background: white;
  background: linear-gradient(to bottom, white 0, rgba(255, 255, 255, 0) 60%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
}
@media screen and (min-width: 1200px) {
  .slide__inner--dr::after {
    background: white;
    background: linear-gradient(to bottom, white 0, rgba(255, 255, 255, 0) 50%);
  }
}

.slide__header--dr {
  position: relative;
  z-index: 2;
  height: 40px;
  padding: 0 2.5%;
  background-color: #fff;
  border-top: 1px solid #d6cdbf;
}
@media screen and (min-width: 960px) {
  .slide__header--dr {
    border-top-width: 0;
  }
}
.slide__header--dr .slide__header-inner {
  padding: calc(12px - (1em * 1.4 - 1em) / 2) 0;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slide__header--dr .slide__header-logo {
  width: 30%;
}
@media screen and (min-width: 600px) {
  .slide__header--dr .slide__header-logo {
    width: 126.72px;
  }
}
.slide__header--dr .slide__header-va-logo {
  width: 34%;
}
@media screen and (min-width: 600px) {
  .slide__header--dr .slide__header-va-logo {
    width: 144px;
  }
}

.slide__content.slide__content--dr {
  position: relative;
  z-index: 2;
  padding-top: 0;
  padding-left: 2.5%;
}
@media screen and (min-width: 744px) {
  .slide__content.slide__content--dr {
    height: auto;
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .slide__content.slide__content--dr {
    padding-left: 0;
    margin-left: 42%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__content.slide__content--dr {
    padding-top: 1em;
    margin-left: 45%;
  }
}

.slide__copy--dr .slide__copy-main {
  font-size: 1.625rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  display: block;
  padding-top: 0;
  color: #000;
  text-shadow: 2px 2px 2px white, -2px -2px 2px white;
  white-space: nowrap;
}
@media screen and (min-width: 360px) {
  .slide__copy--dr .slide__copy-main {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 414px) {
  .slide__copy--dr .slide__copy-main {
    font-size: 2rem;
  }
}
@media screen and (min-width: 600px) {
  .slide__copy--dr .slide__copy-main {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 960px) {
  .slide__copy--dr .slide__copy-main {
    padding-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .slide__copy--dr .slide__copy-main {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1280px) {
  .slide__copy--dr .slide__copy-main {
    font-size: 3.25rem;
  }
}
.slide__copy--dr .slide__copy-main-shoulder {
  display: inline-block;
  font-size: 0.6em;
}
@media screen and (min-width: 600px) {
  .slide__copy--dr .slide__copy-main-shoulder {
    font-size: 0.7em;
  }
}
.slide__copy--dr .slide__copy-main em {
  display: block;
  padding-top: 0.25em;
}

.slide__image--dr {
  top: auto;
  right: 2.5%;
  bottom: 48px;
  z-index: 3;
  width: 75%;
}
@media screen and (min-width: 360px) {
  .slide__image--dr {
    top: 8px;
    width: 80%;
  }
}
@media screen and (min-width: 744px) {
  .slide__image--dr {
    width: 374.4px;
  }
}
@media screen and (min-width: 960px) {
  .slide__image--dr {
    top: 28px;
    right: 6%;
    width: 416px;
  }
}

.slide__btn--dr {
  background-color: #ffea00;
  border-color: #ffea00;
  z-index: 3;
}
.slide__btn--dr::before {
  background-color: #3e2723;
}
.slide__btn--dr span {
  color: #3e2723;
}
.slide__btn--dr span::before, .slide__btn--dr span::after {
  color: #3e2723;
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn--dr:hover span {
    color: #ffea00;
  }
  .slide__btn--dr:hover span::before, .slide__btn--dr:hover span::after {
    color: #ffea00;
  }
  .slide__btn--dr:hover::after {
    color: #ffea00;
  }
}
@media screen and (min-width: 744px) {
  .slide__btn--dr {
    top: 0;
    margin-top: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .slide__btn--dr {
    left: 42%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__btn--dr {
    left: 45%;
  }
}

.slide--biz-mobile {
  background: #fff;
  background: linear-gradient(to bottom, #fff 0, #ecebeb 100%);
}
.slide--biz-mobile .slide__inner {
  position: relative;
  height: 100%;
}
.slide--biz-mobile .slide__inner::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.75);
}
@media screen and (min-width: 600px) {
  .slide--biz-mobile .slide__inner::before {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (min-width: 1280px) {
  .slide--biz-mobile .slide__inner::before {
    display: none;
  }
}
.slide--biz-mobile .slide__content {
  padding-left: 2.5%;
}
@media screen and (min-width: 1024px) {
  .slide--biz-mobile .slide__content {
    padding-left: 5%;
  }
}
@media screen and (min-width: 1280px) {
  .slide--biz-mobile .slide__content {
    padding-left: 10.5%;
  }
}
.slide--biz-mobile .slide__content .slide__copy {
  font-size: 2rem;
  position: relative;
  z-index: 2;
  padding-top: 48px;
  line-height: 1.5;
  color: #1d2a53;
}
@media screen and (max-width: 359px) {
  .slide--biz-mobile .slide__content .slide__copy {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 375px) {
  .slide--biz-mobile .slide__content .slide__copy {
    padding-top: 32px;
  }
}
@media screen and (min-width: 600px) {
  .slide--biz-mobile .slide__content .slide__copy {
    font-size: 2.5rem;
    padding-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .slide--biz-mobile .slide__content .slide__copy {
    font-size: 3rem;
  }
}
.slide--biz-mobile .slide__content .slide__description {
  font-size: 1.25rem;
  position: relative;
  z-index: 2;
  padding-top: 16px;
  line-height: 1.8;
  color: #c30d23;
}
@media screen and (min-width: 375px) {
  .slide--biz-mobile .slide__content .slide__description {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 600px) {
  .slide--biz-mobile .slide__content .slide__description {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .slide--biz-mobile .slide__content .slide__description {
    padding-top: 0.5em;
  }
}

.slide__image--biz-mobile {
  top: 0;
  bottom: 0;
  z-index: 0;
  aspect-ratio: 1;
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .slide__image--biz-mobile {
    aspect-ratio: 4/3;
  }
}
@media screen and (min-width: 744px) {
  .slide__image--biz-mobile {
    aspect-ratio: unset;
  }
}
@media screen and (min-width: 768px) {
  .slide__image--biz-mobile {
    top: -16px;
    right: -40%;
  }
}
@media screen and (min-width: 960px) {
  .slide__image--biz-mobile {
    right: -10%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__image--biz-mobile {
    top: 0;
    right: 0;
  }
}
.slide__image--biz-mobile-inner {
  margin: -4em -8em 0 -4em;
}
@media screen and (min-width: 1024px) {
  .slide__image--biz-mobile-inner {
    margin: 0;
  }
}
.slide__image--biz-mobile img {
  width: auto;
  max-width: none;
  height: 100%;
}
@media screen and (min-width: 1280px) {
  .slide__image--biz-mobile img {
    max-width: 100%;
  }
}

.slide__btn--biz-mobile {
  background-color: #5e35b1;
  border-color: #5e35b1;
  z-index: 2;
}
.slide__btn--biz-mobile::before {
  background-color: #fff;
}
.slide__btn--biz-mobile span {
  color: #fff;
}
.slide__btn--biz-mobile span::before, .slide__btn--biz-mobile span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn--biz-mobile:hover span {
    color: #5e35b1;
  }
  .slide__btn--biz-mobile:hover span::before, .slide__btn--biz-mobile:hover span::after {
    color: #5e35b1;
  }
  .slide__btn--biz-mobile:hover::after {
    color: #5e35b1;
  }
}
@media screen and (min-width: 1024px) {
  .slide__btn--biz-mobile {
    left: 5%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__btn--biz-mobile {
    left: 10.5%;
  }
}

.slide--gas {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.slide--gas::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background: transparent url('/assets/images/slides/gas/pic.png') right center/auto 100% no-repeat;
}
.slide--gas::before {
  background: #f29c9f;
  background: linear-gradient(to bottom, #f29c9f 0, #b35ea1 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.slide__inner--gas {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 100%;
  padding-top: 16px;
}
@media screen and (min-width: 600px) {
  .slide__inner--gas {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .slide__inner--gas {
    align-items: center;
    padding-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide__inner--gas {
    justify-content: flex-start;
  }
}
.slide__inner--gas .slide__content {
  position: static;
  padding-left: 2.5%;
}
@media screen and (min-width: 600px) {
  .slide__inner--gas .slide__content {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .slide__inner--gas .slide__content {
    padding-left: 5%;
  }
}
@media screen and (min-width: 1280px) {
  .slide__inner--gas .slide__content {
    padding-left: 9.0625%;
  }
}
.slide__inner--gas .slide__content--sp-page {
  padding-left: 2.5%;
}
@media screen and (min-width: 1280px) {
  .slide__inner--gas .slide__content--sp-page {
    padding-left: 5%;
  }
}
.slide__inner--gas .slide__content .slide__copy {
  font-size: 2rem;
  position: relative;
  z-index: 4;
  line-height: 1.5;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 600px) {
  .slide__inner--gas .slide__content .slide__copy {
    font-size: 2.25rem;
    position: static;
  }
}
@media screen and (min-width: 768px) {
  .slide__inner--gas .slide__content .slide__copy {
    font-size: 3rem;
  }
}
.slide__inner--gas .slide__content .slide__body-text {
  font-size: 0.8125rem;
  position: relative;
  z-index: 4;
  padding-top: 16px;
  margin-left: 1.4em;
  line-height: 1.6;
  color: #faf5f2;
  list-style-type: disc;
}
@media screen and (min-width: 360px) {
  .slide__inner--gas .slide__content .slide__body-text {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 600px) {
  .slide__inner--gas .slide__content .slide__body-text {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .slide__inner--gas .slide__content .slide__body-text {
    font-size: 1rem;
    padding-top: 24px;
    color: #3e2723;
  }
}
.slide__inner--gas .slide__content .slide__body-text li:not(:last-child) {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 600px) {
  .slide__inner--gas .slide__content .slide__body-text li:not(:last-child) {
    margin-bottom: 0.8em;
  }
}

.slide__btn--gas {
  background-color: #e5004f;
  border-color: #e5004f;
  left: 0;
}
.slide__btn--gas::before {
  background-color: #fff;
}
.slide__btn--gas span {
  color: #fff;
}
.slide__btn--gas span::before, .slide__btn--gas span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide__btn--gas:hover span {
    color: #e5004f;
  }
  .slide__btn--gas:hover span::before, .slide__btn--gas:hover span::after {
    color: #e5004f;
  }
  .slide__btn--gas:hover::after {
    color: #e5004f;
  }
}

.slide__gas-image {
  position: absolute;
  right: 0.5%;
  bottom: 24px;
  z-index: 2;
  width: 40%;
  padding-right: 2.5%;
}
@media screen and (min-width: 600px) {
  .slide__gas-image {
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 3;
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .slide__gas-image {
    width: auto;
    padding-left: 5%;
  }
}
.slide__gas-image-copy {
  padding-bottom: 16px;
}
.slide__gas-image-logo {
  display: none;
}
@media screen and (min-width: 600px) {
  .slide__gas-image-logo {
    display: block;
  }
}

.slide--chugen {
  background: url('/assets/images/slides/chugen/bg.jpg') center center/cover no-repeat;
}
.slide--chugen .slide__content {
  padding-top: 2rem;
  padding-left: 2%;
}
@media screen and (min-width: 600px) {
  .slide--chugen .slide__content {
    padding-left: 4%;
  }
}
@media screen and (min-width: 960px) {
  .slide--chugen .slide__content {
    padding-left: 8%;
  }
}
.slide--chugen .slide__content .slide__copy {
  width: 50%;
  max-width: 366px;
  padding-top: 1rem;
}
@media screen and (min-width: 600px) {
  .slide--chugen .slide__content .slide__copy {
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .slide--chugen .slide__content .slide__copy {
    width: auto;
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .slide--chugen .slide__content .slide__copy {
    padding-top: 3rem;
  }
}
.slide--chugen .slide__content .slide__description {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding: 10px 0 0 4px;
  color: #251600;
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 600px) {
  .slide--chugen .slide__content .slide__description {
    font-size: 1.625rem;
    line-height: 2;
    letter-spacing: 0.05em;
    padding-top: 24px;
    text-shadow: 0 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide--chugen .slide__content .slide__description {
    padding-top: 40px;
  }
}
.slide--chugen .slide__content .slide__description span {
  display: block;
}
@media screen and (min-width: 1280px) {
  .slide--chugen .slide__content .slide__description span {
    display: inline;
  }
}
.slide--chugen .slide__content .slide__description em {
  display: block;
}
@media screen and (min-width: 600px) {
  .slide--chugen .slide__content .slide__description em {
    display: inline;
  }
}
.slide--chugen .slide__image {
  right: 0;
  bottom: 0;
  left: 0;
  width: 95%;
  max-width: 590px;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
}
@media screen and (min-width: 600px) {
  .slide--chugen .slide__image {
    left: auto;
    width: 85%;
    margin-inline: auto 0;
  }
}
@media screen and (min-width: 744px) {
  .slide--chugen .slide__image {
    width: 46.09375%;
    width: calc(590 / 1280 * 100%);
    right: 1%;
    bottom: 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide--chugen .slide__image {
    right: 0;
  }
}
.slide--chugen .slide__btn {
  z-index: 3;
  background-color: #ff9600;
}
@media screen and (min-width: 744px) {
  .slide--chugen .slide__btn {
    left: 4%;
  }
}
@media screen and (min-width: 960px) {
  .slide--chugen .slide__btn {
    left: 8%;
  }
}
.slide--chugen .slide__btn span {
  color: #fff;
}
.slide--chugen .slide__btn:hover {
  background-color: #ffab33;
}

.slide--seibo {
  background: url('/assets/images/slides/seibo/bg.jpg') center center/cover no-repeat;
}
.webp .slide--seibo {
  background-image: url('/assets/images/slides/seibo/bg.webp');
}
.slide--seibo .slide__content {
  width: 90vw;
  padding-top: 2rem;
  margin-inline: auto;
}
@media screen and (min-width: 960px) {
  .slide--seibo .slide__content {
    padding-left: 3%;
  }
}
@media screen and (min-width: 1440px) {
  .slide--seibo .slide__content {
    padding-left: 8%;
  }
}
.slide--seibo .slide__content .slide__copy {
  width: 50%;
  max-width: 366px;
  padding-top: 1rem;
}
@media screen and (min-width: 768px) {
  .slide--seibo .slide__content .slide__copy {
    width: auto;
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .slide--seibo .slide__content .slide__copy {
    padding-top: 3rem;
  }
}
.slide--seibo .slide__content .slide__copy img {
  width: 100%;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
}
.slide--seibo .slide__content .slide__description {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-top: 2rem;
  color: #fff;
}
@media screen and (min-width: 600px) {
  .slide--seibo .slide__content .slide__description {
    font-size: 1.625rem;
    line-height: 2;
    letter-spacing: 0.05em;
    padding-top: 24px;
    text-shadow: 0 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide--seibo .slide__content .slide__description {
    padding-top: 40px;
  }
}
.slide--seibo .slide__content .slide__description span {
  display: block;
}
@media screen and (min-width: 1280px) {
  .slide--seibo .slide__content .slide__description span {
    display: inline;
  }
}
.slide--seibo .slide__content .slide__description em {
  display: block;
}
@media screen and (min-width: 600px) {
  .slide--seibo .slide__content .slide__description em {
    display: inline;
  }
}
.slide--seibo .slide__image {
  right: 0;
  bottom: 1rem;
  left: 0;
  width: 90%;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  aspect-ratio: 16/9;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (min-width: 600px) {
  .slide--seibo .slide__image {
    bottom: 0;
    left: auto;
    width: 70%;
    margin-inline: auto 0;
  }
}
@media screen and (min-width: 768px) {
  .slide--seibo .slide__image {
    width: 46.25%;
    width: calc(592 / 1280 * 100%);
    right: 2%;
    bottom: 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide--seibo .slide__image {
    width: 592px;
  }
}
.slide--seibo .slide__btn {
  background-color: #ff9600;
  border-color: #ff9600;
  z-index: 3;
}
.slide--seibo .slide__btn::before {
  background-color: #fff;
}
.slide--seibo .slide__btn span {
  color: #fff;
}
.slide--seibo .slide__btn span::before, .slide--seibo .slide__btn span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide--seibo .slide__btn:hover span {
    color: #ff9600;
  }
  .slide--seibo .slide__btn:hover span::before, .slide--seibo .slide__btn:hover span::after {
    color: #ff9600;
  }
  .slide--seibo .slide__btn:hover::after {
    color: #ff9600;
  }
}
@media screen and (min-width: 744px) {
  .slide--seibo .slide__btn {
    left: 4%;
  }
}
@media screen and (min-width: 960px) {
  .slide--seibo .slide__btn {
    left: 8%;
  }
}

.slide--seminar,
.slide--seminar-hospitality {
  background: center/cover no-repeat;
}
.slide--seminar::before,
.slide--seminar-hospitality::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #5e35b1;
  opacity: 0.7;
}

.slide--seminar-ipp {
  background-image: url('/assets/images/seminar/contract-trademark/hero.webp');
}
.no-webp .slide--seminar-ipp {
  background-image: url('/assets/images/seminar/contract-trademark/hero.jpg');
}

.slide--seminar-hospitality {
  background-image: url('/assets/images/seminar/hospitality/hero.jpg');
}
.slide--seminar-hospitality::before {
  opacity: 0.4;
}

.slide__content--seminar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.slide__description--seminar {
  font-size: 0.875rem;
  padding: 32px 1.5% 0;
  line-height: 2;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 600px) {
  .slide__description--seminar {
    font-size: 0.75rem;
    padding: calc(16px - (1em * 1.4 - 1em) / 2) 0;
    line-height: 1.4;
    background-color: #5e35b1;
  }
}
@media screen and (min-width: 768px) {
  .slide__description--seminar {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1280px) {
  .slide__description--seminar {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 360px) {
  .slide__description--seminar span {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .slide__description--seminar span {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .slide__description--seminar span {
    display: inline;
  }
}

.slide__copy--seminar {
  font-size: 1.5rem;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  text-shadow: 0 5px 8px rgba(0, 0, 0, 0.6);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 600px) {
  .slide__copy--seminar {
    font-size: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .slide__copy--seminar {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .slide__copy--seminar {
    font-size: 3rem;
  }
}
.slide__copy--seminar span {
  display: inline-block;
  padding-left: 0.25em;
  font-size: 0.9em;
}

.slide__footer--seminar {
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .slide__footer--seminar {
    padding: calc(16px - (1em * 1.4 - 1em) / 2) 2.5%;
    line-height: 1.4;
    justify-content: space-between;
    background-color: #262522;
  }
}
@media screen and (min-width: 1280px) {
  .slide__footer--seminar {
    padding-right: 5%;
    padding-left: 5%;
  }
}

.slide__footer-seminar-fee {
  font-size: 0.875rem;
  padding: calc(8px - (1em * 1.4 - 1em) / 2) 2.5%;
  line-height: 1.4;
  margin: 8px 16px 0 0;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #fb8c00;
}
@media screen and (min-width: 600px) {
  .slide__footer-seminar-fee {
    font-size: 1.125rem;
    padding: calc(12px - (1em * 1.4 - 1em) / 2) 2%;
    line-height: 1.4;
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .slide__footer-seminar-fee {
    margin-top: 0;
  }
}
@media screen and (min-width: 1280px) {
  .slide__footer-seminar-fee {
    font-size: 1.25rem;
    padding-right: 5%;
    padding-left: 5%;
  }
}
.slide__footer-seminar-fee span {
  display: none;
}
@media screen and (min-width: 960px) {
  .slide__footer-seminar-fee span {
    display: inline;
  }
}

.slide__footer-seminar-datetime {
  font-size: 0.875rem;
  margin-top: 8px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 600px) {
  .slide__footer-seminar-datetime {
    font-size: 1.5rem;
    margin-top: 16px;
  }
}
@media screen and (min-width: 960px) {
  .slide__footer-seminar-datetime {
    font-size: 1.75rem;
    flex: 1;
    margin: 0 5% 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .slide__footer-seminar-datetime {
    font-size: 2rem;
  }
}
.slide__footer-seminar-datetime em {
  display: inline-block;
  padding-left: 0.2em;
  font-size: 1.2em;
}

.slide__btn--seminar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 10px;
  background-color: #4caf50;
}
@media screen and (min-width: 600px) {
  .slide__btn--seminar {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .slide__btn--seminar {
    width: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .slide__btn--seminar {
    width: auto;
  }
}
.slide__btn--seminar span {
  font-size: 0.875rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.slide__btn--seminar::before {
  background-color: #6ec071;
}

.slide--seminar20230830 {
  background: #c7e8fb;
  background: linear-gradient(to bottom, #c7e8fb 50%, #fff 50%);
}
@media screen and (min-width: 1280px) {
  .slide--seminar20230830 {
    background: #c7e8fb;
    background: linear-gradient(to bottom, #c7e8fb 51.5%, #fff 50%);
  }
}
.slide--seminar20230830 .slide__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 744px) {
  .slide--seminar20230830 .slide__image {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .slide--seminar20230830 .slide__image {
    right: 0;
    left: 0;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
    aspect-ratio: 16/9;
    margin-inline: auto;
  }
}
.slide--seminar20230830 .slide__btn {
  background-color: #4caf50;
  border-color: #4caf50;
  z-index: 2;
}
.slide--seminar20230830 .slide__btn::before {
  background-color: #fff;
}
.slide--seminar20230830 .slide__btn span {
  color: #fff;
}
.slide--seminar20230830 .slide__btn span::before, .slide--seminar20230830 .slide__btn span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide--seminar20230830 .slide__btn:hover span {
    color: #4caf50;
  }
  .slide--seminar20230830 .slide__btn:hover span::before, .slide--seminar20230830 .slide__btn:hover span::after {
    color: #4caf50;
  }
  .slide--seminar20230830 .slide__btn:hover::after {
    color: #4caf50;
  }
}
@media screen and (min-width: 744px) {
  .slide--seminar20230830 .slide__btn {
    position: absolute;
    bottom: 0;
    left: 3.5%;
  }
}
@media screen and (min-width: 1280px) {
  .slide--seminar20230830 .slide__btn {
    bottom: 1rem;
    left: 8%;
  }
}
@media screen and (min-width: 744px) {
  .slide--seminar20230830 .slide__btn-wrapper {
    position: relative;
    height: 100%;
  }
}

.slide--sokai {
  height: 100%;
  background-color: #ef6c00;
}
.slide--sokai .slide__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: 0;
}
@media screen and (min-width: 960px) {
  .slide--sokai .slide__content {
    padding-top: 56px;
  }
}
.slide--sokai .slide__content-inner {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1280px) {
  .slide--sokai .slide__content-inner {
    display: block;
  }
}
.slide--sokai .slide__copy {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #faf5f2;
  letter-spacing: 0.5em;
}
.slide--sokai .slide__copy-sub {
  font-size: 1.125rem;
  margin-right: 0.5em;
}
@media screen and (min-width: 600px) {
  .slide--sokai .slide__copy-sub {
    font-size: 1.5rem;
    margin-right: 1em;
  }
}
@media screen and (min-width: 768px) {
  .slide--sokai .slide__copy-sub {
    font-size: 2.5rem;
  }
}
.slide--sokai .slide__copy-sub em {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 1.4em;
}
.slide--sokai .slide__copy-main {
  font-size: 1.5rem;
}
@media screen and (min-width: 600px) {
  .slide--sokai .slide__copy-main {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .slide--sokai .slide__copy-main {
    font-size: 3rem;
  }
}
.slide--sokai .slide__sokai-date {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #faf5f2;
}
@media screen and (min-width: 320px) {
  .slide--sokai .slide__sokai-date {
    padding-top: 24px;
  }
}
@media screen and (min-width: 768px) {
  .slide--sokai .slide__sokai-date {
    padding-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .slide--sokai .slide__sokai-date {
    padding-top: 24px;
  }
}
.slide--sokai .slide__sokai-date em,
.slide--sokai .slide__sokai-date span {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
}
.slide--sokai .slide__sokai-date em {
  font-size: 5rem;
}
@media screen and (min-width: 600px) {
  .slide--sokai .slide__sokai-date em {
    font-size: 8.5rem;
  }
}
.slide--sokai .slide__sokai-date span {
  font-size: 3rem;
  margin-left: 0.25em;
}
@media screen and (min-width: 600px) {
  .slide--sokai .slide__sokai-date span {
    font-size: 4.5rem;
  }
}
.slide--sokai .slide__btn {
  background-color: #5e35b1;
  border-color: #5e35b1;
}
.slide--sokai .slide__btn::before {
  background-color: #fff;
}
.slide--sokai .slide__btn span {
  color: #fff;
}
.slide--sokai .slide__btn span::before, .slide--sokai .slide__btn span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide--sokai .slide__btn:hover span {
    color: #5e35b1;
  }
  .slide--sokai .slide__btn:hover span::before, .slide--sokai .slide__btn:hover span::after {
    color: #5e35b1;
  }
  .slide--sokai .slide__btn:hover::after {
    color: #5e35b1;
  }
}
.slide--sokai .slide__btn-wrapper {
  position: absolute;
  bottom: 2.1rem;
  display: flex;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .slide--sokai .slide__btn-wrapper {
    position: relative;
    bottom: auto;
    z-index: 10;
    display: block;
    padding-top: 0;
  }
}
.slide--sokai .slide__content-footer {
  padding: calc(8px - (1em * 1.4 - 1em) / 2) 0;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  flex: 0 0 auto;
  width: 100%;
  max-height: 2.1rem;
  color: #faf5f2;
  background-color: #262522;
}
@media screen and (min-width: 960px) {
  .slide--sokai .slide__content-footer {
    padding: calc(12px - (1em * 1.4 - 1em) / 2) 0;
    line-height: 1.4;
    max-height: none;
  }
}
.slide--sokai .slide__content-footer-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
@media screen and (min-width: 360px) {
  .slide--sokai .slide__content-footer-inner {
    font-size: 1rem;
  }
}
@media screen and (min-width: 960px) {
  .slide--sokai .slide__content-footer-inner {
    font-size: 1.5rem;
  }
}
.slide--sokai .slide__content-footer-inner::before {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f071";
  margin-right: 0.5em;
  color: #ffea00;
}
.slide--sokai .slide__content-footer-inner strong {
  font-weight: 400;
}

.slide--general-assembly27 {
  height: auto !important;
  background-color: #06234d;
}
.slide--general-assembly27 .slide__assembly-link {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.slide--general-assembly27 .slide__assembly-link:focus-visible {
  outline: 3px solid #e8c775;
  outline-offset: -3px;
}
.slide--general-assembly27 picture {
  display: block;
  width: 100%;
  height: 100%;
}
.slide--general-assembly27 .slide__assembly-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slide--general-assembly27 .slide__btn {
  background-color: #5e35b1;
  border-color: #5e35b1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-inline-size: none;
  height: 40px;
  padding: 0 2.5%;
  border-radius: 0;
}
.slide--general-assembly27 .slide__btn::before {
  background-color: #fff;
}
.slide--general-assembly27 .slide__btn span {
  color: #fff;
}
.slide--general-assembly27 .slide__btn span::before, .slide--general-assembly27 .slide__btn span::after {
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .slide--general-assembly27 .slide__btn:hover span {
    color: #5e35b1;
  }
  .slide--general-assembly27 .slide__btn:hover span::before, .slide--general-assembly27 .slide__btn:hover span::after {
    color: #5e35b1;
  }
  .slide--general-assembly27 .slide__btn:hover::after {
    color: #5e35b1;
  }
}
@media screen and (min-width: 600px) {
  .slide--general-assembly27 .slide__btn {
    height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .slide--general-assembly27 .slide__btn {
    position: absolute;
    bottom: 16px;
    left: 2.5%;
    width: auto;
    max-inline-size: -moz-max-content;
    max-inline-size: max-content;
    height: auto;
    padding: 1rem 1em;
    border-radius: 5px;
  }
}
.slide--general-assembly27 .slide__btn span {
  padding-top: 0.5rem;
}
@media screen and (min-width: 600px) {
  .slide--general-assembly27 .slide__btn span {
    padding-top: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .slide--general-assembly27 .slide__btn span {
    padding-top: 0;
  }
}

.slide--ai20261124 {
  height: auto !important;
  color: #092c58;
  background: #edf9ff url("/assets/images/seminar/ai/20261124/hero-art.webp") 72% 65%/cover no-repeat;
}
.slide--ai20261124 .slide__ai-link {
  position: absolute;
  inset: 0;
  display: block;
  color: inherit;
  text-align: left;
  background: linear-gradient(180deg, rgba(241, 250, 255, 0.97) 0%, rgba(241, 250, 255, 0.92) 55%, rgba(241, 250, 255, 0.1) 100%);
}
.slide--ai20261124 .slide__ai-link:focus-visible {
  outline: 3px solid #f29100;
  outline-offset: -4px;
}
.slide--ai20261124 .slide__ai-link:hover .slide__ai-cta {
  background: #ffe97e;
}
.slide--ai20261124 .slide__ai-content {
  padding: 18px 6%;
}
.slide--ai20261124 .slide__ai-logos {
  display: flex;
  gap: 10px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 8px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 10px;
}
.slide--ai20261124 .slide__ai-logos img {
  display: block;
  width: 76px;
  height: auto;
}
.slide--ai20261124 .slide__ai-audience {
  margin-top: 10px;
  color: #0076b7;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
.slide--ai20261124 .slide__ai-title {
  margin-top: 6px;
  font-weight: 700;
  line-height: 1.2;
  text-wrap: nowrap;
}
.slide--ai20261124 .slide__ai-title > span {
  display: block;
  font-size: clamp(20px, 5.5vw, 30px);
}
.slide--ai20261124 .slide__ai-title strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(30px, 8.5vw, 48px);
}
.slide--ai20261124 .slide__ai-theme {
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
}
.slide--ai20261124 .slide__ai-event {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: center;
  margin-top: 10px;
}
.slide--ai20261124 .slide__ai-event time {
  display: flex;
  gap: 4px;
  align-items: baseline;
  white-space: nowrap;
}
.slide--ai20261124 .slide__ai-year {
  font-size: 11px;
  font-weight: 700;
}
.slide--ai20261124 .slide__ai-event strong {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}
.slide--ai20261124 .slide__ai-event small {
  font-size: 14px;
}
.slide--ai20261124 .slide__ai-event .slide__ai-weekday {
  font-size: 12px;
}
.slide--ai20261124 .slide__ai-time {
  font-size: 12px;
  font-weight: 700;
}
.slide--ai20261124 .slide__ai-registration {
  display: flex;
  align-items: center;
}
.slide--ai20261124 .slide__ai-capacity {
  display: none;
}
.slide--ai20261124 .slide__ai-free {
  padding: 3px 9px;
  border: 1px solid #d08016;
  border-radius: 4px;
  background: #fff;
  color: #b45c00;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}
.slide--ai20261124 .slide__ai-venue {
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.6;
}
.slide--ai20261124 .slide__ai-venue span {
  display: inline-block;
}
.slide--ai20261124 .slide__ai-cta {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  background: #ffdc2b;
  color: #092c58;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  transition: background-color 0.2s;
}
@media screen and (min-width: 600px) {
  .slide--ai20261124 .slide__ai-content {
    padding: 28px 6%;
  }
  .slide--ai20261124 .slide__ai-logos img {
    width: 100px;
  }
  .slide--ai20261124 .slide__ai-audience {
    margin-top: 14px;
    font-size: 13px;
  }
  .slide--ai20261124 .slide__ai-title {
    margin-top: 8px;
  }
  .slide--ai20261124 .slide__ai-title > span {
    font-size: 30px;
  }
  .slide--ai20261124 .slide__ai-title strong {
    font-size: 48px;
  }
  .slide--ai20261124 .slide__ai-theme {
    margin-top: 12px;
    font-size: 15px;
  }
  .slide--ai20261124 .slide__ai-event {
    margin-top: 16px;
    gap: 12px 16px;
  }
  .slide--ai20261124 .slide__ai-event time {
    gap: 6px;
  }
  .slide--ai20261124 .slide__ai-year {
    font-size: 14px;
  }
  .slide--ai20261124 .slide__ai-event strong {
    font-size: 38px;
  }
  .slide--ai20261124 .slide__ai-event small {
    font-size: 19px;
  }
  .slide--ai20261124 .slide__ai-event .slide__ai-weekday {
    font-size: 17px;
  }
  .slide--ai20261124 .slide__ai-time {
    font-size: 17px;
  }
  .slide--ai20261124 .slide__ai-free {
    font-size: 15px;
  }
  .slide--ai20261124 .slide__ai-venue {
    font-size: 13px;
  }
  .slide--ai20261124 .slide__ai-cta {
    height: 48px;
    font-size: 16px;
  }
}
@media screen and (min-width: 744px) {
  .slide--ai20261124 .slide__ai-link {
    background: linear-gradient(90deg, rgba(241, 250, 255, 0.96) 0%, rgba(241, 250, 255, 0.88) 40%, rgba(241, 250, 255, 0) 80%);
  }
  .slide--ai20261124 .slide__ai-cta {
    bottom: 24px;
    left: 6%;
    width: 300px;
    border-radius: 28px;
  }
}
@media (max-width: 599px) {
  .slide--ai20261124 .slide__ai-link {
    background: rgba(241, 250, 255, 0.88);
  }
  .slide--ai20261124 .slide__ai-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 44px);
    padding: 12px 6%;
  }
  .slide--ai20261124 .slide__ai-logos img {
    width: clamp(72px, 21vw, 116px);
  }
  .slide--ai20261124 .slide__ai-audience {
    margin-top: 8px;
    font-size: clamp(11px, 3vw, 16px);
  }
  .slide--ai20261124 .slide__ai-title {
    margin-top: 7px;
  }
  .slide--ai20261124 .slide__ai-title > span {
    font-size: clamp(22px, 7vw, 38px);
  }
  .slide--ai20261124 .slide__ai-title strong {
    font-size: clamp(30px, 10vw, 58px);
  }
  .slide--ai20261124 .slide__ai-theme {
    margin-top: 8px;
    font-size: clamp(11px, 3vw, 16px);
  }
  .slide--ai20261124 .slide__ai-event {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    align-items: flex-end;
  }
  .slide--ai20261124 .slide__ai-event time {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: 0 4px;
    align-items: baseline;
  }
  .slide--ai20261124 .slide__ai-year {
    grid-column: 1/-1;
    font-size: clamp(11px, 3vw, 16px);
  }
  .slide--ai20261124 .slide__ai-event strong {
    font-size: clamp(32px, 10.7vw, 60px);
  }
  .slide--ai20261124 .slide__ai-event small {
    font-size: clamp(15px, 4.5vw, 24px);
  }
  .slide--ai20261124 .slide__ai-event .slide__ai-weekday,
  .slide--ai20261124 .slide__ai-time {
    font-size: clamp(12px, 3.5vw, 18px);
  }
  .slide--ai20261124 .slide__ai-free {
    flex-shrink: 0;
    margin-bottom: 6px;
    padding: 3px 7px;
    font-size: clamp(11px, 3.3vw, 17px);
  }
  .slide--ai20261124 .slide__ai-venue {
    margin-top: 8px;
    font-size: clamp(10px, 2.8vw, 15px);
  }
}
@media (min-width: 1024px) {
  .slide--ai20261124 .slide__ai-link {
    background: linear-gradient(90deg, rgba(241, 250, 255, 0.98), rgba(241, 250, 255, 0.86));
  }
  .slide--ai20261124 .slide__ai-content {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    grid-template-rows: repeat(4, auto);
    gap: 10px 40px;
    align-content: center;
    height: 100%;
    padding: 28px 5% 100px;
  }
  .slide--ai20261124 .slide__ai-logos {
    grid-column: 1;
    grid-row: 1;
  }
  .slide--ai20261124 .slide__ai-logos img {
    width: 112px;
  }
  .slide--ai20261124 .slide__ai-audience {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
    font-size: 16px;
  }
  .slide--ai20261124 .slide__ai-title {
    grid-column: 1;
    grid-row: 3;
    margin-top: 0;
  }
  .slide--ai20261124 .slide__ai-title > span {
    font-size: clamp(30px, 2.8vw, 36px);
  }
  .slide--ai20261124 .slide__ai-title strong {
    margin-top: 8px;
    font-size: clamp(56px, 5.6vw, 72px);
  }
  .slide--ai20261124 .slide__ai-theme {
    grid-column: 1;
    grid-row: 4;
    margin-top: 0;
    font-size: 17px;
  }
  .slide--ai20261124 .slide__ai-event {
    grid-column: 2;
    grid-row: 1/4;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin-top: 0;
    padding-left: 30px;
    border-left: 1px solid #bed9e8;
  }
  .slide--ai20261124 .slide__ai-event time {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .slide--ai20261124 .slide__ai-year {
    font-size: 18px;
  }
  .slide--ai20261124 .slide__ai-event strong {
    font-size: clamp(72px, 7vw, 90px);
  }
  .slide--ai20261124 .slide__ai-event small {
    font-size: 28px;
  }
  .slide--ai20261124 .slide__ai-event .slide__ai-weekday {
    font-size: 23px;
  }
  .slide--ai20261124 .slide__ai-time {
    font-size: 23px;
  }
  .slide--ai20261124 .slide__ai-free {
    font-size: 18px;
    padding: 3px 12px;
  }
  .slide--ai20261124 .slide__ai-venue {
    grid-column: 2;
    grid-row: 4;
    align-self: center;
    margin-top: 0;
    padding-left: 30px;
    font-size: 14px;
  }
  .slide--ai20261124 .slide__ai-cta {
    position: absolute;
    bottom: 28px;
    left: 5%;
    width: min(380px, 44%);
    height: 52px;
    margin-top: 0;
    font-size: 18px;
  }
}
@media (max-width: 359px) {
  .slide--ai20261124 .slide__ai-logos img {
    width: 68px;
  }
  .slide--ai20261124 .slide__ai-audience {
    margin-top: 6px;
  }
  .slide--ai20261124 .slide__ai-title {
    margin-top: 5px;
  }
  .slide--ai20261124 .slide__ai-title > span {
    font-size: 21px;
  }
  .slide--ai20261124 .slide__ai-title strong {
    font-size: 30px;
  }
  .slide--ai20261124 .slide__ai-event {
    margin-top: 8px;
  }
  .slide--ai20261124 .slide__ai-venue {
    margin-top: 5px;
  }
}
@media (min-width: 1024px) {
  .slide--ai20261124 {
    background-position: right center;
    background-size: auto 100%;
  }
  .slide--ai20261124 .slide__ai-link {
    background: linear-gradient(90deg, #f1faff 0%, rgba(241, 250, 255, 0.97) 39%, rgba(241, 250, 255, 0.94) 59%, rgba(241, 250, 255, 0) 81%);
  }
  .slide--ai20261124 .slide__ai-content {
    grid-template-columns: 40%;
    grid-template-rows: 39px 24px 118px 26px;
    gap: 12px;
    padding: 32px 5% 100px;
  }
  .slide--ai20261124 .slide__ai-logos {
    padding: 4px 0;
    background: transparent;
    gap: 12px;
    font-size: 12px;
  }
  .slide--ai20261124 .slide__ai-logos img {
    width: 108px;
  }
  .slide--ai20261124 .slide__ai-audience {
    font-size: 16px;
  }
  .slide--ai20261124 .slide__ai-title > span {
    font-size: 34px;
  }
  .slide--ai20261124 .slide__ai-title strong {
    margin-top: 10px;
    font-size: 56px;
    letter-spacing: -0.03em;
  }
  .slide--ai20261124 .slide__ai-theme {
    font-size: 16px;
    white-space: nowrap;
  }
  .slide--ai20261124 .slide__ai-event {
    position: absolute;
    top: 72px;
    left: 43%;
    width: 27%;
    gap: 14px;
    justify-content: flex-start;
    padding-left: 28px;
    border-color: #80bfdf;
  }
  .slide--ai20261124 .slide__ai-event time {
    gap: 0;
  }
  .slide--ai20261124 .slide__ai-year {
    font-size: 20px;
  }
  .slide--ai20261124 .slide__ai-event strong {
    font-size: 76px;
    line-height: 1.1;
  }
  .slide--ai20261124 .slide__ai-event small {
    font-size: 24px;
  }
  .slide--ai20261124 .slide__ai-event .slide__ai-weekday {
    font-size: 24px;
  }
  .slide--ai20261124 .slide__ai-time {
    margin-top: 4px;
    font-size: 24px;
  }
  .slide--ai20261124 .slide__ai-registration {
    gap: 12px;
    white-space: nowrap;
  }
  .slide--ai20261124 .slide__ai-free {
    padding: 0;
    border: 0;
    background: transparent;
    color: #c56400;
    font-size: 20px;
  }
  .slide--ai20261124 .slide__ai-capacity {
    display: block;
    padding-left: 12px;
    border-left: 1px solid #80bfdf;
    font-size: 15px;
    font-weight: 700;
  }
  .slide--ai20261124 .slide__ai-venue {
    position: absolute;
    top: 264px;
    left: 43%;
    width: 27%;
    padding: 12px 0 0 28px;
    border-left: 1px solid #80bfdf;
    font-size: 18px;
    font-weight: 700;
  }
  .slide--ai20261124 .slide__ai-venue::before {
    content: "";
    display: block;
    margin-bottom: 10px;
    border-top: 1px solid #c3dfea;
  }
  .slide--ai20261124 .slide__ai-venue span {
    display: block;
    font-size: 15px;
  }
  .slide--ai20261124 .slide__ai-venue .slide__ai-venue-capacity {
    display: none;
  }
  .slide--ai20261124 .slide__ai-cta {
    width: 360px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .slide--ai20261124 .slide__ai-title > span {
    font-size: clamp(27px, 2.65vw, 34px);
  }
  .slide--ai20261124 .slide__ai-title strong {
    font-size: clamp(44px, 4.375vw, 56px);
  }
  .slide--ai20261124 .slide__ai-theme {
    font-size: clamp(13px, 1.25vw, 16px);
  }
  .slide--ai20261124 .slide__ai-event {
    top: calc(50% - 128px);
    width: 31%;
    min-height: 192px;
    padding-left: 22px;
  }
  .slide--ai20261124 .slide__ai-year {
    font-size: 18px;
  }
  .slide--ai20261124 .slide__ai-event strong {
    font-size: clamp(60px, 5.94vw, 76px);
  }
  .slide--ai20261124 .slide__ai-event small,
  .slide--ai20261124 .slide__ai-event .slide__ai-weekday {
    font-size: clamp(19px, 1.875vw, 24px);
  }
  .slide--ai20261124 .slide__ai-time {
    font-size: 22px;
  }
  .slide--ai20261124 .slide__ai-registration {
    gap: 10px;
  }
  .slide--ai20261124 .slide__ai-free {
    font-size: 18px;
  }
  .slide--ai20261124 .slide__ai-capacity {
    padding-left: 10px;
    font-size: 13px;
  }
  .slide--ai20261124 .slide__ai-venue {
    top: calc(50% + 64px);
    width: 31%;
    padding-left: 22px;
  }
}

/* options/select wrapper with switch anchors */
.news-headline-list-wrapper {
  container-name: newslistwrapper;
  container-type: inline-size;
}

.news-headlines-list {
  width: 100%;
  padding: 2em 0 0.5em;
  margin-inline: auto;
  container-name: newslist;
  container-type: inline-size;
}
@container newslistwrapper (min-width: 540px) {
  .news-headlines-list {
    grid-template-columns: repeat(auto-fill, minmax(min(30cqw, 300px), 1fr));
    display: grid;
    gap: 2.5em clamp(2.08cqw, 0.75vw + 0.5rem, 5cqw);
    padding: 3.5em 0;
  }
}
@container newslistwrapper (min-width: 1280px) {
  .news-headlines-list {
    grid-template-columns: repeat(auto-fill, minmax(23cqw, 1fr));
  }
}
.news-headlines-list li {
  position: relative;
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #f0e6d5;
}
@container newslist (min-width: 540px) {
  .news-headlines-list li {
    margin-bottom: 0;
    border-width: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .news-headlines-list li:hover .news-headlines-list__article-image img {
    opacity: 0.7;
  }
  .news-headlines-list li:hover .news-headlines-list__article-title {
    color: #ef6c00;
    text-decoration: underline;
  }
}
.news-headlines-list__article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article {
    display: block;
  }
}
.news-headlines-list__article header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 0.5em;
}
.news-headlines-list__article header .cat-mark.news-article-catmark {
  font-size: clamp(10px, calc(1rem + (12 / 1280) * 100vw), 12px);
  display: inline-block;
  width: auto;
  padding: 3px 1.6em;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.5pt;
  white-space: nowrap;
}
.news-headlines-list__article header .issue-date {
  font-size: clamp(10px, calc(1rem + (12 / 1280) * 100vw), 12px);
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #bcaaa4;
}
.news-headlines-list__article-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article-content {
    display: block;
  }
}
.news-headlines-list__article-image {
  width: 32%;
  aspect-ratio: 3/2;
  overflow: hidden;
  border: 2px solid #d6cdbf;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article-image {
    width: 100%;
  }
}
.news-headlines-list__article-image img {
  object-fit: cover;
  width: 100%;
  transition: opacity 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .news-headlines-list__article-image:hover {
    opacity: 0.7;
  }
}
.news-headlines-list__article-body {
  width: 64%;
  text-align: left;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article-body {
    width: 100%;
    padding-top: 1em;
  }
}
.news-headlines-list__article-title {
  font-size: clamp(14px, calc(1rem + (15 / 1280) * 100vw), 15px);
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #3e2723;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article-title {
    font-size: 0.875rem;
    padding-bottom: 12px;
  }
}
.news-headlines-list__article-excerpt {
  display: none;
  content-visibility: hidden;
}
.news-headlines-list__article-link {
  transition: all 0.3s;
}
.news-headlines-list__article-link.icon-link {
  display: none;
}
@container newslist (min-width: 540px) {
  .news-headlines-list__article-link.icon-link {
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
  }
}
.news-headlines-list__article-link::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.news-headlines-view-all-link {
  margin: 24px auto 0;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .news-headlines-view-all-link {
    margin-top: 0;
  }
}