@charset "UTF-8";
:root {
  --clr: #86c4d1;
  --clr-acct: #23b3d1;
  --clr-sub: #006987;
  --clr-sub2: #f1f1f1;
  --clr-sub3: #26455c;
  --clr-sub4: #9cc7d1;
  --clr-sub5: #b5c8d4;
  --clr-sub6: #E6E9EC;
  --clr-bs: #f1f1f1cc;
  --clr-lnk: #18817F;
  --clr-hvr: #73d3c3;
  --clr-hvr2: #aee4db;
  --clr-bw: #fff;
  --clr-scrl: var(--clr-fltr-w);
  --clr-hd: var(--clr-blk);
  --clr-blk: #333;
  --clr-brdr: rgba(0,0,0,0.06);
  --clr-grd: linear-gradient(90deg, var(--clr), var(--clr-acct));
  --clr-grd2: linear-gradient(90deg, var(--clr-sub), var(--clr-acct));
  --clr-grd3: linear-gradient(-40deg, var(--clr-sub), var(--clr-sub2));
  --clr-grd4: linear-gradient(90deg, var(--clr-sub5), #f0f0f0);
  --clr-grd5: linear-gradient(124deg, var(--clr), var(--clr-acct));
  --clr-grd6: linear-gradient(90deg, var(--clr-sub), var(--clr-acct));
  --clr-fltr-w: brightness(0%) contrast(300%) hue-rotate(360deg) invert(100%);
  --sdw: -5px 10px 35px -20px rgba(77, 77, 77, 0.7);
  --sdw2: 5px 5px 10px -5px rgba(0, 0, 0, .1), -5px -5px 10px #fff;
  --sdw3: -5px 10px 35px -20px rgba(77, 77, 77, 0.3);
  --sdw4: 7px 10px 35px -20px rgba(77, 77, 77, 0.7);
  --sdw5: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
  --txt-sdw: 1px 1px 15px rgba(58, 58, 58, 0.7);
  --txt-sdw2: 1px 1px 15px rgba(58, 58, 58, 0.3);
  --fnt-swp: "YkhnG","Noto Sans JP","Nmeg",sans-serif;
  --fnt: var(--fnt-swp);
  --fnt-swp-min: "YkhnM","Noto Serif JP", serif;
  --fnt-min: var( --fnt-swp-min);
  --fnt-hand: "Hand", cursive;
  --fnt-cat: var(--fnt-min);
  --fnt-cat2: "Nmeg", var(--fnt);
  --fnt-eng: "Eng", sans-serif;
  --fnt-sz-min: 12px;
  --fnt-sz-sml: 14px;
  --fnt-sz: 16px;
  --fnt-sz-big: 20px;
  --fnt-sz-max: 32px;
  --txt-trf: none;
  --wd-pc: 1200px;
  --wd-tb: 768px;
  --wd-sp: 430px;
  --wd-scrl: calc(100vw - 100%);
  --wd-full: calc(100vw - var(--wd-scrl));
  --ht-max: 100vh;
  --ht-mn: 70px;
  --ht-mn-sp: 70px;
  --rt-gld: 1.618 / 1;
  --rt-slv: 1.414 / 1;
  --rt-gld-v: 1 / 1.618;
  --rt-sir-v: 1 / 1.414;
  --anm: all 0.6s;
  --anm-sub: all 0.8s cubic-bezier(0.2, 1, 0.2, 1);
  --img-hvr: scale(1.1);
  --btn-mv: scale(0.99, 0.99) translateY(2px);
  --slt: matrix(1, 0, -0.42, 1, 0, 0);
  --slt2: matrix(1, 0, 0.42, 1, 0, 0);
  --slt3: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  --slt4: skewX(-25deg);
  --slt-r: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
  --slt-l: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  --slt-b: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
  --slt-hr: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
  --slt-hl: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
  --slt-lr: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);
  --flip-hrzn: scale(-1, 1);
  --flip-updw: scale(1, -1);
  --rds: 20px;
  --rds-max: 40px;
  --rds-min: 10px;
  --z-bk: -1;
  --z-hdr: 100;
  --z-opn-btn: 101;
  --z-mn: 999;
  --z-fix: 9998;
  --z-frnt: 9999;
}

:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

:root {
  --vk-width-container: 1200px;
  --vk-width-container-padding: 0;
  --vk-width-col-2-main: 70%;
  --vk-size-text: var(--fnt-sz);
  --vk-width-container: 1200px;
  --vk-width-container-padding: 0;
  --vk-width-col-2-main: 70%;
  --vk-width-col-2-sub: calc(var(--vk-width-container)* 0.27);
  --vk-size-text: var(--fnt-sz);
}
@media (max-width: 1200px) {
  :root {
    --vk-width-container: 960px;
  }
}
@media (max-width: 991.98px) {
  :root {
    --vk-size-text: var(--fnt-sz);
  }
  :root body, :root html {
    font-size: var(--fnt-sz);
  }
}

.page-header {
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  text-align: center;
}

.page-header-inner {
  margin: 0 auto;
}

.page-header-title, h1.page-header-title {
  padding: 0;
}

.page-header-title::before {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-family: var(--fnt-eng);
  font-size: 2.8rem;
  text-transform: var(--txt-trf);
  border-bottom: var(--page-line);
  padding: 16px 10px 10px 10px;
  margin: 0 auto 5px auto;
}

.screen-reader-text, .meta-nav, .vk-mobile-nav-menu-btn,
#site-header, .page_top_btn, #page_top, .vk-mobile-nav,
body.home .site-body-bottom, .site-footer, .site-footer-copyright {
  display: none !important;
}

.entry-body > p {
  margin: 0;
  padding: 0;
}

.site-body.site-body--padding-vertical--off {
  padding: 0;
}
@media (min-width: 1200px) {
  .site-body {
    padding: 3.5em 0 4em;
  }
}
@media (min-width: 768px) {
  .site-body {
    padding: 3rem 0 3.5rem;
  }
}
@media (min-width: 768px) {
  .site-body {
    padding: 3rem 0 3.5rem;
  }
}

.site-body-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 992px) {
  .site-body-container {
    flex-direction: row;
  }
  .main-section--col--two {
    width: var(--vk-width-col-2-main);
  }
  .sub-section--col--two {
    width: var(--vk-width-col-2-sub);
  }
}
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991.98px) {
  .not-home .main-section {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
  .main-section, .sub-section {
    width: 100%;
    flex-basis: unset;
  }
}
.main-section:after, .site-body-container:after,
.site-body:after, .sub-section:after {
  content: "";
  display: block;
  clear: both;
}

.main-section > aside:last-child, .main-section > div:last-child, .sub-section > aside:last-child, .sub-section > div:last-child {
  margin-bottom: 0;
}

.sub-section {
  content-visibility: auto;
  contain-intrinsic-size: 500px;
}

.widget {
  display: block;
  margin-bottom: 2rem;
}

.wp-block-archives {
  box-sizing: border-box;
}

.widget_archive > div > ul li, .widget_archive > ul li, .widget_categories > div > ul li, .widget_categories > ul li {
  list-style: none;
  margin: 0;
  font-size: var(--fnt-sz-sml);
}

.widget_archive > div > ul li a, .widget_archive > ul li a, .widget_categories > div > ul li a, .widget_categories > ul li a {
  display: block;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 1rem;
  border-bottom: 1px solid var(--clr-brdr);
  text-decoration: none;
}

.blog .main-section .vk_posts, .archive .main-section .vk_posts, .single .main-section .vk_posts, .search .main-section .vk_posts {
  gap: 30px 0;
}

.vk_posts {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  clear: both;
}

.vk_post.media {
  display: flex;
  margin: 0 15px;
  align-items: flex-start;
}

.breadcrumb-list {
  padding: 6px 0;
  margin: 0;
}
.breadcrumb-list li {
  display: inline-block;
  margin: 0;
  list-style: none;
}
.breadcrumb-list li:after {
  content: "/";
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media (max-width: 1200px) {
  .breadcrumb-list {
    padding: 6px 16px;
  }
}

li a, p a {
  text-underline-offset: 2px;
}

meta {
  display: none;
}

.entry-title {
  margin-bottom: 0.5rem;
}

.comments-area {
  content-visibility: auto;
  margin-bottom: 3rem;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea {
  font-size: 1rem;
  padding: 0.8em 1em;
  margin: 0 0 0.5rem;
  width: 100%;
}

.pagination {
  margin-top: 2rem;
  margin-bottom: 0;
  text-align: center;
  content-visibility: auto;
}
.pagination .nav-links {
  margin: 0 auto;
  display: inline-flex;
}
.pagination ul.page-numbers li a, .pagination ul.page-numbers li span.page-numbers {
  padding: 6px 12px;
  display: block;
  border: 1px solid var(--clr-brdr);
  margin-left: -1px;
  color: var(--clr-blk);
  text-decoration: none;
}
.pagination ul.page-numbers {
  padding: 0;
  margin: 0 auto;
}
.pagination ul.page-numbers li {
  margin: 0;
  list-style: none;
  display: block;
  overflow: hidden;
  float: left;
}

nav {
  margin: 0;
  padding: 0;
}

ul.page-numbers li:first-child a, ul.page-numbers li:first-child span.page-numbers {
  margin-left: 0;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  word-break: normal;
}

@keyframes fd {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fdOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
@keyframes crcl {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: scale(2);
  }
}
@keyframes lost {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bgBtmTop {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
.fdOut {
  animation: fdOut 0.6s ease-out forwards;
}

.bgLR::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd2);
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  z-index: 1;
  transform: scale(0, 1);
  transform-origin: right top;
}
.bgLR:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}

.bgCntX::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd2);
  transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  z-index: 1;
  transform: scale(0, 1);
  transform-origin: top;
}
.bgCntX:hover::before {
  transform: scale(1, 1);
}

.bgSlnt::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -130%;
  width: 120%;
  height: 100%;
  background: var(--clr-grd2);
  z-index: 1;
  transform: skewX(-25deg);
}
.bgSlnt:hover::before {
  animation: bgSlnt 0.5s forwards;
}
@keyframes bgSlnt {
  100% {
    left: -10%;
  }
}

.bgCntOut::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd2);
  transition: ease 0.2s;
  z-index: 1;
  transform: scale(0, 0);
  transform-origin: center;
}
.bgCntOut:hover::before {
  transform: scale(1, 1);
}

.bgCrcl::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  width: 100%;
  height: 0;
  background: var(--clr-grd2);
  padding-top: 100%;
  border-radius: 50%;
  opacity: 0;
  z-index: 1;
  transform: translateY(-50%) scale(0.1);
  transition: opacity 0.5s, transform 0s;
  transition-delay: 0s, 0.3s;
}
.bgCrcl:hover::before {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  transition-delay: 0s;
  transition: opacity 0.7s, transform 0.5s ease-in-out;
}

.upAnm {
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  margin: 0 auto;
  line-height: 0.8;
}
.upAnm > span {
  display: inline-block;
  overflow: hidden;
  opacity: 0;
  line-height: 1;
}
.upAnm.act > span {
  animation: UpAnm 0.6s cubic-bezier(0.5, 0.5, 0, 1) forwards;
}

@keyframes UpAnm {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.oneAnm {
  overflow: hidden;
  margin: 0 auto;
}
.oneAnm span {
  display: inline-block;
  overflow: hidden;
  opacity: 0;
}
.oneAnm.act span {
  animation: fd 0.6s cubic-bezier(0.5, 0.5, 0, 1) forwards;
}

.oneAnm.u.act span {
  animation-name: oneUp;
}

@keyframes oneUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.oneAnm.l.act span {
  animation-name: oneL;
}

@keyframes oneL {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.w-btn {
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: var(--clr-grd);
  box-shadow: var(--sdw);
  border-radius: var(--rds-max);
  padding: 16px 40px;
  overflow: hidden;
}
.w-btn span {
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
.w-btn:hover {
  box-shadow: none;
  transform: var(--btn-mv);
}
.w-btn:hover span {
  color: #fff;
}

a[rel*=nofollow].w-btn span {
  display: inline-block;
  padding-right: 26px;
  width: -moz-fit-content;
  width: fit-content;
}
a[rel*=nofollow].w-btn span::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 20px;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
}

a[rel*=nofollow].w-btn:hover span::before {
  background: #fff;
}

.w-btn-o {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 80px auto 0 auto;
  transition: ease 0.2s;
}
.w-btn-o img, .w-btn-o svg.ico-aft {
  position: absolute;
  top: auto;
  bottom: 38px;
  width: 40px;
  height: 10px;
  margin-top: 30px;
  margin-left: -20px;
  z-index: 3;
  transition: ease 0.2s;
}
@media (max-width: 430px) {
  .w-btn-o img, .w-btn-o svg.ico-aft {
    margin-left: -30px !important;
  }
}
.w-btn-o svg {
  z-index: 1;
  fill: #fff;
}
.w-btn-o .w-btn .icn {
  display: flex;
  gap: 1em;
  margin-left: -20px;
}
.w-btn-o .w-btn .icn > .ico-arw {
  margin-right: -20px;
  border: 1px solid #fff;
  padding: 6px;
  border-radius: 50%;
}
.w-btn-o .cat {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 0.9em;
  margin: 0 auto 8px auto;
  color: var(--clr);
  z-index: 1;
  margin-bottom: -0.2em;
}
.w-btn-o .cat span {
  padding: 8px 16px;
  border: 3px solid var(--clr);
  background: #fff;
  border-radius: 26px;
}
.w-btn-o .bgCntX::before {
  background: var(--clr-grd2);
}
.w-btn-o:hover {
  transform: var(--btn-mv);
}
.w-btn-o:hover img, .w-btn-o:hover svg.ico-aft {
  margin-top: 30px;
  margin-left: -23px;
}
.w-btn-o.sub .w-btn {
  background: var(--clr-sub3);
}
.w-btn-o.sub .w-btn:before {
  background: var(--clr-sub);
}
.w-btn-o.line .w-btn {
  background: #fff;
  border: 1.2px solid var(--clr);
}
.w-btn-o.line .w-btn span {
  color: var(--clr);
}
.w-btn-o.line .w-btn .icn > .ico-arw {
  background: var(--clr);
  border-color: var(--clr);
}
.w-btn-o.line .w-btn .icn > .ico-arw use {
  color: #fff;
}
.w-btn-o.line .w-btn svg {
  fill: var(--clr);
}
.w-btn-o.line .w-btn:before {
  background: var(--clr-grd2);
}
.w-btn-o.line .w-btn:hover {
  border-color: transparent;
}
.w-btn-o.line .w-btn:hover span {
  color: #fff;
}
.w-btn-o.line .w-btn:hover .icn > .ico-arw {
  background: transparent;
  border-color: #fff;
}
.w-btn-o.line .cat span {
  background: var(--clr);
  color: #fff;
}

.prg-lnk {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: 56px;
  padding: 0 73px 0 0;
  margin-top: 30px !important;
}
.prg-lnk .txt {
  color: var(--clr-blk);
  height: 56px;
  line-height: 56px;
}
.prg-lnk .c-prg {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  background: #fff;
}
.prg-lnk .c-prg .ico-crcl {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 56px;
  height: 56px;
  z-index: 1;
  transform: scaleX(-1) rotate(-90deg);
  transform-origin: center;
}
.prg-lnk .c-prg .ico-crcl use {
  stroke: var(--clr);
  stroke-dasharray: 176px;
  stroke-dashoffset: 176px;
  transition: stroke-dashoffset 0.75s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: 0px 0px;
}
.prg-lnk .c-prg .ico-arw, .prg-lnk .c-prg .ico-aft {
  position: absolute;
  top: calc(50% - 11px);
  left: calc(50% - 11px);
  width: 22px;
  height: 22px;
  z-index: 2;
  color: var(--clr);
  fill: var(--clr);
}
.prg-lnk .c-prg .ico-arw:last-child {
  transform: translate3d(-10%, 0, 0);
  opacity: 0;
}
.prg-lnk:hover .c-prg .ico-crcl use {
  stroke-dashoffset: 0px;
}
.prg-lnk:hover .c-prg .ico-arw {
  animation: prgArw 0.3s ease forwards;
}
.prg-lnk:hover .c-prg .ico-arw:last-child {
  animation: prgArw2 0.3s ease forwards 0.2s;
}
@keyframes prgArw {
  0% {
    transform: translate3d(0%, 0, 0);
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    transform: translate3d(20%, 0, 0);
    opacity: 0;
  }
}
@keyframes prgArw2 {
  0% {
    transform: translate3d(-20%, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0%, 0, 0);
    opacity: 1;
  }
}

.crcl span.mask::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: scale(0);
  opacity: 0;
  border-radius: 50%;
}
.crcl span.mask:hover::before {
  animation: crcl 0.75s;
}

.bgMvAnm, .bgInAnm {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  opacity: 0;
}

.bgMvAnm.act {
  animation: fd 1s forwards;
}
.bgMvAnm.act::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
  animation: bgOtRt 1s forwards;
}
.bgMvAnm.act .bgInAnm {
  animation: fd 1s forwards 0.6s;
}
.bgMvAnm.act.fsv::before {
  display: none;
}
.bgMvAnm.act.fsv .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--clr-grd);
  transform-origin: left;
  transform: scaleX(0);
  animation: bgOtRt 1s forwards;
}

@keyframes bgOtRt {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.bg-sty .bgInAnm {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  padding: 0 6px 4px 6px;
}
.bg-sty .bgMvAnm.act::before {
  animation: bgStyRt 1s forwards;
  z-index: 0;
}
.bg-sty .bgMvAnm.act .bgInAnm {
  animation: fd 1s forwards 1s;
}
.bg-sty.wt .bgMvAnm.act::before {
  background: #fff;
}
.bg-sty.wt .bgInAnm {
  color: var(--clr);
}
.bg-sty .bgMvAnm.act.fsv .bg {
  animation: bgStyRt 1s forwards;
}
.bg-sty.wt .bg {
  background: #fff;
}
.page .bg-sty h3 {
  font-size: 1.6rem;
  padding-top: 6px;
}
.page .bg-sty h3::before {
  display: none;
}
@media (max-width: 768px) {
  .page .bg-sty h3 {
    font-size: 1.3rem;
  }
}
body.left .bg-sty .bgMvAnm {
  margin-left: 0;
}
body.left .bg-sty h3 {
  text-align: left;
}

@keyframes bgStyRt {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  100% {
    transform-origin: left;
    transform: scaleX(1);
  }
}
.bgOpnAnm::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.bgOpnAnm.act {
  opacity: 1;
}
.bgOpnAnm.act::before {
  animation: bgLtOpn 1s forwards;
  animation-delay: 1s;
}
.bgOpnAnm.act.r::before {
  animation: bgRtOpn 1s forwards;
}

@keyframes bgLtOpn {
  0% {
    transform-origin: left;
    transform: scaleX(1);
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes bgRtOpn {
  0% {
    transform-origin: right;
    transform: scaleX(1);
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.opnAnm {
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
  transition: -webkit-clip-path 1.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: clip-path 1.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path 1.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 1s;
}
.opnAnm.r {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}
.opnAnm.act {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}

.fdAnm.act {
  animation: fd 1s forwards;
  opacity: 0;
}
.fdAnm.act.u {
  animation: fdU 0.7s forwards;
  opacity: 0;
}
.fdAnm.act.l {
  animation: fdL 0.7s forwards;
  opacity: 0;
}
.fdAnm.act.r {
  animation: fdR 0.7s forwards;
  opacity: 0;
}

@keyframes fdU {
  from {
    opacity: 0;
    transform: translateY(80px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fdL {
  from {
    opacity: 0;
    transform: translateX(-80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fdR {
  from {
    opacity: 0;
    transform: translateX(80px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.zoomIn {
  animation: zoomIn 0.5s forwards;
}

@keyframes zoomIn {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.blrAnm.act {
  animation: blr 1s forwards;
}

@keyframes blr {
  from {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }
  to {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}
.lineAnm {
  /*左右線*/
}
.lineAnm.act {
  animation: fd 0.5s forwards;
}
.lineAnm::before, .lineAnm::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  background: var(--clr);
}
.lineAnm::before {
  top: 0;
  right: 0;
}
.lineAnm::after {
  bottom: 0;
  right: 0;
}
.lineAnm .line2 {
  max-width: 100%;
}
.lineAnm .line2::before, .lineAnm .line2::after {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 0;
  background: var(--clr);
}
.lineAnm .line2::before {
  top: 0;
  right: 0;
}
.lineAnm .line2::after {
  bottom: 0;
  left: 0;
}
.lineAnm.act::before {
  animation: line 0.5s linear 0s forwards;
}
.lineAnm.act::after {
  animation: line 0.5s linear 1s forwards;
}
.lineAnm.act .line2::before {
  animation: line2 0.5s linear 0.5s forwards;
}
.lineAnm.act .line2::after {
  animation: line2 0.5s linear 1.5s forwards;
}

@keyframes line {
  0% {
    width: 0%;
  }
  99% {
    width: 100%;
    opacity: 0.2;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes line2 {
  0% {
    height: 0%;
  }
  99% {
    height: 100%;
    opacity: 0.2;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
.lineAnm.act .line-box {
  animation: fd 0.5s linear 1.5s forwards;
  opacity: 0;
  max-width: 100%;
}

.bg-img .lineAnm.act .line-box {
  animation: lost 0.5s linear 1.6s forwards;
  opacity: 0.8;
  background: #fff;
}

.bgOpnAnm, .zoomInAnm, .fdAnm, .flpAnm, .blrAnm, .sldAnm, .lineAnm {
  opacity: 0;
}

.glwAnm {
  opacity: 0;
}
.glwAnm span {
  opacity: 0;
}
.glwAnm.act {
  opacity: 1;
}

.glwAnm.act span {
  animation: glw 1s ease-out forwards;
}

@keyframes glw {
  0% {
    opacity: 0;
    text-shadow: 0 0 0 rgb(245, 255, 189), 0 0 0 rgb(245, 255, 189);
    color: rgb(246, 255, 195);
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 10px rgb(245, 255, 189), 0 0 15px rgb(245, 255, 189);
    color: rgb(246, 255, 195);
  }
  100% {
    opacity: 1;
    text-shadow: none;
    color: var(--clr-bw);
  }
}
@font-face {
  font-family: "Eng";
  font-display: swap;
  src: url("data:application/x-font-woff;base64,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") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "YkhnG";
  font-display: swap;
  src: url("data:application/x-font-woff;base64,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") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "YkhnG";
  font-display: swap;
  src: url("data:application/x-font-woff;base64,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") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "YkhnM";
  font-display: swap;
  src: url("data:application/x-font-woff;base64,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") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Nmeg";
  font-display: swap;
  src: url("data:application/x-font-woff;base64,d09GMk9UVE8AAA7UAAkAAAAAF9gAAA6OAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADZZxBmAATAE2AiQDgSAEBgWTdgcgGzIXIwPBxgEoQJ4n+2uMjaHVEzp2F1ygS288dwdJoWNAqYITzAe+9csYN9QOLrABAMAiAAAAABIAAGAopU/cu/f3bqx1vmmfR3maTow2dR5ggIGGWYB1RHMWZO+2FjRULDVMmzaYeKgb0PJ9qlNRgSKWtlAVm/uf8O+XTj9V5avsLBx/usr5h8zlbg1ro0FoGUl8D/W17RFi532rLzjCidqSlaC67f093EwCIQWa8ZcmGlhSUiTB2KZGX//r7yNugDy0sldrpe1+XvcJS+yAS0VYNj7G3M5CfV8/0dz8s9oAskYhE5vyNw+AKohCEUgSJlYF3IYOj0crWsYme2Qpp0JnPHcg0AkiQ/ViRkdJyYU/VDb35B7fxwGjbX77gJbU9dft0L7HZOv9ug+0Byn1pKRO9KwvO7N/Lau7vbvp6WvOsjSpFOX0rWQkp2RCAzFhqnki759au9LIkR9ydtHEtpf1MZtMF2OZ2RTNJOgVMdZ3SXJJsaarf7fOpEr6I1xMLPDJgf0X59iLi3ilitFNpfEZd7XRKTj1nTNIU6yUlmzpPpvFfWBrVwfZVlK2t1zRTa+76YL2Jv+WmEtzFbKeYYJ6zPp9ZkuMw1Fcf4s7A8bzjkfcDtAFqh2DjpiI+wEdQxeMRg1q8RY8c5gRemIEboI7jmCL+W5ykWgBWIxL8Cz8dHiyq4o5XRb/VdQmtlG5U07TySs8XKpAO/iCnQCXkxWs0ZTsYDkrMgFaUb/8K3V6OACOomEkZF4E1AAWHj57EfpmHIoFKgTSZEVGApe/emwhxWM76vmPPukJWSPTpviXcmfsohtCbqL8VaOFVI7G1F8YAhlzBs3BrtgJDbAvcBcAezi+JiVYQrgmNIA/9GQ19U0HjsMNqMsBPyCBONZTNoWJL8Jdui7oBdjuwTvaDT5Fnldv40vE+/u0p+EhoKntDeoD/SFoSGQiv+PCmuobtx+DC1A1FOIhPDeLugHvLaIKGrMhEMLSBvlBGCRX5DbyEEd2NO5BLraB4VNR4ykFihjFttRtrt9YxxcL83LnhkEeJzuRThlid0x6gYb9pXAKFmiPLplZ4TX7inCPZtA9S/7h5bsDqvrcJmMYCuPKR5bytejCcCsa65TCZNJdyWWNu7evaoI70JIJKuifnOEDIZBamV/PQx3YiaT72Xrc43P4n+IiNBRAf3DOzk6CaEg/WopdK08e2loHfLmuvQJN4fdHQHtAVzdp9z0TIkcWpi/FmOsXn0EjaMfvHMnvv2Q5ByNqnIFsgLpTW6A9QGvRhBj2knEPYizQRliNjdvQDv1wEH+tKyNjfC5SL0rLI/V0WknBh1yz28KX54CG8C3xbGh12JdrPnDwHNy6B20HPqCOQOZg7wvUDrzqE08V8NliyOD4aLAH4r/d5Ty3Q1K4wntfQiVchzN1FS1wHqryIBZyp+UPLuJ59FwRAkmNcAVO7G6p2/9Rc3U4+EBkzpAoDZ9uoLRYAW+02hNwAY6kr6EuQxOyJhRAJBTUwwv+ULdRgVaA3bEDYAXgSjJFfVICmUEve6DFW+LyyheNoAUu7K1tKafo0Cg15ELOtjF7ubcra8q5onkLXI69cIlkodh6b+vTTY/4EmGL5+YB23z4Vg9GQQJNp9P27ygcxQSG5Y80eSeBZv4zlVGAIMfwNxa4QcCBgMbXAG3ga9xJz00eWu7C1prrcPWZ9CCuJXvgNE9AazqhwLiX4itoGgsREFdQ5ABcRfcVOOKH+B2Oj4BA8EkabGnOO+MidS9VfIQHNeducO+3rDAvY2QkUBvw/QSoAnR7+hEN4SQ0jq0ZzO+9Z5ktfloHoFggF+oDNBcI0J66YKwYHmYeDIZRg1GiMeBCwEWkxLY0CTjl6jTEVn2FBAdF7AHPQ4HCgcJU/tSDCUSLVITGdB0zcM02tpW+eIZIlyHIn3GMrPEYrr8Vs07GcwBZDwFHSg6lih/woq6lmeMLWk8dsCNZipOmDv5rCJAl+GsPzy1GcAUaxlQP4ffJ/Gb/g0pIz3RFx5RsWamm7hZWkJNY/TOVrEhLFahN1oKcfO671+7xnl7FJaUKdIPrKAD25NJ8stZNF6Hf0CERkA+abaOOc0s/1qy6mYsynqkxA9YIn9AEk+g5wwECbZKScRJqGQ1k13l0h83FO3z5vhcwOXFcaj0twj/P3dXOeF6A6zN+lF/ni4UzFIAiXWTPBBTw4lkMYEuEv4PL+kIwp/PYVbtJqkUyoq+sOHt6RnEWny2UHCptLj7IyRS/MlKLw4XZSmyJnpW9K3+YCy13yA2H6ZQMbZ+1KKlZgIGrbZb59Cz+2J+GSz0Z2bHobZLC5oY0wK4FgcsXmrpiCY4DxLuWhZxZROXYlaxSDIqjuSHpQ/A3QFdAt+sfUB9gwXV7IDftGmz5oJHL0dMvQ17/RUA3QLO7gN6AgWR6mtTAaU4+htbiOU8Ru8ooUMGAjLx+rh7FfxS84etqPGZ6BFsNFP+mc4rjoF25czUfg3psUvno2cMhrJ/FtqEn0armI3YDzLGhycG/SImuI4+Q4S+P95ORY4SRWRU/pmpPFQzdBfLHk+xZxclrgAaAPmR0gpyA0yqN4VMXkz6KH+DYGPAEr5RCe6KN8VLoJugL334AdoA/cadcqrltPYvakboJjkFz/Z5LcO6f5cRDGn7nHYs9p6pUAdlCL0egDkCyO293RvAv+ezyaO00SILUgmE+EAHBFSnNfEA/djPki+aLBG2CM02sl1pxUBmxXSBj1AhyXCC1U6rD4VdGTGI+l+ypt85dBHJMTHUDFSQfBXTkkjuCwX5Xmo8ySwwTk90WxzYECzipArLaCnbUyia4F/uPV6NiohOeFN+e8JjbYCsjJ0EuuaHKAsOFR5I+W3165am6OO1yRcKqhNXx/IlOn2GUgN15WJVCHP3HynzKvMo8SZLihyUPi+/yAfiftJmgur2g2KfYq6SJOULZwxn3y+7zOMK2FnRqttYCXYQHqGYbazbWbtRyX25rzgbNpqIsUh+kFkgjtcNU6XZyFoLJgRUPKRk8NVtCExMPllRNPcD90SH3H4qpREz+CEdk5aC2CzheGsbIUfCncDYpaWLqhAS1O004NfnopBPUEA4u2eN0w4qQfWTgLts3AT9LO9gr3UyKZyTSZ92OBN0XdeFtMAIU88LblAzoq0ZGPSAJEsfkFvLFrxlmk1VrLYrimjNssaDNOj62Bfgw7KAYCYNXDdnHcb5YU1u5qQbuQWUcKIHkqfGhwPW8a3dLFdfgxvYTNTz9NSscV1iaDWqIPTzjLcfPwuI1i3bBbkBHT3ThMKDOQObE6tYHHI1y0kMX4NQDfypWPTracAZuQmUmnMePl4POd80YkHvSyDDctkusXA0mIycSsw0Jd6Hzrt/UFpQUdcxGRo+jzBP0OAAgZ/3HYO4z+J+ym2W09lbzyKM9hjsZChSNTHe2M/4f4f/nbrjolBPKPHCXw1o9JeW5mtdvWfOLAj5mc25tbUpPl//bwM5oj6ZSEDAcRI//GUUdCfDvqQR2BuTmnXO9lClyYb/EBOyLXfIU2zxXQKfOrPtruuyVmaUGdAF4MGA4Xz6H386JiNSyjh1o5ATgNIU/A+sn5a0H2PdaMoZtY/XoE78ybO9yZo0nb4OVInaVi00we2QzshwyRBxlePXEpiMRDE2IREeZKHVXEc31DzHixRPLbStxho0jHpMPEjw3iCSB50aK4x9HqsB5kE67WnZnYFh7BoguALgbpCBGdYLPQCQ+kkRZHFeilTxHjG46EKvUeOLc0hJPzDsJcekBkrS2lZRICDGkap0h6Vhc8nANeFmT9GT6YGZiamG85xnYYCUnjphEPYU4X1i7k6ReajVK1lrWPLiS6BvByG5EBfjEAtHeF9hysCecSDa/IpVwe1dKNLwMn/1HmvpfnY5SMUQkUsQJ/iClxv341o/eqdHBSgUQVr7z/ltDs9XWeGc4fEabgDtnzkpCAfj51NtvjN0GPTGnNI9toT9zB2Z6gjv8Qrs3Ezfj27BcvblSeEXql1xSImQCY19o0/QmFr45sFq1QgBz2pQ2yxfR3NRy2USfSpkPRpzWf+nJ4tvBtnURMNdTPUNvPl1O+3qu6ThtfBJODBiNdicQeTz+LFYhXgnECclibDNRcYY/0Pi43JyKCHxxm51cks0CrRW9OkqmXJwyMZRVmsLZKGACCNFTzhX5EnLKuYMxDrFg/HAmco40UmSqnV2eiIfcfX+PTBoXveGglbGinm1OqQQtURKMRQ9S9+vu//rhyQq2ddrf6n9mXESkNFuoHG4+EnXJNOLEKJ0A7J5j4hwuP66j7fsG3pGGBVsa3Du5GXqeA2MMJ3T3A49xiJU4s9GGgu1cTL2iRPlxljyiYim0qObSBD0vEyaSF7rHXV136cp/7ag9d9XZCU+ait1TQoxdVwyjOYNHK68O8O080enVU17wSJXHeTj/abTX6bx0p7/VZEICfAcNs2gRBgnK1JVEDIjvKrEmaI035Jh0t4M+lZCUgteH9P7h74+nFdArydEIR6mlkpOgA5OznD2Vg8n1v+GdGoutxn3jInrPFI0b4eCZS6qDNq031pqs02lKLhdrsZGqapzJ2oMTFzBCKjJupXFnPK5eD2CIP15tZnF4akW9gtxZwgK2XLEljGA5RvYh3dcqtNbS0XLoq+pcYrm/PUuoureV2NacKJWkKIcn1O6S4s1El7J4Qkn1sSGc3X6pkwYffskKy+XhqQfP4E32xU7oxc/MNx9B5ZU3raIuhFGnUHlCvWG+EGbDbD3p7SWk0qx8HCXW2KHn8kLXBBnqpUaPaAOqLf2GaDnxZu+ZSroJb6bdUznFC/maws3s5tgFztG4nH0FcUT68Iy3ml3K3OeH5SNUroVTXQGngM2rcMwXmYz134RNEParD1C8Q8Q4tH/FkHlTx6CDsVr8OXnbP+eBc+FCAKfnFtbmeegKunFVfzPal8MbtcTAbGP/b+AKAA==") format("woff2");
  font-weight: bold;
  font-style: normal;
}
* {
  box-sizing: border-box;
}

body, html {
  padding: 0;
  margin: 0;
}

html {
  color: var(--clr-blk);
  font-size: var(--fnt-sz);
  font-family: var(--fnt-swp);
  text-decoration: none;
  line-height: 1.85;
  letter-spacing: normal;
  word-wrap: break-word;
}

body {
  background: var(--clr-bs) !important;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  animation: load 1.3s forwards 0.2s;
}
body.act {
  font-family: var(--fnt);
}
body.not-home {
  animation: load 1.3s forwards 1.2s;
}

@keyframes load {
  0% {
    opacity: 0.01;
  }
  100% {
    opacity: 1;
  }
}
div, span, p, section, ul, li, dl, dt, dd, a, h1, h2, h3, h4, figure, article, picture {
  position: relative;
  margin: 0;
  padding: 0;
}

ol {
  position: relative;
}

p {
  margin-block-start: 0;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

ul {
  list-style: none;
}

.base a {
  color: var(--clr-lnk);
  text-decoration: none;
}
.base a:hover {
  color: var(--clr-hvr);
  text-decoration-color: var(--clr-sub);
  opacity: 0.9;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.disp, .dsp {
  opacity: 1;
}

.hide {
  opacity: 0;
}

.not-display, .not-disp, .not-dsp {
  display: none !important;
}

.txt-center, .txt-cnt, .has-text-align-center {
  text-align: center;
}

.txt-right, .txt-r {
  text-align: right;
}

.arkb-marker {
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  background: none;
  padding: 0;
}
.arkb-marker::after {
  content: "";
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-acct);
  bottom: -5px;
}

.cstm-marker {
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  background: none;
  padding: 0;
  z-index: 1;
}
.cstm-marker::after {
  content: "";
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  width: 100%;
  height: 40%;
  background: var(--clr-acct);
  bottom: 0.2em;
  z-index: -1;
  opacity: 0.7;
}

.grecaptcha-badge {
  visibility: hidden;
}

.flex {
  display: flex;
}

.inner {
  width: 100%;
  margin: 0 auto;
  max-width: var(--wd-pc) !important;
}
@media (max-width: 1200px) {
  .inner {
    padding: 0 16px;
    margin: 0;
  }
}

.bg-img {
  position: absolute;
  width: 100%;
  height: 100vh;
  height: 100%;
  max-height: 100vh;
  top: 0;
  left: 0;
  max-width: 100% !important;
  height: 101%;
  max-height: 101%;
  clip: rect(0, auto, auto, 0);
  background: #fff;
  z-index: -1;
  top: -1px;
}
.bg-img::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg-img.fix::before {
  position: fixed;
  height: 100vh;
}
.bg-img .scrlAnm, .bg-img .bgAnm {
  width: 100%;
  height: 101%;
}
.bg-img .blrAnm {
  animation-delay: 2s;
}
.bg-img .bgOpnAnm::before {
  animation-delay: 0.5s !important;
}

.sec-full {
  background: #fff;
  position: relative;
  width: 100%;
  height: 100vh;
  height: var(--ht-max);
  max-height: 100vh;
  overflow: hidden;
}
.sec-full img.full {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.sec-full.abs {
  position: absolute;
  top: 0;
  left: 0;
}
.sec-full.fix {
  position: fixed;
  top: 0;
  left: 0;
}
.sec-full.fix img.full {
  height: 101vh;
}

.img-cvr {
  display: block;
  overflow: hidden;
}
.img-cvr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: var(--anm-sub);
}

.wp-block-table tr {
  border-bottom: 1px solid var(--clr-sub4);
}
.wp-block-table td, .wp-block-table th {
  padding: 1em 0.5em;
  font-size: 0.9rem;
  border: none;
}
.wp-block-table tr:last-child {
  border-bottom: none;
}
.wp-block-table td:first-child {
  font-weight: bold;
  font-size: 1.1rem;
}
@media (max-width: 430px) {
  .wp-block-table td {
    display: block;
    width: 100%;
  }
  .wp-block-table td:first-child {
    padding-bottom: 0;
  }
}

.no-ptr * {
  pointer-events: none !important;
}

svg:not([fill]) {
  fill: currentColor;
}

svg.ico-aft {
  stroke: #1b76c0;
  stroke-width: 2px;
}

blockquote {
  border-color: var(--clr) !important;
}

code {
  font-family: var(--fnt-swp) !important;
}
.act code {
  font-family: var(--fnt) !important;
}

.sp, .sp-br, span.sp-br {
  display: none;
}

.pc {
  display: inline-block;
}

.tb-br {
  display: none;
}

.not-sp {
  display: block;
}

.not-tb {
  display: block;
}

.pc-txt-r {
  text-align: right;
}

@media (max-width: 768px) {
  .tb-br {
    display: block;
  }
  .not-tb {
    display: none;
  }
}
@media (max-width: 430px) {
  .sp-br, span.sp-br, p span.sp-br, h3.sp {
    display: block;
  }
  .sp-txt-l {
    text-align: left;
  }
  .sp-txt-r {
    text-align: right;
  }
  .sp {
    display: inline-block;
  }
  .pc, .not-sp {
    display: none;
  }
}
#g-nav {
  display: none;
  z-index: var(--z-mn);
  transition: var(--anm-sub);
}
#g-nav #g-nav-list {
  background: transparent;
  display: none;
  z-index: var(--z-frnt);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#g-nav .nav-dtl {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: var(--z-frnt);
  max-width: 960px !important;
}
@media (max-width: 800px) {
  #g-nav .nav-dtl {
    flex-flow: column-reverse;
    width: -moz-fit-content;
    width: fit-content;
    top: 0;
    transform: translate(-50%, 0);
    padding-top: 50px;
  }
}
@media (max-width: 500px) {
  #g-nav .nav-dtl {
    width: 100%;
  }
}
#g-nav.act {
  display: block;
  z-index: var(--z-fix);
  background: transparent;
}
#g-nav.act #g-nav-list {
  display: block;
}
#g-nav.act .nav-dtl {
  opacity: 1;
}
#g-nav.act .nav-dtl li {
  animation: fd 1s forwards 0.2s;
  opacity: 0;
}
#g-nav.d, #g-nav.u, #g-nav.r, #g-nav.r, #g-nav.fd, #g-nav.blr {
  background: var(--clr-grd);
  transition: all 0.6s;
}
#g-nav.d {
  top: -120%;
  bottom: auto;
}
#g-nav.d.act {
  top: 0;
}
#g-nav.u {
  top: auto;
  bottom: -120%;
}
#g-nav.u.act {
  bottom: 0;
}
#g-nav.r {
  top: auto;
  left: -120%;
}
#g-nav.r.act {
  left: 0;
}
#g-nav.l {
  top: auto;
  right: -120%;
}
#g-nav.l.act {
  right: 0;
}
#g-nav.fd {
  display: none;
}
#g-nav.fd.act {
  display: block;
}
#g-nav.blr {
  transition: all 0.1s;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
#g-nav.blr.act {
  background: none;
}
#g-nav.blr.act::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
  opacity: 0.6;
}
#g-nav.blr.act.bg-w::after {
  background: #fff;
  opacity: 0.9;
}

.crcl-bg {
  display: block;
  position: fixed;
  z-index: var(--z-fix);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--clr-grd);
  transform: scale(0);
  transition: all 0.6s;
}
.crcl-bg.r-d {
  right: -50px;
  bottom: -50px;
}
.crcl-bg.r-u {
  right: -50px;
  top: -50px;
}
.crcl-bg.l-d {
  left: -50px;
  bottom: -50px;
}
.crcl-bg.l-u {
  left: -50px;
  top: -50px;
}
.crcl-bg.d {
  top: -50px;
  left: calc(50% - 50px);
}
.crcl-bg.u {
  bottom: -50px;
  left: calc(50% - 50px);
}
.crcl-bg.r {
  left: -50px;
  top: calc(50% - 50px);
}
.crcl-bg.l {
  right: -50px;
  top: calc(50% - 50px);
}
.crcl-bg.cnt {
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}
.crcl-bg.act {
  transform: scale(50);
}
.crcl-bg.bg-w {
  background: #fff;
}

#top-hdr {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--ht-mn);
  background: none;
  transition: var(--anm-sub);
  z-index: var(--z-hdr);
}
.scrl #top-hdr {
  background: #fff;
}
#top-hdr h1, #top-hdr h2 {
  position: absolute;
  left: 5%;
  padding: 0;
  margin: 0;
  transition: var(--anm-sub);
  border: none;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#top-hdr img.logo {
  display: block;
  height: 40px;
  margin: 60px 0 0 0;
  transition: var(--anm-sub);
}
.home #top-hdr img.logo.wt {
  filter: var(--clr-fltr-w);
}
.home #top-hdr img.logo.none {
  display: none;
}
.not-home #top-hdr img.logo {
  filter: var(--clr-scrl);
  margin: 0;
}
.scrl.home #top-hdr img.logo, .scrl .home #top-hdr img.logo {
  display: block;
  filter: none;
  margin: 0;
}
.scrl.not-home #top-hdr img.logo, .scrl .not-home #top-hdr img.logo {
  filter: none;
}
@media (max-width: 768px) {
  #top-hdr img.logo {
    height: 40px;
  }
}
@media (max-width: 430px) {
  #top-hdr img.logo {
    margin: 0;
  }
}
@media (max-width: 430px) {
  #top-hdr {
    height: var(--ht-mn-sp);
  }
}
.scrl-dwn #top-hdr {
  transform: translateY(calc(-1 * var(--ht-mn) - 10px));
}
@media (max-width: 430px) {
  .scrl-dwn #top-hdr {
    transform: translateY(calc(-1 * var(--ht-mn-sp) - 10px));
  }
}

.hdr-nav {
  position: absolute;
  right: 70px;
  opacity: 1;
}
.hdr-nav, .hdr-nav li, .hdr-nav li > a {
  display: flex;
  align-items: center;
  height: 100%;
}
.hdr-nav li > a {
  color: var(--clr-blk);
  text-decoration: none;
  white-space: nowrap;
  font-weight: normal;
  font-family: var(--fnt-swp);
  text-align: center;
  text-transform: var(--txt-tra);
  padding: 0 10px;
}
.act .hdr-nav li > a {
  font-family: var(--fnt);
}
.hdr-nav li.crnt::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--clr-grd2);
}
.hdr-nav.btm-r li > a {
  text-decoration: none;
}
.hdr-nav.btm-r li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: calc(50% - 16px);
  width: 100%;
  height: 1px;
  background: var(--clr-acct);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: var(--anm);
}
.hdr-nav.btm-r li > a:hover {
  text-decoration: none;
  color: var(--clr-blk);
}
.hdr-nav.btm-r li > a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.hdr-nav.top-r li > a {
  text-decoration: none;
}
.hdr-nav.top-r li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: calc(50% - 16px);
  width: 100%;
  height: 1px;
  background: var(--clr-acct);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: var(--anm);
}
.hdr-nav.top-r li > a:hover {
  text-decoration: none;
  color: var(--clr-blk);
}
.hdr-nav.top-r li > a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.hdr-nav.top-r li > a::after {
  top: calc(50% - 16px);
}
.hdr-nav.bg-r li > a {
  text-decoration: none;
}
.hdr-nav.bg-r li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.hdr-nav.bg-r li > a:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.hdr-nav.bg-r li > a:hover::after {
  width: 100%;
  opacity: 1;
}
.hdr-nav.bg-t li > a {
  text-decoration: none;
}
.hdr-nav.bg-t li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.hdr-nav.bg-t li > a:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.hdr-nav.bg-t li > a:hover::after {
  width: 100%;
  opacity: 1;
  animation: bgBtmTop 0.5s forwards;
}
.hdr-nav.bg-t-d li > a {
  text-decoration: none;
  transition: var(--anm);
  overflow: hidden;
}
.hdr-nav.bg-t-d li > a::before, .hdr-nav.bg-t-d li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--clr);
  transition: var(--anm);
}
.hdr-nav.bg-t-d li > a::before {
  transform: translateX(-100%);
}
.hdr-nav.bg-t-d li > a::after {
  bottom: 0;
  transform: translateX(100%);
}
.hdr-nav.bg-t-d li > a:hover {
  z-index: 1;
  background: var(--clr);
  color: #fff !important;
  text-decoration: none;
  transition-delay: 0.5s;
}
.hdr-nav.bg-t-d li > a:hover::before, .hdr-nav.bg-t-d li > a:hover::after {
  transform: translateX(0);
}
.hdr-nav.crcl li > a {
  text-decoration: none;
}
.hdr-nav.crcl li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: calc(50% - 20px);
  width: 100%;
  height: 5px;
  background: var(--clr-acct);
  border-radius: 50%;
  transition: var(--anm);
  transform: scale(0.035, 1);
  transform-origin: center bottom;
}
.hdr-nav.crcl li > a:hover {
  text-decoration: none;
  color: var(--clr-blk);
}
.hdr-nav.crcl li > a:hover::after {
  height: 2px;
  border-radius: 0;
  transform: scale(0.8, 1);
}
.hdr-nav.bdr-ext li > a {
  text-decoration: none;
  transition: var(--anm);
  overflow: hidden;
  height: 60%;
}
.hdr-nav.bdr-ext li > a::before, .hdr-nav.bdr-ext li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--clr-acct);
  transition: all 0.2s linear;
}
.hdr-nav.bdr-ext li > a::before {
  bottom: 0;
  right: 0;
}
.hdr-nav.bdr-ext li > a span {
  display: block;
}
.hdr-nav.bdr-ext li > a span::before, .hdr-nav.bdr-ext li > a span::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  height: 0;
  background: var(--clr-acct);
  transition: all 0.1s linear;
}
.hdr-nav.bdr-ext li > a span::before {
  bottom: 0;
}
.hdr-nav.bdr-ext li > a span::after {
  right: 0;
}
.hdr-nav.bdr-ext li > a:hover {
  color: var(--clr-blk);
  text-decoration: none;
  transition-delay: 0.5s;
}
.hdr-nav.bdr-ext li > a:hover::before, .hdr-nav.bdr-ext li > a:hover::after {
  width: 100%;
}
.hdr-nav.bdr-ext li > a:hover::before {
  transition-delay: 0;
}
.hdr-nav.bdr-ext li > a:hover::after {
  transition-delay: 0.3s;
}
.hdr-nav.bdr-ext li > a:hover span::before, .hdr-nav.bdr-ext li > a:hover span::after {
  height: 100%;
}
.hdr-nav.bdr-ext li > a:hover span::before {
  transition-delay: 0.5s;
}
.hdr-nav.bdr-ext li > a:hover span::after {
  transition-delay: 0.2s;
}
.hdr-nav.bdr-sd li > a {
  text-decoration: none;
  transition: var(--anm);
  overflow: hidden;
  height: 60%;
}
.hdr-nav.bdr-sd li > a::before, .hdr-nav.bdr-sd li > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--clr-acct);
  transition: all 0.2s linear;
  transition-delay: 0.2s;
}
.hdr-nav.bdr-sd li > a::before {
  right: 0;
}
.hdr-nav.bdr-sd li > a::after {
  bottom: 0;
}
.hdr-nav.bdr-sd li > a span {
  display: block;
}
.hdr-nav.bdr-sd li > a span::before, .hdr-nav.bdr-sd li > a span::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 1px;
  height: 0;
  background: var(--clr-acct);
  transition: all 0.2s linear;
}
.hdr-nav.bdr-sd li > a span::after {
  right: 0;
  bottom: 0;
}
.hdr-nav.bdr-sd li > a:hover {
  text-decoration: none;
  color: var(--clr-blk);
}
.hdr-nav.bdr-sd li > a:hover::before, .hdr-nav.bdr-sd li > a:hover::after {
  width: 100%;
}
.hdr-nav.bdr-sd li > a:hover span::before, .hdr-nav.bdr-sd li > a:hover span::after {
  height: 100%;
}
.hdr-nav.slnt li > a::after {
  transform: var(--slt4);
  left: -2px;
  padding: 0 6px;
}
.home .hdr-nav li a {
  color: var(--clr-bw);
}
.home .font-b .hdr-nav li a {
  color: var(--clr-blk);
}
.scrl.home .hdr-nav li a, .scrl .home .hdr-nav li a {
  color: var(--clr-blk);
}
.scrl.home .hdr-nav li.btn a, .scrl .home .hdr-nav li.btn a {
  color: #fff;
}
.not-home .hdr-nav {
  display: none;
}
.scrl.not-home .hdr-nav, .scrl .not-home .hdr-nav {
  display: flex;
}
.hdr-nav > li.btn {
  margin: 5px 10px;
  height: calc(100% - 10px);
  border-radius: 30px;
  border: 1px solid var(--clr-bw);
  padding: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
}
.hdr-nav > li.btn > a {
  color: #fff !important;
  padding: 0 16px 0 26px;
}
.hdr-nav > li.btn > a:hover::after {
  background: var(--clr-grd2);
}
.hdr-nav > li.btn svg {
  margin-right: 10px;
  fill: #fff;
}
.hdr-nav > li.btn span {
  color: #fff;
  letter-spacing: 1px;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding-right: 10px;
}
.hdr-nav > li.btn:hover {
  border-color: transparent;
}
.scrl .hdr-nav > li.btn {
  background: var(--clr-grd);
  border: none;
}
.hdr-nav.slnt > li.btn a:hover::after {
  left: -30px;
  width: 120%;
}
.hdr-nav > li.sns {
  margin-right: 10px;
}
.hdr-nav > li.sns .sns-list-dtl {
  margin: 0;
  align-items: center;
}
.hdr-nav > li.sns .sns-list-dtl li > a {
  padding: 0;
}
.hdr-nav > li.sns .sns-list-dtl li > a::after {
  display: none;
}
.hdr-nav > li.sns .sns-list-dtl .svg {
  background: var(--clr-bw);
}
.scrl .hdr-nav > li.sns .sns-list-dtl .svg {
  background: var(--clr);
}
.hdr-nav > li > a > .cld-ttl .e {
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
  font-weight: bold;
}
@media (max-width: 768px) {
  .hdr-nav {
    display: none;
  }
}
.hdr-nav ul ul {
  display: block;
}
.hdr-nav ul ul li a {
  padding: 20px;
}
.hdr-nav li.has-cld {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
  padding: 0;
}
.hdr-nav li.has-cld > a {
  padding-right: 20px;
  text-decoration: none;
}
.hdr-nav li.has-cld > a::before {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 5px);
  right: 6px;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: var(--clr-bw);
  transform: rotate(135deg);
}
.hdr-nav li.has-cld > a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.hdr-nav li.has-cld > a:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.hdr-nav li.has-cld > a:hover::after {
  width: 100%;
  opacity: 1;
  animation: bgBtmTop 0.2s forwards;
}
.hdr-nav li.has-cld > a::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--clr);
  top: 0;
  bottom: auto;
}
.scrl .hdr-nav li.has-cld > a::before {
  border-color: var(--clr-blk);
}
.font-b .hdr-nav li.has-cld > a::before {
  border-color: var(--clr-blk);
}
.scrl .hdr-nav li.has-cld > a:hover, .hdr-nav li.has-cld > a:hover {
  color: #fff;
}
.scrl .hdr-nav li.has-cld > a:hover::before, .hdr-nav li.has-cld > a:hover::before {
  border-color: #fff;
}
.hdr-nav li.has-cld img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
  margin: 0;
  transition: all 0.5s;
}
.hdr-nav li.has-cld dt {
  overflow: hidden;
  height: auto;
  margin-bottom: 0;
}
.hdr-nav li.has-cld ul {
  position: fixed;
  top: var(--ht-mn);
  visibility: hidden;
  transition: opacity 1.8s;
  z-index: var(--z-fix);
  opacity: 0;
}
.hdr-nav li.has-cld ul li {
  transition: all 0.5s;
}
.hdr-nav li.has-cld ul li a {
  display: block;
  padding: 0;
}
.hdr-nav li.has-cld ul li a:hover::after, .hdr-nav li.has-cld ul li a:active::after {
  display: none;
}
.hdr-nav li.has-cld ul li a:hover dt::before, .hdr-nav li.has-cld ul li a:active dt::before {
  background: var(--clr);
}
.hdr-nav li.has-cld ul li:hover dt::after {
  background: var(--clr);
}
.hdr-nav li.has-cld ul li:hover img {
  transform: var(--img-hvr);
}
.hdr-nav li.has-cld ul::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
}
.hdr-nav li.has-cld.img .cld-blk {
  position: fixed;
  top: var(--ht-mn);
  right: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  display: none;
  transition: opacity 1.8s;
  z-index: var(--z-fix);
  transform: scale(1, 0);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.hdr-nav li.has-cld.img .cld-blk::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
}
.hdr-nav li.has-cld.img .cld-blk .inner {
  display: flex;
}
.hdr-nav li.has-cld.img .cld-blk .cld-ttl {
  width: 200px;
  max-width: 25%;
  color: #fff;
  text-align: left;
  margin-top: 33px;
}
.hdr-nav li.has-cld.img .cld-blk .cld-ttl .e {
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
  font-size: 2rem;
  line-height: 1.3;
}
.hdr-nav li.has-cld.img .cld-blk .cld-ttl .j {
  font-family: var(--fnt-swp-sub);
  font-size: 1.1rem;
  line-height: 1.3;
}
.act .hdr-nav li.has-cld.img .cld-blk .cld-ttl .j {
  font-family: var(--fnt-sub);
}
.hdr-nav li.has-cld.img .cld-blk ul dd .cld-ttl {
  width: 100%;
  max-width: none;
  text-align: center;
  margin: 0;
}
.hdr-nav li.has-cld.img ul {
  top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 33px;
  width: 100%;
  max-width: 1000px;
  position: relative;
  padding: 33px 0;
  display: none;
}
.hdr-nav li.has-cld.img ul li {
  width: 311px;
  height: auto;
  max-height: 160px;
  overflow: hidden;
}
.hdr-nav li.has-cld.img ul li dt img {
  transition: all 0.3s;
}
.hdr-nav li.has-cld.img ul li dt::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}
.hdr-nav li.has-cld.img ul li dd {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px 16px;
  z-index: 1;
  text-align: center;
  font-family: var(--fnt-swp-sub);
}
.act .hdr-nav li.has-cld.img ul li dd {
  font-family: var(--fnt-sub);
}
.hdr-nav li.has-cld.img ul li a {
  color: #fff;
}
.hdr-nav li.has-cld.img ul::before {
  display: none;
}
.hdr-nav li.has-cld.img:hover ul {
  display: flex;
}
.hdr-nav li.has-cld.img:hover .cld-blk {
  display: flex;
  transform: scale(1, 1);
  transform-origin: top center;
}
.hdr-nav li.has-cld.no-img ul {
  width: auto;
  min-width: 150px;
}
.hdr-nav li.has-cld.no-img ul li a {
  width: 100%;
  color: #fff;
  padding: 20px 10px;
}
.hdr-nav li.has-cld.no-img ul li a span::before {
  background: #fff;
}
.hdr-nav li.has-cld.no-img ul li a:hover span {
  z-index: 1;
}
.hdr-nav li.has-cld.no-img ul li a:hover::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-acct);
  transition: var(--anm-sub);
  opacity: 0.2;
}
.hdr-nav li.has-cld.no-img ul li a[rel*=nofollow] span {
  display: inline-block;
  padding-right: 26px;
  width: -moz-fit-content;
  width: fit-content;
}
.hdr-nav li.has-cld.no-img ul li a[rel*=nofollow] span::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
}
.hdr-nav li.has-cld.no-img ul li a[rel*=nofollow]:hover span::before {
  background: #fff;
}
.hdr-nav li.has-cld:hover ul, .hdr-nav li.has-cld:hover .cld-blk {
  visibility: visible;
  opacity: 1;
  height: auto;
}
@media (max-width: 980px) {
  .hdr-nav {
    display: none !important;
  }
}

.opn-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  border-left: none;
  transition: all 0.5s;
  z-index: var(--z-opn-btn);
  cursor: pointer;
  filter: var(--clr-scrl);
}
.home .opn-btn {
  filter: var(--clr-fltr-w);
}
.scrl .opn-btn {
  filter: none;
}
.not-home .opn-btn {
  filter: var(--clr-scrl);
}
.opn-btn.act {
  z-index: var(--z-frnt);
  filter: none;
}
.not-home.scrl .opn-btn, .scrl .not-home .opn-btn {
  filter: none;
}
.opn-btn span {
  display: inline-block;
  position: absolute;
  width: 40px;
  transition: all 0.4s;
}
.opn-btn span:nth-of-type(1), .opn-btn span:nth-of-type(3) {
  top: 15px;
  left: 15px;
  height: 1px;
  background: var(--clr-blk);
  opacity: 1;
}
.opn-btn span:nth-of-type(2) {
  top: 42px;
  left: 0;
  height: 18px;
  color: var(--clr-blk);
  padding-left: 0;
  margin-left: 15px;
}
.opn-btn span:nth-of-type(2)::before {
  content: "";
  position: absolute;
  display: block;
  top: -7px;
  left: 0;
  width: 40px;
  height: 1px;
  background: var(--clr-blk);
  opacity: 1;
}
.opn-btn span:nth-of-type(3) {
  top: 25px;
}
.opn-btn svg.ico-menu {
  position: absolute;
  left: 16px;
  bottom: 10px;
}
.opn-btn.act span:nth-of-type(1), .opn-btn.act span:nth-of-type(3) {
  opacity: 1;
  left: 20px;
  filter: var(--clr-scrl);
}
.opn-btn.act span:nth-of-type(1) {
  top: 28px;
  transform: translateY(6px) rotate(-45deg);
}
.opn-btn.act span:nth-of-type(2) {
  opacity: 0;
}
.opn-btn.act span:nth-of-type(3) {
  top: 40px;
  transform: translateY(-6px) rotate(45deg);
}
.opn-btn.act svg.ico-menu {
  display: none;
}
.home .opn-btn.bg-w.act, .home .opn-btn.font-b {
  filter: none;
}
.opn-btn.bg-w.act span:nth-of-type(1), .opn-btn.bg-w.act span:nth-of-type(3), .opn-btn.font-b span:nth-of-type(1), .opn-btn.font-b span:nth-of-type(3) {
  height: 2px;
  filter: none;
}

#js-mouse {
  position: fixed;
  top: -15px;
  left: -15px;
  width: 20px;
  height: 20px;
  background: var(--clr);
  border-radius: 50%;
  transform: translate(0, 0);
  transition: all 0s ease-out;
  z-index: var(--z-frnt);
  pointer-events: none;
  opacity: 0.3;
}
#js-mouse.js-hvr {
  transition: all 0.3s ease-out;
  width: 40px;
  height: 40px;
  background: var(--clr-acct);
}

h2 {
  color: var(--clr-hd);
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  background: none;
}

.h2-cat {
  text-align: center;
  color: var(--clr-blk);
  line-height: 1.5;
  font-style: normal;
  font-weight: normal;
  padding: 0 0 40px 0;
  margin: 0 0 35px 0;
  background: none;
}
.h2-cat h2 {
  border: none;
  margin: 0;
}
.h2-cat .sub-e, .h2-cat .sub-e span {
  display: inline-block;
  font-size: 3.3rem;
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
  font-style: normal;
  line-height: 1;
  min-width: -moz-max-content;
  min-width: max-content;
  background: var(--clr-sub);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px 0 10px 0;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .h2-cat .sub-e, .h2-cat .sub-e span {
    font-size: 2.6rem;
  }
}
.h2-cat .bgMvAnm .sub-e {
  margin-bottom: 20px;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .h2-cat .bgMvAnm .sub-e, .h2-cat .sub-e span {
    margin-bottom: 0;
  }
}
.h2-cat .sub-e.oneAnm {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .h2-cat .sub-e.oneAnm {
    margin-bottom: -10px;
  }
}
.h2-cat .sub-e span {
  padding: 10px 2px 0 2px;
  margin: 0;
  line-height: 1.5;
  font-weight: bold;
  background: var(--clr-sub);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.h2-cat .sub-e span::after {
  display: none;
}
.h2-cat .sub-j {
  padding: 0 5px;
  margin-top: -10px;
  color: var(--clr-blk);
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  line-height: 1.3;
  font-family: var(--fnt-swp-sub);
}
.act .h2-cat .sub-j {
  font-family: var(--fnt-sub);
}
.h2-cat .sub-j:after {
  display: none !important;
}
.h2-cat .bgMvAnm .sub-j {
  margin-top: -20px;
}
.h2-cat.line .sub-e::after {
  content: "";
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--clr);
  bottom: 0;
}
.h2-cat.line .sub-j {
  margin-top: 0;
}
.h2-cat.line .oneAnm::after {
  background: var(--clr-grd2);
  bottom: 14px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 1s;
  animation-delay: 5s;
}
.h2-cat.line .oneAnm.act::after {
  transform: scale(1, 1);
  transform-origin: left top;
}
.h2-cat.slnt {
  padding: 0 0 70px 0 !important;
}
.h2-cat.slnt::after {
  content: "";
  position: absolute;
  display: block;
  left: calc(50% - 10px);
  width: 50px;
  height: 2px;
  background: var(--clr-grd2);
  bottom: 10px;
  transform: scale(1, 0) rotate(300deg);
  transform-origin: right top;
  transition: transform 1s;
  animation-delay: 4s;
}
.h2-cat.slnt.act::after {
  transform-origin: left top;
  transform: scale(1, 1) rotate(300deg);
}
.base .h2-cat, #cntct .h2-cat {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.base .h2-cat .bgMv::before, #cntct .h2-cat .bgMv::before {
  background: var(--clr-grd);
}
.h2-cat.back::before {
  content: attr(data-en);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  color: var(--clr);
  font-size: 8rem;
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
  white-space: pre;
  letter-spacing: -7px;
  margin-top: -70px;
  opacity: 0.1;
  transform: translate(-50%, -50%);
}
.h2-cat.back.hand::before {
  font-size: 6rem;
  font-family: var(--fnt-hand);
  text-transform: lowercase;
  margin-top: -70px;
  transform: translate(-50%, -50%) rotate(352deg);
  color: #73cec6;
  left: 80%;
  opacity: 0.8;
  letter-spacing: normal;
}
.h2-cat.page {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  display: inline-flex;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.h2-cat.page::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--clr-grd2);
}
.h2-cat.page .sub-e {
  font-size: 1rem;
  font-weight: bold;
}
.h2-cat.page .sub-j {
  font-size: 1rem;
  margin: auto auto auto 10px;
}
.h2-cat.l {
  display: flex;
  flex-direction: column;
  padding-bottom: 40px !important;
  margin-left: 0 !important;
}
.h2-cat.l > br {
  display: none;
}
.h2-cat.l.back.hand::before {
  margin-top: -0.5em;
}
.h2-cat.l .sub-e {
  margin-left: 0;
}
.h2-cat.l .sub-j {
  text-align: left;
  margin-left: 0 !important;
}
.h2-cat.l::after {
  display: none !important;
}
@media (max-width: 768px) {
  .h2-cat {
    font-size: 1.1rem;
  }
  .h2-cat span {
    font-size: 3rem;
  }
  .h2-cat.back::before {
    font-size: 5rem;
    margin-top: -55px;
  }
  .h2-cat.back.hand::before {
    font-size: 3rem;
    margin-top: -50px;
    left: 70%;
  }
  .h2-cat.slnt .sub-j {
    margin-top: 10px;
  }
  .h2-cat.slnt .bgMvAnm .sub-j {
    margin-top: -5px;
  }
}

.page.not-home h2 {
  margin: 50px auto 0 auto;
}

h3 {
  font-size: 1.17em;
  letter-spacing: normal;
}
.page h3 {
  font-weight: bold;
  margin-top: 0;
  line-height: 1.3;
}

.page.not-home h4 {
  margin: 50px auto 20px auto;
}

.home h2, .home h3 {
  padding: 0;
  margin: 0;
  background: none;
}
.home h2::before, .home h3::before {
  display: none;
}
.home h2 {
  border: none;
}
.home .veu_socialSet {
  display: none;
}

.hd-dtl {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: var(--wd-pc) !important;
  margin: 0 auto;
  position: relative;
}
.hd-dtl a {
  color: var(--clr-blk);
}
.hd-dtl a:before, .hd-dtl a span:before {
  background: var(--clr-blk);
}
.hd-dtl a svg {
  fill: var(--clr-blk);
}
.hd-dtl a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.hd-dtl a:hover:before, .hd-dtl a:hover span:before {
  background: var(--clr-hvr);
}
.hd-dtl a:hover svg {
  fill: var(--clr-hvr);
}
.hd-dtl .h2-cat.slnt.act::after {
  display: none;
}
.hd-dtl .h2-cat {
  padding-bottom: 0 !important;
  margin-left: -7px;
  margin-right: 0 !important;
  margin-bottom: 0;
}
.hd-dtl .h2-cat.back::before {
  margin-top: -30px;
}
.hd-dtl .h2-cat .sub-j, .hd-dtl .h2-cat .sub-e {
  text-align: left;
}
.hd-dtl a.lnk {
  font-weight: bold;
  padding-right: 40px;
}
.hd-dtl a.lnk .mark {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}
.hd-dtl a.lnk .mark::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
  border-radius: 50%;
  border: 1px solid var(--clr);
}
.hd-dtl a.lnk .mark::after {
  content: "";
  position: absolute;
  display: block;
  top: 8px;
  left: calc(50% - 9px);
  width: 13px;
  height: 13px;
  border: solid #fff;
  border-width: 0 0 3px 3px;
  transform: rotate(-135deg);
}
.hd-dtl a.lnk .mark::before, .hd-dtl a.lnk .mark::after {
  transition: var(--anm);
}
.hd-dtl a.lnk:hover .mark::before {
  background: #fff;
  transform: scale(1.15);
}
.hd-dtl a.lnk:hover .mark::after {
  border-color: var(--clr);
}
.hd-dtl .sub-cat {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: var(--fnt-swp-sub);
  line-height: 1.3;
  margin-bottom: 10px;
}
.act .hd-dtl .sub-cat {
  font-family: var(--fnt-sub);
}
.hd-dtl .sub-cat::before {
  display: none;
}
@media (max-width: 768px) {
  .hd-dtl .sub-cat {
    font-size: 1.2rem;
  }
}
.hd-dtl .sub-txt {
  line-height: 1.2;
}
.hd-dtl.l {
  justify-content: flex-start;
  gap: 100px;
}
.hd-dtl.l .sub-cat {
  text-align: left;
}
.hd-dtl.l .sub-txt {
  text-align: left;
  margin: 0;
}
@media (max-width: 768px) {
  .hd-dtl.l {
    align-items: center;
  }
  .hd-dtl.l .sub-cat {
    text-align: center;
  }
  .hd-dtl.l .sub-txt {
    text-align: center;
  }
}
.hd-dtl.cnt {
  justify-content: center;
  flex-direction: column;
  gap: 60px;
}
.hd-dtl.cnt .h2-cat {
  margin-right: auto !important;
  margin-left: auto;
}
.hd-dtl.cnt .h2-cat .sub-j {
  text-align: center;
}
.hd-dtl.cnt .sub-cat {
  text-align: center;
}
.hd-dtl.cnt .sub-txt {
  text-align: center;
  margin: 0 auto;
}
.hd-dtl.cnt > div {
  margin: 0 auto;
}
@media (max-width: 768px) {
  .hd-dtl {
    flex-direction: column;
    align-items: flex-start;
  }
  .hd-dtl a.lnk {
    margin: 16px 0 0 auto;
  }
  .hd-dtl.l {
    gap: 20px;
  }
}

body.h-dcr .entry-body > h2, body.h-dcr .entry-body > div h2 {
  margin: 50px auto 20px auto;
}
body.h-dcr .entry-body > h2::after, body.h-dcr .entry-body > div h2::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--clr-grd2);
}
body.h-dcr .entry-body > h3 {
  width: -moz-fit-content;
  width: fit-content;
  border-left: solid 5px var(--clr-acct);
  padding-left: 6px;
  margin: 50px auto 20px 0;
}
body.h-dcr .entry-body > h3.txt-center {
  margin-left: auto;
}
body.h-dcr .entry-body > h4 {
  font-size: 1em;
  padding-left: 0.5em;
  border-radius: 0%;
  background-color: #e5e5e5;
}

.flex-list {
  max-width: var(--wd-pc);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  margin: 30px auto 60px auto;
}
.flex-list .flex-blk {
  width: 380px;
  backface-visibility: hidden;
  box-shadow: var(--sdw);
  border-radius: var(--rds);
  transition: var(--anm-sub);
  overflow: hidden;
}
.flex-list .flex-blk img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
}
.flex-list .flex-blk figure .ttl {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: var(--clr);
  display: block;
  padding: 10px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}
.flex-list .flex-blk .cap {
  text-align: center;
}
.flex-list .flex-blk .cap h3 {
  color: #fff;
  font-weight: normal;
  font-size: 0.9rem;
  white-space: nowrap;
  border: none;
  width: 100%;
}
.flex-list .flex-blk .cap h3::before, .flex-list .flex-blk .cap h3::after {
  display: none;
}
.flex-list .flex-blk .cap span {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.8rem;
  white-space: nowrap;
  margin-top: 10px;
}
.flex-list .flex-blk a {
  display: block;
}
.flex-list .flex-blk:nth-child(1) {
  animation-delay: 0.4s;
}
.flex-list .flex-blk:nth-child(2) {
  animation-delay: 0.6s;
}
.flex-list .flex-blk:nth-child(3) {
  animation-delay: 0.8s;
}
.flex-list .flex-blk:nth-child(4) {
  animation-delay: 1s;
}
.flex-list .flex-blk:nth-child(5) {
  animation-delay: 1.2s;
}
.flex-list .flex-blk:nth-child(6) {
  animation-delay: 1.4s;
}
@media (max-width: 1200px) {
  .flex-list {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .flex-list .flex-blk:nth-child(1) {
    padding-top: auto;
  }
}
@media (max-width: 430px) {
  .flex-list {
    display: contents;
    width: 100%;
  }
  .flex-list .flex-blk {
    width: auto;
    max-width: 350px;
    margin: 0 auto 30px auto;
    animation-delay: 1s !important;
  }
  .flex-list .flex-blk:last-child {
    margin-bottom: 30px !important;
  }
}
.flex-list.ver, .flex-list.dtl {
  gap: 45px;
}
.flex-list.ver .flex-blk, .flex-list.dtl .flex-blk {
  width: 100%;
  max-width: 370px;
  padding-bottom: 40px;
  box-shadow: none;
  transition: 0.3s ease-in-out;
}
.flex-list.ver .flex-blk figure, .flex-list.dtl .flex-blk figure {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  border-radius: var(--rds);
}
.flex-list.ver .flex-blk img.main-img, .flex-list.dtl .flex-blk img.main-img {
  display: none;
  width: 100%;
  margin: 0 auto;
  box-shadow: var(--sdw);
  transition: var(--anm-sub);
}
.flex-list.ver .flex-blk a:hover img.main-img, .flex-list.dtl .flex-blk a:hover img.main-img {
  transform: var(--img-hvr);
}
.flex-list.ver .flex-blk.act img.main-img, .flex-list.dtl .flex-blk.act img.main-img {
  display: block;
  animation: fd 1s forwards;
}
.flex-list.ver .flex-dtl, .flex-list.dtl .flex-dtl {
  background: #fff;
  width: 100%;
  max-width: 80%;
  min-height: 230px;
  padding: 0px 30px 30px;
  margin: 0 auto;
  color: var(--clr-blk);
  text-align: center;
  opacity: 0.9;
  overflow: hidden;
  border-radius: var(--rds);
  box-shadow: var(--sdw);
}
.flex-list.ver .flex-dtl .ttl, .flex-list.dtl .flex-dtl .ttl {
  background: var(--clr-grd);
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  padding: 6px 16px;
  margin-left: -30px;
  margin-right: -30px;
  font-family: var(--fnt-swp-sub);
}
.act .flex-list.ver .flex-dtl .ttl, .act .flex-list.dtl .flex-dtl .ttl {
  font-family: var(--fnt-sub);
}
.flex-list.ver .flex-dtl .exp, .flex-list.dtl .flex-dtl .exp {
  font-size: 1.1rem;
  line-height: 1.3;
  margin-top: 30px;
  font-family: var(--fnt-sub);
}
@media (max-width: 768px) {
  .flex-list.ver .flex-dtl .exp, .flex-list.dtl .flex-dtl .exp {
    font-size: 1rem;
  }
}
.flex-list.ver .flex-dtl .dtl, .flex-list.dtl .flex-dtl .dtl {
  display: block;
  color: var(--clr);
  font-size: 0.8rem;
  width: 180px;
  padding: 10px;
  margin: 20px auto 0 auto;
  border: 1px var(--clr) solid;
  border-radius: var(--rds-max);
  overflow: hidden;
  text-decoration: none;
}
.flex-list.ver .flex-dtl .dtl span, .flex-list.dtl .flex-dtl .dtl span {
  z-index: 1;
}
.flex-list.ver .flex-dtl .dtl::after, .flex-list.dtl .flex-dtl .dtl::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr-grd2);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.flex-list.ver .flex-dtl .dtl:hover, .flex-list.dtl .flex-dtl .dtl:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.flex-list.ver .flex-dtl .dtl:hover::after, .flex-list.dtl .flex-dtl .dtl:hover::after {
  width: 100%;
  opacity: 1;
}
@media (max-width: 768px) {
  .flex-list.ver .flex-dtl, .flex-list.dtl .flex-dtl {
    min-height: auto;
    padding: 0px 20px 20px;
  }
}
.flex-list.ver.ver .flex-blk img.main-img, .flex-list.dtl.ver .flex-blk img.main-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv-v);
  vertical-align: bottom;
}
.flex-list.ver.ver .flex-blk .flex-dtl, .flex-list.dtl.ver .flex-blk .flex-dtl {
  margin-top: -200px;
}
.flex-list.ver.dtl .flex-blk img.main-img, .flex-list.dtl.dtl .flex-blk img.main-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
}
.flex-list.ver.dtl .flex-blk .flex-dtl, .flex-list.dtl.dtl .flex-blk .flex-dtl {
  margin-top: -93px;
}
.flex-list.ver .flex-blk a:hover .dtl, .flex-list.dtl .flex-blk a:hover .dtl {
  border-color: transparent;
  color: #fff;
}
.flex-list.ver .flex-blk a:hover .dtl::after, .flex-list.dtl .flex-blk a:hover .dtl::after {
  width: 100%;
  opacity: 1;
}
.flex-list.ver .flex-blk.no-lnk .flex-dtl, .flex-list.dtl .flex-blk.no-lnk .flex-dtl {
  margin-top: -24px;
  min-height: auto;
}

.img-l {
  width: 100%;
  max-width: 100%;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  z-index: 1;
  overflow: hidden;
  overflow: visible;
  width: auto;
  max-width: 100% !important;
  padding: 100px 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .img-l {
    padding: 60px 0 60px 0;
  }
}
.img-l .img-l-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--rds);
}
.img-l .img-l-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
  border-radius: var(--rds);
}
.img-l .img-l-img-out {
  max-width: 508px;
}
.img-l h2, .img-l .h2-cat {
  text-align: left;
  margin-left: 0;
}
.img-l h2 span, .img-l .h2-cat span {
  width: auto;
}
.img-l .h2-cat.back::before {
  left: 60%;
}
.img-l .h2-cat .sub-j {
  text-align: left;
}
.img-l h3 {
  font-size: 2rem;
  color: var(--clr-sub);
  margin-bottom: 50px;
  font-family: var(--fnt-swp-sub);
}
.act .img-l h3 {
  font-family: var(--fnt-sub);
}
.img-l h3::before {
  display: none;
}
@media (max-width: 768px) {
  .img-l h3 {
    font-size: 1.4rem;
  }
}
.img-l .img-l-btn a {
  min-width: 240px;
}
.img-l .bg-sty {
  padding-bottom: 40px;
}
.img-l .bg-sty .bgMv::before {
  background: var(--clr-grd);
}
.img-l .bg-sty h3 {
  color: #fff;
  line-height: 1.2;
  padding: 6px 3px;
  margin-bottom: 0;
}
body.left .img-l .w-btn-o {
  margin-left: 0;
}
body.left .img-l .bg-sty .bgMvAnm {
  margin-left: 0;
}
@media (max-width: 1200px) {
  .img-l .wp-block-columns .wp-block-columns {
    display: block;
  }
  .img-l .wp-block-columns .wp-block-columns .wp-block-column {
    margin-top: 20px;
  }
  .img-l .img-l-btn {
    text-align: right;
  }
  .img-l .img-l-btn a {
    font-size: 0.9rem;
  }
}
@media (max-width: 900px) {
  .img-l {
    padding-top: 0;
    padding-bottom: 0;
  }
  .img-l .img-l-img-out {
    margin: 0 auto;
  }
  .img-l h2, .img-l h3, .img-l .h2-cat, .img-l .h2-cat .sub-j {
    margin: 0 auto;
    text-align: center;
  }
  .img-l h3 {
    margin-bottom: 30px;
  }
  .img-l .h2-cat.back::before {
    left: 50%;
  }
  .img-l .img-l-blk {
    padding-top: 60px;
    padding-left: 0;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .img-l figure.img-l-img {
    margin: 20px auto 0 auto;
  }
  .img-l .w-btn-o {
    margin-left: auto;
  }
  body.left .img-l .w-btn-o {
    margin-left: 0;
  }
  body.left .img-l .bg-sty .bgMvAnm {
    margin-left: 0;
  }
  body.left .img-l .h2-cat .sub-j {
    margin-left: 0;
    text-align: left;
  }
}
@media (max-width: 430px) {
  .img-l .img-l-btn {
    text-align: center;
  }
}

.img-r {
  width: 100%;
  max-width: 100%;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  z-index: 1;
  overflow: hidden;
  overflow: visible;
  width: auto;
  max-width: 100% !important;
  padding: 100px 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .img-r {
    padding: 60px 0 60px 0;
  }
}
.img-r .img-r-img {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--rds);
}
.img-r .img-r-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
  border-radius: var(--rds);
}
.img-r .img-r-img-out {
  max-width: 508px;
}
.img-r h2, .img-r .h2-cat {
  text-align: left;
  margin-left: 0;
}
.img-r h2 span, .img-r .h2-cat span {
  width: auto;
}
.img-r .h2-cat.back::before {
  left: 60%;
}
.img-r .h2-cat .sub-j {
  text-align: left;
}
.img-r h3 {
  font-size: 2rem;
  color: var(--clr-sub);
  margin-bottom: 50px;
  font-family: var(--fnt-swp-sub);
}
.act .img-r h3 {
  font-family: var(--fnt-sub);
}
.img-r h3::before {
  display: none;
}
@media (max-width: 768px) {
  .img-r h3 {
    font-size: 1.4rem;
  }
}
.img-r .img-r-btn a {
  min-width: 240px;
}
.img-r .bg-sty {
  padding-bottom: 40px;
}
.img-r .bg-sty .bgMv::before {
  background: var(--clr-grd);
}
.img-r .bg-sty h3 {
  color: #fff;
  line-height: 1.2;
  padding: 6px 3px;
  margin-bottom: 0;
}
body.left .img-r .w-btn-o {
  margin-left: 0;
}
body.left .img-r .bg-sty .bgMvAnm {
  margin-left: 0;
}
@media (max-width: 1200px) {
  .img-r .wp-block-columns .wp-block-columns {
    display: block;
  }
  .img-r .wp-block-columns .wp-block-columns .wp-block-column {
    margin-top: 20px;
  }
  .img-r .img-r-btn {
    text-align: right;
  }
  .img-r .img-r-btn a {
    font-size: 0.9rem;
  }
}
@media (max-width: 900px) {
  .img-r {
    padding-top: 0;
    padding-bottom: 0;
  }
  .img-r .img-r-img-out {
    margin: 0 auto;
  }
  .img-r h2, .img-r h3, .img-r .h2-cat, .img-r .h2-cat .sub-j {
    margin: 0 auto;
    text-align: center;
  }
  .img-r h3 {
    margin-bottom: 30px;
  }
  .img-r .h2-cat.back::before {
    left: 50%;
  }
  .img-r .img-r-blk {
    padding-top: 60px;
    padding-left: 0;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .img-r figure.img-r-img {
    margin: 20px auto 0 auto;
  }
  .img-r .w-btn-o {
    margin-left: auto;
  }
  body.left .img-r .w-btn-o {
    margin-left: 0;
  }
  body.left .img-r .bg-sty .bgMvAnm {
    margin-left: 0;
  }
  body.left .img-r .h2-cat .sub-j {
    margin-left: 0;
    text-align: left;
  }
}
@media (max-width: 430px) {
  .img-r .img-r-btn {
    text-align: center;
  }
}

.img-l .img-l-img {
  box-shadow: var(--sdw);
}
.img-l .img-l-img-out {
  margin-right: 60px !important;
}
.img-l .img-l-blk {
  margin-top: 60px !important;
}
@media (max-width: 900px) {
  .img-l figure.img-l-img {
    margin: 20px auto 0 auto;
  }
  .img-l .img-l-img-out {
    margin: 0 auto !important;
  }
  .img-l .img-l-blk {
    margin-top: 0 !important;
  }
}

.img-r {
  padding-top: 50px;
}
.img-r .img-r-img {
  box-shadow: var(--sdw);
}
.img-r .img-r-blk {
  margin-top: 60px !important;
  margin-right: 60px !important;
}
@media (max-width: 900px) {
  .img-r.cstm-cols {
    flex-direction: column-reverse !important;
  }
  .img-r .img-r-blk {
    margin-right: 0 !important;
    margin-bottom: 0;
    margin-top: 0 !important;
  }
  .img-r .img-r-img-out {
    margin: 0 auto !important;
  }
}

@media (max-width: 900px) {
  .img-l, .img-r {
    gap: 0 !important;
    text-align: left !important;
    flex-direction: column;
  }
}

.crnr::before, .crnr::after {
  content: "";
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
}
.crnr::before {
  top: -0.8rem;
  left: -1rem;
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: var(--clr-sub);
}
.crnr::after {
  bottom: -0.8rem;
  right: -1rem;
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: var(--clr-acct);
}
@media (max-width: 1200px) {
  .img-l-blk .crnr {
    margin-left: 1em;
  }
  .img-r-blk .crnr {
    margin-left: 1em;
  }
}
@media (max-width: 781px) {
  .img-l-blk .crnr {
    margin-right: 1em;
  }
  .img-r-blk .crnr {
    margin-right: 1em;
  }
}

.fix-list {
  margin-bottom: 90px;
  box-shadow: var(--sdw);
}
.fix-list .img-l {
  max-height: 470px;
  padding: 0;
  margin: 0;
  gap: 0;
}
.fix-list .img-l h2 {
  max-width: 100%;
  padding-bottom: 20px;
  margin: 0;
}
.fix-list .img-l .img-l-blk {
  max-width: 555px;
  padding: 26px;
  margin: 0 !important;
}
.fix-list .img-l .img-l-img {
  box-shadow: none;
  margin: 0;
}
.fix-list .img-l .img-l-img img {
  box-shadow: none;
}
@media (max-width: 781px) {
  .fix-list .img-l {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  .fix-list .img-l .img-l-blk {
    max-width: 100%;
  }
  .fix-list .img-l figure.img-l-img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .fix-list .img-l figure.img-l-img {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
.fix-list .img-r {
  max-height: 470px;
  padding: 0;
  margin: 0;
  gap: 0;
}
.fix-list .img-r h2 {
  max-width: 100%;
  padding-bottom: 20px;
  margin: 0;
}
.fix-list .img-r .img-r-blk {
  max-width: 555px;
  padding: 26px;
  margin: 0 !important;
}
.fix-list .img-r .img-r-img {
  box-shadow: none;
  margin: 0;
}
.fix-list .img-r .img-r-img img {
  box-shadow: none;
}
@media (max-width: 781px) {
  .fix-list .img-r {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  .fix-list .img-r .img-r-blk {
    max-width: 100%;
  }
  .fix-list .img-r figure.img-r-img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .fix-list .img-r figure.img-r-img {
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
.fix-list .img-r {
  background: var(--clr-bs);
}
@media (max-width: 781px) {
  .fix-list .img-l {
    flex-direction: column-reverse;
  }
}

.list-num.icon {
  display: inline-block;
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
  font-size: 0.9rem;
  color: #fff;
  line-height: 1;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0 0 10px rgba(75, 75, 75, 0.3882352941);
  background: var(--clr-sub);
  border-radius: 50%;
  padding-top: 18px;
  padding-left: 6px;
  margin-right: 16px;
  width: 80px;
  height: 80px;
}
.list-num.icon span {
  display: block;
  font-size: 2.5em;
  margin-top: -3px;
}
.list-num.icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media (max-width: 900px) {
  .list-num.icon {
    font-size: var(--fnt-sz-min);
    width: 50px;
    height: 50px;
    padding-top: 14px;
  }
  .list-num.icon span {
    font-size: 1.3rem;
  }
}

.point-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  max-width: var(--wd-pc) !important;
  gap: 0 !important;
}
.point-list .point-dtl {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: var(--sdw);
  padding: 20px;
  border-radius: 50%;
  width: 413px;
  height: 413px;
}
.point-list .point-dtl .list-num.icon {
  position: absolute;
  left: 25px;
  margin-top: 0;
}
.point-list .point-dtl .cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 370px;
  top: 45%;
}
.point-list .point-dtl .img img, .point-list .point-dtl .img.img {
  height: 120px !important;
  width: auto !important;
}
@media (max-width: 900px) {
  .point-list .point-dtl .img img, .point-list .point-dtl .img.img {
    height: 70px !important;
  }
}
.point-list .point-dtl .ttl {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.2;
  color: var(--clr-sub);
  margin: 10px auto;
  font-family: var(--fnt-swp-sub);
}
.act .point-list .point-dtl .ttl {
  font-family: var(--fnt-sub);
}
.point-list .point-dtl .txt {
  font-size: 1em;
  padding-bottom: 0;
  line-height: 1.3;
}
.point-list .point-dtl:nth-child(2) {
  animation-delay: 0.8s;
}
.point-list .point-dtl:nth-child(3) {
  animation-delay: 1.1s;
}
.point-list .point-dtl:nth-child(4) {
  animation-delay: 1.4s;
}
.point-list .point-dtl:nth-child(5) {
  animation-delay: 1.7s;
}
.point-list .point-dtl:nth-child(6) {
  animation-delay: 2s;
}
@media (min-width: 1200px) {
  .point-list .point-dtl:nth-child(2) {
    margin: 0 -20px;
  }
}
@media (max-width: 1199px) {
  .point-list .point-dtl:nth-child(1) {
    margin-right: -10px;
  }
  .point-list .point-dtl:nth-child(2) {
    margin-left: -10px;
  }
  .point-list .point-dtl:nth-child(3) {
    margin-top: -70px;
  }
}
@media (max-width: 860px) {
  .point-list .point-dtl {
    width: 360px;
    height: 360px;
  }
  .point-list .point-dtl:nth-child(1) {
    margin-right: 0;
  }
  .point-list .point-dtl:nth-child(2) {
    margin: -20px auto !important;
  }
  .point-list .point-dtl:nth-child(3) {
    margin-top: 0;
  }
}
@media (max-width: 430px) {
  .point-list .point-dtl:nth-child(2) {
    animation-delay: 0.5s;
  }
  .point-list .point-dtl:nth-child(3) {
    animation-delay: 0.5s;
  }
  .point-list .point-dtl:nth-child(4) {
    animation-delay: 0.5s;
  }
  .point-list .point-dtl:nth-child(5) {
    animation-delay: 0.5s;
  }
  .point-list .point-dtl:nth-child(6) {
    animation-delay: 0.5s;
  }
}

.tag-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 0;
  font-size: var(--fnt-sz-min);
  min-height: 111px;
}
.tag-list li {
  width: -moz-max-content;
  width: max-content;
  color: #fff;
  line-height: 2.5;
  padding: 1px 12px;
  margin: 0;
}
.tag-list li::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
  transform: skewX(-30deg);
  z-index: -1;
}
@media (max-width: 430px) {
  .tag-list li {
    font-size: 10px;
  }
}

.scrl-anm {
  width: -moz-fit-content;
  width: fit-content;
}

.bgAnm .bgMvAnm {
  overflow: visible;
}
.bgAnm .bgMvAnm::before {
  background-color: #ccc;
}

.g-btn-list {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 0;
}
@media (max-width: 768px) {
  .g-btn-list {
    display: block;
    margin-top: 40px;
  }
  .g-btn-list .w-btn-o {
    margin-top: 20px;
  }
}

.btm-cta {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 296px;
  height: 58px;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: 3;
  background: var(--clr-grd);
  transition: all 1.5s cubic-bezier(0.2, 1, 0.2, 1);
}
.btm-cta a.cta-blk {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  text-decoration: none;
}
.btm-cta a.cta-blk::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr-grd2);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.btm-cta a.cta-blk:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.btm-cta a.cta-blk:hover::after {
  width: 100%;
  opacity: 1;
}
.btm-cta a.cta-blk .txt {
  color: #fff;
  font-size: 1rem;
  text-align: left;
  line-height: 1;
  text-shadow: var(--txt-sdw2);
  padding-left: 22px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.btm-cta a.cta-blk svg {
  position: absolute;
  right: 26px;
  max-width: 36px;
  fill: #fff;
}
.btm-cta a.cta-blk.cta-tel {
  display: none;
  width: 50%;
}
.btm-cta a.cta-blk.cta-tel img {
  max-width: 24px;
}
.btm-cta a.cta-blk.cta-mail {
  width: 100%;
}
.scrl .btm-cta {
  display: flex;
  opacity: 1;
}
.scrl-cntct .btm-cta, .scrl-footer .btm-cta {
  display: none;
  opacity: 0;
}
@media (max-width: 430px) {
  .btm-cta {
    width: 100%;
  }
  .btm-cta a.cta-blk {
    justify-content: center;
  }
  .btm-cta a.cta-blk .txt {
    padding-left: 0;
  }
  .btm-cta.set-tel a.cta-blk {
    font-size: var(--fnt-sz-min);
  }
  .btm-cta.set-tel a.cta-blk .txt {
    padding-left: 0;
  }
  .btm-cta.set-tel a.cta-blk.cta-tel {
    display: flex;
  }
  .btm-cta.set-tel a.cta-blk.cta-tel img {
    right: 36px;
  }
  .btm-cta.set-tel a.cta-blk.cta-mail {
    width: 50%;
  }
  .btm-cta.set-tel a.cta-blk.cta-mail .txt {
    padding-right: 36px;
  }
  .btm-cta.set-tel a.cta-blk.cta-mail img {
    right: 16px;
  }
}

#cntct {
  background: #fff;
}
#cntct ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  list-style: none;
}
@media (max-width: 900px) {
  #cntct ul {
    margin-top: 80px;
    gap: 40px;
  }
}
#cntct.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/base/cntct_00.png");
}
@media (max-width: 430px) {
  #cntct.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/base/cntct_sp_00.png");
  }
}

.cntct-btn a.w-btn {
  display: inline-flex;
  padding: 20px 20px 8px 20px;
  background: var(--clr-grd);
  border: none;
}
.cntct-btn a.w-btn:hover {
  color: #fff;
  transform: var(--btn-mv);
}
.cntct-btn i {
  width: 50px;
  height: 50px;
}
.cntct-btn img, .cntct-btn svg.ico-aft {
  position: absolute;
  bottom: 36px;
  width: 40px;
  height: 10px;
  margin: 30px auto auto -20px;
}
.cntct-btn .main-txt, .cntct-btn .sub-txt {
  color: #fff;
  text-shadow: var(--txt-sdw2);
}
.cntct-btn .main-txt {
  font-weight: bold;
  font-size: 20px;
  margin-left: 7px;
}
.cntct-btn .sub-txt {
  font-size: 16.5px;
  line-height: 1.1;
  margin: -5px auto -5px 5px;
}
.cntct-btn.tel .sub-txt {
  font-weight: bold;
  font-size: 26px;
  line-height: 0.8;
}
.cntct-btn.tel .main-txt {
  font-weight: normal;
  font-size: 18.5px;
  line-height: 1;
}
@media (min-width: 430px) {
  .cntct-btn.tel .btm-cntct {
    background: transparent;
    box-shadow: none;
  }
  .cntct-btn.tel .btm-cntct:hover {
    background: transparent;
    transform: none;
  }
  .cntct-btn.tel .btm-cntct:hover::before {
    display: none;
  }
}
@media (min-width: 430px) {
  .cntct-btn.tel svg.ico-aft {
    display: none;
  }
}
@media (max-width: 900px) {
  .cntct-btn {
    margin-top: 0;
  }
}

.nav-dtl {
  font-size: var(--fnt-sz-sml);
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  gap: 20px;
}
.nav-dtl .nav-l .nav-sub {
  color: #fff;
  text-align: left;
  margin: 10px 0;
}
.nav-dtl .nav-l .nav-sub div {
  color: #fff;
  margin-bottom: 8px;
  white-space: nowrap;
}
.nav-dtl .nav-l .nav-sub svg.ico-tel {
  margin-bottom: -4px;
  margin-right: 6px;
}
.nav-dtl .nav-l .nav-sub a {
  color: #fff;
}
.nav-dtl .nav-l .nav-sub a:before, .nav-dtl .nav-l .nav-sub a span:before {
  background: #fff;
}
.nav-dtl .nav-l .nav-sub a svg {
  fill: #fff;
}
.nav-dtl .nav-l .nav-sub a:hover {
  color: var(--clr-hvr2);
  text-decoration: none;
}
.nav-dtl .nav-l .nav-sub a:hover:before, .nav-dtl .nav-l .nav-sub a:hover span:before {
  background: var(--clr-hvr2);
}
.nav-dtl .nav-l .nav-sub a:hover svg {
  fill: var(--clr-hvr2);
}
.nav-dtl .nav-r .nav-lnk {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.nav-dtl .nav-r .nav-lnk ul li {
  padding: 0 0 6px 20px;
}
.nav-dtl .nav-list-dtl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
  color: #fff;
  text-align: left;
  padding-top: 20px;
  margin-bottom: 30px;
}
.nav-dtl .nav-list-dtl li {
  padding: 0 12px;
}
.nav-dtl .nav-list-dtl li a {
  color: #fff;
}
.nav-dtl .nav-list-dtl li a:before, .nav-dtl .nav-list-dtl li a span:before {
  background: #fff;
}
.nav-dtl .nav-list-dtl li a svg {
  fill: #fff;
}
.nav-dtl .nav-list-dtl li a:hover {
  color: var(--clr-hvr2);
  text-decoration: none;
}
.nav-dtl .nav-list-dtl li a:hover:before, .nav-dtl .nav-list-dtl li a:hover span:before {
  background: var(--clr-hvr2);
}
.nav-dtl .nav-list-dtl li a:hover svg {
  fill: var(--clr-hvr2);
}
.nav-dtl .nav-list-dtl li a {
  display: block;
  width: 100%;
  text-transform: var(--txt-tra);
  font-family: var(--fnt-swp);
  transition: padding 0.25s;
  padding-right: 0.3em;
}
.act .nav-dtl .nav-list-dtl li a {
  font-family: var(--fnt);
}
.nav-dtl .nav-list-dtl li a:hover {
  padding-left: 0.3em;
  padding-right: 0;
}
.nav-dtl .nav-list-dtl > li {
  padding: 0;
}
.nav-dtl .nav-list-dtl .head {
  font-family: var(--fnt-eng);
  text-transform: var(--txt-trf);
}
.nav-dtl .nav-list-dtl ul li {
  padding: 0 0 0 20px;
}
.nav-dtl .nav-list-dtl ul li::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.9rem;
  left: 0;
  width: 10px;
  height: 1px;
  background: #fff;
}
.nav-dtl .nav-list-dtl .ctg {
  -moz-columns: 2;
       columns: 2;
}
#g-nav-list .nav-dtl .nav-list-dtl {
  padding-top: 12px;
}
@media (max-width: 800px) {
  .nav-dtl .nav-list-dtl {
    margin-left: 20px;
  }
  .nav-dtl .nav-list-dtl li {
    padding: 0;
  }
}
.nav-dtl .nav-l .nav-sub .cntct-btn {
  margin-bottom: 20px;
}
.nav-dtl .nav-l .nav-sub .nav-cntct svg {
  fill: #fff !important;
}
.nav-dtl .nav-l .nav-sub .nav-cntct .sub-txt {
  font-size: 13.5px;
  color: #fff;
  margin-left: 10px;
  margin-bottom: -5px;
}
.nav-dtl .nav-l .nav-sub .nav-cntct .main-txt {
  color: #fff;
  font-size: 17px;
  margin-left: 10px;
}
@media (max-width: 560px) {
  .nav-dtl {
    flex-direction: column-reverse;
  }
  .nav-dtl .nav-l .logo, .nav-dtl .nav-l .nav-sub, .nav-dtl .nav-l .nav-sns {
    justify-content: center;
    text-align: center;
  }
  .nav-dtl .nav-l .map-lnk {
    margin-left: auto;
    margin-right: auto;
  }
  .nav-dtl .nav-r .nav-lnk > li {
    margin-bottom: 16px;
  }
}
.nav-dtl.act .nav-list-dtl li a[rel*=nofollow] span {
  display: inline-block;
  padding-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.nav-dtl.act .nav-list-dtl li a[rel*=nofollow] span::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
}
.nav-dtl.act .nav-list-dtl li a[rel*=nofollow]:hover span::before {
  background: var(--clr-hvr);
}
#g-nav-list .nav-dtl .nav-r {
  margin: 0 auto;
}
.nav-dtl .sch-form {
  max-width: 300px;
  padding-bottom: 30px;
  margin: 0 auto;
}

#g-nav-list .nav-sub, #g-nav-list .nav-sns, #g-nav-list .sch-form {
  opacity: 0;
}
.act #g-nav-list .nav-sub, .act #g-nav-list .nav-sns, .act #g-nav-list .sch-form {
  animation: fd 1s forwards 0.3s;
}

.sns-list-dtl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style: none !important;
  padding: 0;
  margin-bottom: 20px;
}
.sns-list-dtl li {
  padding: 0 8px;
  margin-bottom: 0;
  transition: all 0.3s;
}
.sns-list-dtl li:hover {
  opacity: 0.9;
  transform: var(--btn-mv);
}
.sns-list-dtl .svg {
  width: 26px;
  height: 26px;
  background: #fff;
}
.sns-list-dtl svg {
  fill: #fff;
}
.sns-list-dtl.user-sns {
  margin-top: 1rem;
}
.sns-list-dtl.user-sns svg {
  fill: var(--clr);
}

.main-ftr {
  background: var(--clr-grd);
}
.main-ftr #rtn-top a {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  transition: var(--anm-sub);
  text-decoration: none;
}
.main-ftr #rtn-top a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: var(--clr-acct);
  opacity: 0;
  z-index: -1;
  transition: var(--anm);
}
.main-ftr #rtn-top a:hover {
  z-index: 1;
  color: #fff !important;
  text-decoration: none;
}
.main-ftr #rtn-top a:hover::after {
  width: 100%;
  opacity: 1;
  animation: bgBtmTop 0.5s forwards;
}
.main-ftr #rtn-top a svg {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: var(--anm-sub);
}
.main-ftr #rtn-top a:hover::after {
  opacity: 0.3;
}
.main-ftr #rtn-top a:hover svg {
  margin-top: -6px;
}
.main-ftr #rtn-top span {
  display: none;
}
.main-ftr .ftr-sns {
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
}
.main-ftr .logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.main-ftr .logo img {
  width: 100%;
  height: auto;
  max-width: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: var(--clr-fltr-w);
}
@media (max-width: 430px) {
  .main-ftr .logo img {
    width: auto;
    height: 40px;
  }
}
.main-ftr .cprt {
  color: #fff;
  text-align: center;
  font-size: var(--fnt-sz-min);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 10px 0;
}
.main-ftr .ftr-btm {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 10px 0;
  font-size: var(--fnt-sz-min);
}
.main-ftr .ftr-btm ul {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.main-ftr .ftr-btm ul li a {
  color: #fff;
}
.main-ftr .ftr-btm ul li a:before, .main-ftr .ftr-btm ul li a span:before {
  background: #fff;
}
.main-ftr .ftr-btm ul li a svg {
  fill: #fff;
}
.main-ftr .ftr-btm ul li a:hover {
  color: var(--clr-hvr2);
  text-decoration: none;
}
.main-ftr .ftr-btm ul li a:hover:before, .main-ftr .ftr-btm ul li a:hover span:before {
  background: var(--clr-hvr2);
}
.main-ftr .ftr-btm ul li a:hover svg {
  fill: var(--clr-hvr2);
}
.main-ftr .ftr-btm ul li a {
  line-height: 1.1;
}
.main-ftr .ftr-btm ul li a[rel*=nofollow] span {
  display: inline-block;
  padding-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.main-ftr .ftr-btm ul li a[rel*=nofollow] span::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-blk);
}
.main-ftr .ftr-btm ul li a[rel*=nofollow]:hover span::before {
  background: var(--clr-hvr);
}
@media (max-width: 430px) {
  .main-ftr .ftr-btm ul {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.main-ftr .ftr-btm .cprt {
  padding: 0;
}
@media (max-width: 1200px) {
  .main-ftr .ftr-btm {
    padding: 10px;
  }
}
@media (max-width: 430px) {
  .main-ftr .ftr-btm {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.main-ftr.bg-w {
  background: #fff;
}
.main-ftr.bg-w #rtn-top svg {
  color: var(--clr);
}
.main-ftr.bg-w .logo img {
  filter: none;
}
.main-ftr.bg-w .cprt {
  color: var(--clr-blk);
}
.main-ftr.bg-w .ftr-btm a {
  color: var(--clr-blk);
}
.main-ftr.bg-w .ftr-btm a:before, .main-ftr.bg-w .ftr-btm a span:before {
  background: var(--clr-blk);
}
.main-ftr.bg-w .ftr-btm a svg {
  fill: var(--clr-blk);
}
.main-ftr.bg-w .ftr-btm a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.main-ftr.bg-w .ftr-btm a:hover:before, .main-ftr.bg-w .ftr-btm a:hover span:before {
  background: var(--clr-hvr);
}
.main-ftr.bg-w .ftr-btm a:hover svg {
  fill: var(--clr-hvr);
}

.up-img {
  width: 10px;
  height: auto;
}

.bg-w .nav-dtl .nav-list-dtl {
  color: var(--clr-blk);
}
.bg-w .nav-dtl .nav-list-dtl li a {
  color: var(--clr-blk);
}
.bg-w .nav-dtl .nav-list-dtl li a:before, .bg-w .nav-dtl .nav-list-dtl li a span:before {
  background: var(--clr-blk);
}
.bg-w .nav-dtl .nav-list-dtl li a svg {
  fill: var(--clr-blk);
}
.bg-w .nav-dtl .nav-list-dtl li a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.bg-w .nav-dtl .nav-list-dtl li a:hover:before, .bg-w .nav-dtl .nav-list-dtl li a:hover span:before {
  background: var(--clr-hvr);
}
.bg-w .nav-dtl .nav-list-dtl li a:hover svg {
  fill: var(--clr-hvr);
}
.bg-w .nav-dtl .nav-list-dtl .head {
  font-weight: bold;
}
.bg-w .nav-dtl .nav-l .nav-sub div {
  color: var(--clr-blk);
}
.bg-w .nav-dtl .nav-l .nav-sub a {
  color: var(--clr-blk);
}
.bg-w .nav-dtl .nav-l .nav-sub a:before, .bg-w .nav-dtl .nav-l .nav-sub a span:before {
  background: var(--clr-blk);
}
.bg-w .nav-dtl .nav-l .nav-sub a svg {
  fill: var(--clr-blk);
}
.bg-w .nav-dtl .nav-l .nav-sub a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.bg-w .nav-dtl .nav-l .nav-sub a:hover:before, .bg-w .nav-dtl .nav-l .nav-sub a:hover span:before {
  background: var(--clr-hvr);
}
.bg-w .nav-dtl .nav-l .nav-sub a:hover svg {
  fill: var(--clr-hvr);
}
.bg-w .nav-dtl .nav-l .nav-sub svg.ico-tel {
  fill: var(--clr-blk);
}
.bg-w .nav-dtl ul li::before, .bg-w .nav-dtl.act .nav-list-dtl li a span::before {
  background: var(--clr-blk);
}
.bg-w .sns-list-dtl svg {
  fill: var(--clr);
}

label, input, button, textarea, select {
  position: relative;
}

.wpcf7-form label br {
  display: none;
}
.wpcf7-form .ttl {
  display: block;
  width: 310px;
  padding: 17px 70px 0 0;
  text-align: left;
  font-weight: bold;
}
@media (max-width: 768px) {
  .wpcf7-form .ttl {
    width: 100%;
  }
}
.wpcf7-form .flex .input, .wpcf7-form .flex .box {
  display: block;
  width: calc(100% - 310px);
  text-align: left;
}
.wpcf7-form .flex .box br {
  display: none;
}
.wpcf7-form .flex br {
  display: none;
}
.wpcf7-form .flex .desc {
  display: block;
  font-size: 0.9em;
  margin: -15px 0 10px 0;
}
.wpcf7-form .flex .wpcf7-radio {
  display: block;
  margin-top: 13px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .wpcf7-form .flex {
    display: block;
  }
  .wpcf7-form .flex .input, .wpcf7-form .flex .box {
    width: 100%;
  }
}

input[type=date], input[type=email],
input[type=number], input[type=password],
input[type=tel], input[type=text],
input[type=url], input[type=checkbox],
textarea, select {
  border-radius: var(--rds) !important;
  border: 1px solid var(--clr) !important;
  outline-color: var(--clr) !important;
  background: #fff;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox]::before {
  border: 1px solid var(--clr) !important;
}
input[type=checkbox] + label {
  display: inline-block;
  padding: 0 10px 0 25px;
  cursor: pointer;
}
input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  margin-top: -10px;
  border: 1px solid var(--clr-sub2);
}
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 3px;
  width: 18px;
  height: 9px;
  background: none;
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color: var(--clr);
  margin-top: -9px;
  transform: rotate(-45deg);
}

input[type=submit] {
  border: none !important;
  font-weight: bold;
  border-radius: 30px !important;
  padding: 16px;
  margin: 20px 0;
  background: var(--clr-grd);
  box-shadow: var(--sdw);
  transition: ease 0.2s;
}
input[type=submit]:hover:not(:disabled) {
  background: var(--clr-grd2);
  transform: var(--btn-mv);
  box-shadow: none;
}

.error404 .page-header-title::before {
  content: "404 NOT FOUND";
}
.error404 main {
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  font-weight: bold;
  min-height: 370px;
  padding: 20px;
}
.error404 main .main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.error404 main .main p {
  white-space: nowrap;
}
.error404 main .not-find-btn {
  margin-top: 30px;
}
@media (max-width: 430px) {
  .error404 main {
    font-size: 1rem;
  }
}
.error404 #cntct {
  display: none;
}
@media (max-width: 500px) {
  .error404 .page-header-title::before {
    font-size: 1.5rem;
    margin: 16px auto -8px auto;
  }
}

.post-dtl {
  overflow: hidden;
  border-radius: var(--rds);
  box-shadow: var(--sdw2);
}
.post-dtl .post-media {
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: var(--rt-slv);
}
.post-dtl .post-media img {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
  width: 101%;
  max-width: 101%;
}
.post-dtl .post-media::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 -30px 40px -10px rgba(0, 0, 0, 0.8);
  opacity: 0.1;
}
.post-dtl .post-exp {
  padding: 20px;
  color: var(--clr-blk);
  background: #fff;
  width: 100%;
}
.post-dtl .post-exp .ctg {
  position: absolute;
  top: -20px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: var(--fnt-sz-min);
  text-align: center;
  background: #fff;
  min-width: 180px;
  padding: 0 16px;
  margin-left: 0;
}
@media (max-width: 430px) {
  .post-dtl .post-exp .ctg {
    padding: 0 8px;
    min-width: auto;
  }
}
.post-dtl .post-exp .post-dt {
  display: block;
  font-size: var(--fnt-sz-min);
  line-height: 1;
  padding-left: 20px;
  margin-top: 10px;
  opacity: 0.7;
}
.post-dtl .post-exp .post-dt::before {
  top: 0;
}
.post-dtl .post-exp .post-ttl {
  font-size: var(--fnt-sz);
  font-weight: bold;
  text-align: left;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  display: block;
  line-height: 1.2;
  height: 3.6em;
}
.post-dtl .post-exp .post-ttl span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.post-dtl .post-exp .post-ttl::before {
  display: none;
}
@media (max-width: 430px) {
  .post-dtl .post-exp .post-ttl {
    display: block;
    line-height: 1.2;
    height: 4.8em;
  }
  .post-dtl .post-exp .post-ttl span {
    display: -webkit-box;
    overflow: hidden;
    line-break: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 430px) {
  .swiper-slide .post-dtl .post-exp .post-ttl {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.post-dtl .post-exp .exp {
  line-height: 1.3;
  font-size: var(--fnt-sz-min);
  height: 80px;
  margin-top: 0;
}
@media (min-width: 1025px) {
  .post-dtl img, .post-dtl {
    transition: var(--anm-sub), opacity 1s;
  }
  a .post-dtl:hover {
    transform: translateY(-16px);
  }
  a .post-dtl:hover .post-exp .post-ttl {
    color: var(--clr-hvr);
  }
}
@media (max-width: 430px) {
  .post-dtl {
    padding: 0;
  }
}
@media (max-width: 430px) {
  .swiper-slide .post-dtl {
    padding: 0;
  }
}

.hide-area {
  display: none;
}

.modaal-image .modaal-gallery-prev:after, .modaal-image .modaal-gallery-prev:before, .modaal-image .modaal-gallery-next:after, .modaal-image .modaal-gallery-next:before {
  width: 2px;
}
.modaal-image .modaal-gallery-prev:before {
  margin: 7px 0 0;
}
.modaal-image .modaal-gallery-next:before {
  margin: -7px 0 0;
}
.modaal-image .modaal-close:after, .modaal-image .modaal-close:before {
  width: 2px;
  height: 30px;
  background: #fff;
  top: 10px;
}
.modaal-image .modaal-close:focus:after, .modaal-image .modaal-close:focus:before, .modaal-image .modaal-close:hover:after, .modaal-image .modaal-close:hover:before {
  background: var(--clr-blk) !important;
}

#modaal-title {
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

.modaal-video .modaal-inner-wrapper {
  padding: 0;
  overflow: hidden;
}
@media (max-width: 430px) {
  .modaal-video .modaal-inner-wrapper {
    overflow: auto;
  }
}

.info-list dl, .gallery-list {
  display: flex;
}

.info-list dt {
  margin: 0 10px 0 0;
}

.gallery-list li {
  margin: 0 10px 0 0;
}

.swiper {
  padding: 50px 0;
  margin-top: 60px;
}
.swiper .swiper-button-prev, .swiper .swiper-button-next {
  display: grid;
  place-content: center;
  width: 54px;
  height: 54px;
  transition: var(--anm-sub);
  cursor: pointer;
}
.swiper .swiper-button-prev::before, .swiper .swiper-button-next::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  box-shadow: var(--sdw2);
}
.swiper .swiper-button-prev::after, .swiper .swiper-button-next::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 14px;
  height: 14px;
  background: none;
  border: solid var(--clr);
  border-width: 3px 3px 0 0;
}
.swiper .swiper-button-prev:hover::after, .swiper .swiper-button-next:hover::after {
  border-color: var(--clr-acct);
}
.swiper .swiper-button-prev::after {
  margin-left: 0.4rem;
  transform: rotate(-135deg);
}
.swiper .swiper-button-next::after {
  margin-right: 0.4rem;
  transform: rotate(45deg);
}
.swiper .swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.swiper [class*=swiper]:focus {
  outline: none;
}

.swiper {
  overflow: visible;
}
.swiper .swiper-controller {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 20px;
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .swiper .swiper-controller {
    width: 90vw;
  }
}
.swiper .swiper-pagination {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px 10px;
  margin: 30px auto 0 10px;
  text-align: center;
  bottom: 30px !important;
}
.swiper .swiper-pagination-bullet {
  width: 1.6rem;
  height: 14px;
  transition: var(--anm-sub);
  vertical-align: top;
  background: none;
  border-radius: 0;
  cursor: pointer;
  outline: none;
}
.swiper .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--clr-sub);
  margin: 5px 0;
}
@media (max-width: 430px) {
  .swiper .swiper-pagination-bullet {
    width: 1rem;
  }
}
.swiper .swiper-pagination-bullet-active {
  width: 4rem;
}
.swiper .swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--clr-acct);
}
@media (max-width: 430px) {
  .swiper .swiper-pagination-bullet-active {
    width: 2rem;
  }
}
.swiper .swiper-button-prev, .swiper .swiper-button-next {
  position: relative;
  flex-shrink: 0;
  margin: 0;
}
.swiper .swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.swiper .swiper-button-disabled::before {
  box-shadow: var(--sdw2);
}
.swiper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
}
.swiper.cut .swiper-slide:not(.swiper-slide-visible) .post-dtl {
  pointer-events: none;
  opacity: 0.3;
}
@media (min-width: 1025px) {
  .swiper .tab-sp {
    display: none !important;
  }
  .swiper .swiper-button-prev::before, .swiper .swiper-button-next::before {
    transition: var(--anm-sub);
  }
  .swiper .swiper-button-prev:hover::before, .swiper .swiper-button-next:hover::before {
    transform: scale(1.05);
  }
}
@media (max-width: 768px) {
  .swiper.swiper {
    margin-left: 16px;
    margin-right: 16px;
  }
  .swiper .swiper-pagination {
    bottom: 0 !important;
    width: 100%;
  }
  .swiper .swiper-button-prev, .swiper .swiper-button-next {
    margin-bottom: 0;
  }
}

.post-sldr {
  max-width: 1200px !important;
  margin: 100px auto 100px auto;
  margin-top: 60px !important;
}
.post-sldr .post-sldr-blk {
  width: calc(100% + (var(--wd-full) - 1200px) / 2);
  overflow: hidden;
  z-index: 2;
}
.post-sldr .post-sldr-dtl {
  max-width: 1200px;
  margin-left: 0 !important;
}
.post-sldr .post-sldr-dtl .swiper-wrapper .swiper-slide {
  width: 380px !important;
}
.post-sldr .post-sldr-dtl .swiper-wrapper .swiper-slide .slide {
  box-shadow: var(--sdw);
  border: 1px solid var(--clr);
}
.post-sldr .post-sldr-dtl .swiper-wrapper .swiper-slide .post-dtl {
  box-shadow: var(--sdw4);
}
@media (max-width: 430px) {
  .post-sldr .post-sldr-dtl .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
}
.post-sldr .post-sldr-dtl .swiper-pagination-bullet::before {
  background: #fff;
}
.post-sldr .post-sldr-dtl .swiper-pagination-bullet-active::before {
  background: var(--clr-acct);
}
.post-sldr .post-sldr-dtl .swiper-button-prev::before, .post-sldr .post-sldr-dtl .swiper-button-next::before, .post-sldr .post-sldr-dtl .swiper-button-disabled::before {
  box-shadow: var(--sdw);
}
@media (max-width: 1200px) {
  .post-sldr .post-sldr, .post-sldr .post-sldr-dtl {
    max-width: 700px;
  }
  .post-sldr .post-sldr-blk {
    width: calc(100% + (var(--wd-full) - 700px) / 2);
  }
}
@media (max-width: 700px) {
  .post-sldr .post-sldr, .post-sldr .post-sldr-dtl {
    max-width: 300px;
  }
  .post-sldr .post-sldr-blk {
    width: calc(100% + (var(--wd-full) - 300px - var(--wd-scrl)) / 2);
  }
}
@media (max-width: 768px) {
  .post-sldr .post-sldr-dtl {
    margin-top: 0 !important;
  }
}

.photo-sldr .swiper-wrapper {
  transition-timing-function: linear !important;
  cursor: auto !important;
}
.photo-sldr .post-dtl {
  box-shadow: var(--sdw);
}
.photo-sldr img, .photo-sldr .post-dtl .post-media img {
  width: 100%;
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: var(--rt-slv);
  vertical-align: bottom;
  width: auto;
  height: 300px;
}
@media (max-width: 430px) {
  .photo-sldr img, .photo-sldr .post-dtl .post-media img {
    height: 160px;
  }
}
.photo-sldr .post-media img {
  position: relative;
}

.wp-lightbox-overlay {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.wp-lightbox-overlay .scrim {
  display: none;
}
.wp-lightbox-overlay::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
}

.cstm-tab {
  display: flex;
  flex-wrap: wrap;
}
.cstm-tab label {
  order: -1;
  text-align: center;
  overflow: hidden;
  font-size: 0.8em;
  padding: 8px 12px;
  margin-right: 5px;
  min-width: 105px;
  z-index: 1;
  transition: all 0.3s;
  border-radius: var(--rds);
  margin-bottom: 5px;
}
.cstm-tab label::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e7e4e4;
  opacity: 0.8;
}
.cstm-tab label:has(:checked)::before {
  background: #fff;
  opacity: 1;
}
.cstm-tab label :hover {
  opacity: 1;
  opacity: 0.7;
  cursor: pointer;
}
.cstm-tab .tab-dtl {
  display: none;
  width: 100%;
  background: #fff;
  padding: 0.7em 1em;
}
.cstm-tab label:has(:checked) + .tab-dtl {
  display: block;
  background: #fff;
}
.cstm-tab input {
  display: none;
}

.cstm-voice .voice-nm {
  display: block;
  text-align: center;
  margin-top: 0.3rem;
  line-height: 1.2;
  font-size: 1em;
}
.bg-d .cstm-voice .voice-nm {
  color: #fff;
}
.cstm-voice .voice-blk {
  display: flex;
  align-items: normal;
  max-width: var(--wd-pc) !important;
  margin: 40px auto;
  margin-bottom: 40px !important;
}
.cstm-voice .voice-blk.act .voice-dtl img {
  display: block;
  animation: fd 1.3s forwards;
}
.cstm-voice .voice-dtl {
  margin-right: 1.2rem;
  flex-basis: 90px;
}
.cstm-voice .voice-dtl img {
  display: none;
  width: 140px;
  height: 140px;
  max-width: 140px;
  border-radius: 50%;
}
.cstm-voice .voice-txt {
  background: #fff;
  box-shadow: var(--sdw);
  width: 100%;
  max-width: 100%;
  font-size: 0.9rem;
  padding: 20px 26px;
  border-radius: 30px !important;
}
.cstm-voice .voice-txt::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.28%2031.18%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%209.99s13.93%205.6%2020.28%2021.19V0C12.11%209.69%200%209.99%200%209.99Z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.28%2031.18%22%3E%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%209.99s13.93%205.6%2020.28%2021.19V0C12.11%209.69%200%209.99%200%209.99Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
  border: none;
  width: 20px;
  height: 30px;
  top: 15px;
  left: -15px;
}
.cstm-voice h3, .cstm-voice h4 {
  color: var(--clr-sub);
  font-size: 1.6rem;
  margin-bottom: 20px;
  line-height: 1.3;
  margin-top: 0 !important;
  font-family: var(--fnt-swp-sub);
}
.act .cstm-voice h3, .act .cstm-voice h4 {
  font-family: var(--fnt-sub);
}
@media (max-width: 768px) {
  .cstm-voice h3, .cstm-voice h4 {
    font-size: 1.3rem;
  }
}
@media (max-width: 1200px) {
  .cstm-voice .voice-blk {
    margin: 40px 0;
    flex-flow: column;
    gap: 10px;
  }
  .cstm-voice .voice-dtl {
    display: flex;
    gap: 10px;
  }
  .cstm-voice .voice-dtl img {
    flex-basis: auto !important;
  }
  .cstm-voice .voice-nm {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-align: left;
  }
  .cstm-voice .voice-txt::before {
    left: 60px !important;
    top: -20px !important;
    height: 40px;
    transform: rotateZ(60deg);
  }
  .cstm-voice h3 {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .cstm-voice h3 {
    margin-top: -10px;
    margin-bottom: 30px;
  }
}
@media (max-width: 430px) {
  .cstm-voice .voice-txt {
    padding: 20px;
  }
}

.cstm-acc .acc-body {
  margin-bottom: 20px;
  border-radius: var(--rds);
  overflow: hidden;
  box-shadow: 12px 10px 20px -17px rgba(83, 83, 83, 0.7);
}
.cstm-acc .acc-body input {
  display: none;
}
.cstm-acc .acc-body label, .cstm-acc .acc-body .free {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.cstm-acc .acc-body label {
  display: block;
  width: 100%;
  line-height: 1.2;
  background: linear-gradient(90deg, #fcfcfc, #ececec);
  border-color: rgba(241, 223, 215, 0.9);
  padding: 0.75em 40px 0.75em 1em;
  text-align: left;
  flex: 1 1 auto;
  word-break: break-all;
}
.cstm-acc .acc-body label:hover {
  cursor: pointer;
}
.cstm-acc .acc-body .free {
  display: none;
  height: 0;
  overflow: hidden;
  background: #fff;
  font-size: 0.9rem;
  line-height: 1.3;
  text-align: left;
  padding: 1em;
  transition: padding 0.25s, height 0.25s, opacity 0.25s, visibility 0.25s;
}
.cstm-acc .acc-body .free ul {
  list-style: disc;
  margin-left: 16px;
}
.cstm-acc .acc-body .icon {
  display: block;
  position: absolute;
  top: 13px;
  right: 20px;
  width: 1em;
  height: 1em;
  text-align: center;
  transition: transform 0.25s;
}
.cstm-acc .acc-body .icon::before {
  content: "";
  position: absolute;
  display: block;
  top: 7px;
  left: 0;
  width: 1em;
  height: 2px;
  background: var(--clr-sub);
}
.cstm-acc .acc-body .icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 7px;
  width: 2px;
  height: 1em;
  background: var(--clr-sub);
}
.cstm-acc .acc-body label:has(:checked) + .free {
  display: block;
  height: auto;
  transition: all 0.3s;
}
.cstm-acc .acc-body label:has(:checked) + .free + .icon {
  transform: rotate(180deg);
}
.cstm-acc .acc-body label:has(:checked) + .free + .icon::after {
  opacity: 0;
}

.cstm-faq .acc-body label, .cstm-faq .acc-body .free {
  padding-left: 50px;
}
.cstm-faq .acc-body label::before, .cstm-faq .acc-body .free::before {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  left: 10px;
  width: 28px;
  height: 28px;
  background: var(--clr-grd);
  border-radius: var(--rds-min);
  padding: 2px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.cstm-faq .acc-body label::before {
  content: "Q";
  font-size: 1.4rem;
  line-height: 1;
}
.cstm-faq .acc-body .free::before {
  content: "A";
  background: var(--clr-acct);
  font-size: 1.5rem;
  line-height: 1.2;
}

.cstm-spc {
  clear: both;
}

.bg-img-sec {
  background: #fff;
}
.bg-img-sec .bg-img img {
  position: absolute;
  width: 100%;
  height: 100vh;
  height: var(--ht-max);
  max-height: 100vh;
  top: 0;
  left: 0;
  height: 101vh;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.bg-img-sec.act .bg-img img {
  animation: fd 1s forwards 0.2s;
}
.bg-img-sec .bg-img.fix img {
  position: fixed;
}
.bg-img-sec.bg-img-bf .bg-img::before {
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-img-sec.bg-img-bf.act .bg-img::before {
  animation: fd 1s forwards 0.2s;
}
.bg-img-sec picture {
  display: block;
}

.cstm-cols {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 768px) {
  .cstm-cols.tb-ver {
    flex-direction: column;
  }
  .cstm-cols.tb-ver .cstm-col {
    margin: 0 auto;
  }
}
.cstm-cols .cstm-col.col-max {
  flex: 1;
}

.sch-form .sch-form-wrapper {
  display: flex;
}
.sch-form label {
  display: none;
}
.sch-form input[name=s] {
  width: calc(100% - 50px);
  padding-left: 12px;
  border: none;
  border-radius: 30px 0 0 30px;
  background: #fff;
}
.sch-form input[name=s]:focus, .sch-form input[name=s]:active {
  outline: none;
}
.sch-form button[type=submit] {
  width: 50px;
  height: 41px;
  margin: 0;
  cursor: pointer;
  background: #fff;
  border: none;
  border-radius: 0 30px 30px 0;
}
.sch-form button[type=submit]::before {
  content: "";
  position: absolute;
  display: block;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%20%3Cpath%20d%3D%22M1014.64%20969.04%20703.71%20656.207c57.952-69.408%2092.88-158.704%2092.88-256.208%200-220.912-179.088-400-400-400s-400%20179.088-400%20400%20179.088%20400%20400%20400c100.368%200%20192.048-37.056%20262.288-98.144l310.496%20312.448c12.496%2012.497%2032.769%2012.497%2045.265%200%2012.48-12.496%2012.48-32.752%200-45.263zM396.59%20736.527c-185.856%200-336.528-150.672-336.528-336.528S210.734%2063.471%20396.59%2063.471c185.856%200%20336.528%20150.672%20336.528%20336.528S582.446%20736.527%20396.59%20736.527z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%20%3Cpath%20d%3D%22M1014.64%20969.04%20703.71%20656.207c57.952-69.408%2092.88-158.704%2092.88-256.208%200-220.912-179.088-400-400-400s-400%20179.088-400%20400%20179.088%20400%20400%20400c100.368%200%20192.048-37.056%20262.288-98.144l310.496%20312.448c12.496%2012.497%2032.769%2012.497%2045.265%200%2012.48-12.496%2012.48-32.752%200-45.263zM396.59%20736.527c-185.856%200-336.528-150.672-336.528-336.528S210.734%2063.471%20396.59%2063.471c185.856%200%20336.528%20150.672%20336.528%20336.528S582.446%20736.527%20396.59%20736.527z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #333;
}
.sch-form button[type=submit]:hover {
  opacity: 0.7;
}
.sch-form input[name=s], .sch-form button[type=submit] {
  height: 41px;
}
.bg-w .sch-form input[name=s], .bg-w .sch-form button[type=submit] {
  background: #e8e8e8;
}

.post-list-tag {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 !important;
}
.post-list-tag li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 130px;
  padding: 0 10px;
  font-size: var(--fnt-sz-min);
  color: var(--clr);
  border: 1px solid var(--clr);
  background: #fff;
}

.date-blk {
  display: flex;
  justify-content: flex-end;
}

.post-dt {
  width: 120px;
  font-size: var(--fnt-sz-min);
  white-space: nowrap;
  opacity: 0.8;
  padding-left: 20px;
}
.post-dt::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.4em;
  left: 0;
  width: 1em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20d%3D%22M16%2032C7.16%2032%200%2024.84%200%2016S7.16%200%2016%200s16%207.16%2016%2016c-.01%208.83-7.17%2015.99-16%2016Zm0-30C8.27%202%202%208.27%202%2016s6.27%2014%2014%2014%2014-6.27%2014-14S23.73%202.01%2016%202Z%22%2F%3E%20%3Cpath%20d%3D%22M21%2022c-.27%200-.52-.11-.71-.29l-5-5A.99.99%200%200%201%2015%2016V6c0-.55.45-1%201-1s1%20.45%201%201v9.59l4.71%204.71A.996.996%200%200%201%2021%2022Z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cpath%20d%3D%22M16%2032C7.16%2032%200%2024.84%200%2016S7.16%200%2016%200s16%207.16%2016%2016c-.01%208.83-7.17%2015.99-16%2016Zm0-30C8.27%202%202%208.27%202%2016s6.27%2014%2014%2014%2014-6.27%2014-14S23.73%202.01%2016%202Z%22%2F%3E%20%3Cpath%20d%3D%22M21%2022c-.27%200-.52-.11-.71-.29l-5-5A.99.99%200%200%201%2015%2016V6c0-.55.45-1%201-1s1%20.45%201%201v9.59l4.71%204.71A.996.996%200%200%201%2021%2022Z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-blk);
}

.cstm-post-list {
  padding: 0;
}
.cstm-post-list > li {
  padding: 0.5rem 0;
  font-weight: normal;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.cstm-post-list > li a {
  color: var(--clr-blk);
}
.cstm-post-list > li a:before, .cstm-post-list > li a span:before {
  background: var(--clr-blk);
}
.cstm-post-list > li a svg {
  fill: var(--clr-blk);
}
.cstm-post-list > li a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.cstm-post-list > li a:hover:before, .cstm-post-list > li a:hover span:before {
  background: var(--clr-hvr);
}
.cstm-post-list > li a:hover svg {
  fill: var(--clr-hvr);
}
.cstm-post-list > li a {
  width: 100%;
  font-weight: normal;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.cstm-post-list > li a:hover .post-ttl {
  color: var(--clr-hvr);
  text-decoration: none;
}
.cstm-post-list > li a:hover .post-dt::before {
  background: var(--clr-blk);
}
.cstm-post-list > li a::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: calc(50% - 16px);
  width: 100%;
  height: 1px;
  background: var(--clr-acct);
  transform: scale(0, 1);
  transform-origin: left top;
  transition: var(--anm);
}
.cstm-post-list > li a:hover {
  text-decoration: none;
  color: var(--clr-blk);
}
.cstm-post-list > li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.cstm-post-list > li a::after {
  bottom: -4px;
}
.cstm-post-list.side > li {
  counter-increment: count;
  margin: 0 0 16px 0;
}
.cstm-post-list.side > li a {
  flex-wrap: nowrap;
  text-decoration: none !important;
}
.cstm-post-list.side > li a:hover img {
  transform: var(--img-hvr);
}
.cstm-post-list.side > li a:hover::after {
  display: none;
}
.cstm-post-list.side > li:last-child {
  margin: 0;
}
.cstm-post-list.side > li .img-cvr {
  width: 110px;
  height: 110px;
}
.cstm-post-list.side .post-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 126px);
  height: 110px;
  border: none;
  font-size: var(--fnt-sz-min);
  line-height: 1.6;
  display: block;
  line-height: 1.2;
  height: 3.6em;
}
.cstm-post-list.side .post-ttl span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cstm-post-list.side.ranking-list .img-cvr .no {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 37px;
  overflow: hidden;
}
.cstm-post-list.side.ranking-list .img-cvr .no div {
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.cstm-post-list.side.ranking-list .img-cvr .no div::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
  content: counter(count);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 1em;
  padding-top: 1px;
  padding-left: 0;
  z-index: 1;
}
.cstm-post-list.side.ranking-list .img-cvr .no:before, .cstm-post-list.side.ranking-list .img-cvr .no:after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 23px;
  height: 23px;
  background: var(--clr);
}
.cstm-post-list.side.ranking-list .img-cvr .no:before {
  transform: rotate(160deg);
  left: -5px;
}
.cstm-post-list.side.ranking-list .img-cvr .no:after {
  transform: rotate(-160deg);
  right: -5px;
}
.cstm-post-list.side.ranking-list li:nth-child(n+4) .img-cvr .no div::before {
  background: var(--clr-sub6);
}
.cstm-post-list.side.ranking-list li:nth-child(n+4) .img-cvr .no:before, .cstm-post-list.side.ranking-list li:nth-child(n+4) .img-cvr .no:after {
  display: none;
}
.cstm-post-list.relate {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.cstm-post-list.relate > li {
  width: calc(50% - 8px);
  margin: 0 0 16px 0;
}
.cstm-post-list.relate > li a {
  flex-wrap: nowrap;
  gap: 16px;
  text-decoration: none !important;
}
.cstm-post-list.relate > li a:hover img {
  transform: var(--img-hvr);
}
.cstm-post-list.relate > li a:hover::after {
  display: none;
}
.cstm-post-list.relate > li:last-child {
  margin: 0;
}
.cstm-post-list.relate .img-cvr {
  width: 130px;
  height: 130px;
}
.cstm-post-list.relate .post-exp {
  width: calc(100% - 130px);
  height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cstm-post-list.relate .post-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  height: 80px;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
  display: block;
  line-height: 1.2;
  height: 3.6em;
}
.cstm-post-list.relate .post-ttl span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 768px) {
  .cstm-post-list.relate {
    gap: 0;
  }
  .cstm-post-list.relate li {
    width: 100%;
  }
}
.home .cstm-post-list a, .cstm-post-list.cstm-post-list a {
  align-items: flex-start;
}
.home .cstm-post-list a .post-ttl, .cstm-post-list.cstm-post-list a .post-ttl {
  flex: 1;
  display: block;
  line-height: 1.2;
  height: 100%;
  max-height: 2.4em;
}
.home .cstm-post-list a .post-ttl span, .cstm-post-list.cstm-post-list a .post-ttl span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 600px) {
  .home .cstm-post-list a .post-ttl, .cstm-post-list.cstm-post-list a .post-ttl {
    flex: auto;
  }
}

.cstm-tab .post-dt {
  width: 70px;
  padding-left: 0;
}
.cstm-tab .post-dt::before {
  display: none;
}
.cstm-tab .post-list-tag li {
  justify-content: center;
  flex-direction: inherit;
}

.search .main-section {
  width: 100% !important;
}
@media (max-width: 1200px) {
  .search .vk_posts {
    justify-content: center;
  }
}

.search-no-results .main-section-no-posts p {
  text-align: center;
}

.img-hlf {
  width: 100%;
  max-width: 100%;
  padding: 130px 0 130px 0;
  margin: 0 calc(50% - 50vw);
  z-index: 1;
  overflow: hidden;
  max-width: 100% !important;
  overflow: hidden;
}
@media (max-width: 768px) {
  .img-hlf {
    padding: 60px 0 60px 0;
  }
}
.img-hlf .bg-img {
  width: 50%;
  z-index: 0;
}
.img-hlf .bg-img.fix::before {
  width: 50%;
}
.full .img-hlf {
  margin: 0 auto;
}
.img-hlf .in-hlf {
  width: 100%;
  max-width: calc(var(--wd-pc) / 2) !important;
  margin: 0 auto;
  text-align: left;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.img-hlf .in-hlf h2, .img-hlf .in-hlf .w-btn-o {
  margin-left: 0 !important;
}
.img-hlf .in-hlf h2, .img-hlf .in-hlf .h2-cat {
  text-align: left;
  padding-bottom: 0 !important;
  margin-left: 0 !important;
}
.img-hlf .in-hlf h2.slnt::after, .img-hlf .in-hlf .h2-cat.slnt::after {
  left: 10px;
}
.img-hlf .in-hlf h2::after, .img-hlf .in-hlf .h2-cat::after {
  display: none !important;
}
.img-hlf .in-hlf h3 {
  font-size: 1.5rem;
  color: var(--clr);
  font-family: var(--fnt-swp-sub);
  border-left: none !important;
  padding-left: 0;
  margin-bottom: 50px;
}
.act .img-hlf .in-hlf h3 {
  font-family: var(--fnt-sub);
}
.img-hlf .in-hlf h3::before {
  display: none;
}
.img-hlf.l::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  background: #fff;
}
.img-hlf.l .in-hlf {
  margin-left: 50% !important;
  padding-left: 40px;
}
.img-hlf.r::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: var(--clr-grd4);
}
.img-hlf.r .bg-img {
  left: 50%;
}
.img-hlf.r .bg-img.fix::before {
  left: 50%;
}
.img-hlf.r .in-hlf {
  padding-right: 40px;
  margin-right: 50% !important;
}
.img-hlf.img-max .in-hlf, .img-hlf.img-max .in-hlf::before, .img-hlf.img-big .in-hlf, .img-hlf.img-big .in-hlf::before, .img-hlf.img-sml .in-hlf, .img-hlf.img-sml .in-hlf::before {
  border-radius: var(--rds);
}
.img-hlf.img-max .in-hlf::before, .img-hlf.img-big .in-hlf::before, .img-hlf.img-sml .in-hlf::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.6;
  z-index: -1;
}
.img-hlf.img-max.l .in-hlf, .img-hlf.img-big.l .in-hlf, .img-hlf.img-sml.l .in-hlf {
  padding: 40px;
  margin-left: 50%;
}
.img-hlf.img-max.r .in-hlf, .img-hlf.img-big.r .in-hlf, .img-hlf.img-sml.r .in-hlf {
  padding: 40px;
  margin-right: 50%;
}
.img-hlf.img-max .bg-img {
  width: 100%;
  z-index: 0;
}
.img-hlf.img-max .bg-img.fix::before {
  width: 101%;
}
.img-hlf.img-max.l::before, .img-hlf.img-max.r::before {
  display: none;
}
.img-hlf.img-max.r .bg-img {
  left: 0;
}
.img-hlf.img-max.r .bg-img.fix::before {
  left: 0;
}
.img-hlf.img-big .bg-img {
  width: 65%;
  z-index: 0;
}
.img-hlf.img-big .bg-img.fix::before {
  width: 66%;
}
.img-hlf.img-big.l::before {
  content: "";
  position: absolute;
  display: block;
  left: 65%;
  width: 35%;
  height: 100%;
  background: var(--clr-grd4);
}
.img-hlf.img-big.r::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background: var(--clr-grd4);
}
.img-hlf.img-big.r .bg-img {
  left: 35%;
}
.img-hlf.img-big.r .bg-img.fix::before {
  left: 34%;
}
.img-hlf.img-sml .bg-img {
  width: 100%;
  max-width: 700px !important;
  z-index: 0;
}
.img-hlf.img-sml .bg-img.fix::before {
  width: 100%;
  max-width: 700px !important;
}
.img-hlf.img-sml.l .bg-img, .img-hlf.img-sml.l .bg-img.fix::before {
  left: auto;
  right: calc(50% - 100px);
}
@media (max-width: 1200px) {
  .img-hlf.img-sml.l .bg-img, .img-hlf.img-sml.l .bg-img.fix::before {
    right: calc(50% - 200px);
  }
}
.img-hlf.img-sml.r .bg-img, .img-hlf.img-sml.r .bg-img.fix::before {
  left: calc(50% - 100px);
}
@media (max-width: 1200px) {
  .img-hlf.img-sml.r .bg-img, .img-hlf.img-sml.r .bg-img.fix::before {
    left: calc(50% - 200px);
  }
}
.img-hlf.img-big.ht-sml, .img-hlf.img-sml {
  padding: 80px 0 120px 0;
}
.img-hlf.img-big.ht-sml::before, .img-hlf.img-sml::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd4);
}
.img-hlf.img-big.ht-sml .bg-img, .img-hlf.img-sml .bg-img {
  height: auto;
  aspect-ratio: var(--rt-slv);
  margin-top: 0;
  border-radius: var(--rds);
  overflow: hidden;
}
.img-hlf.img-big.ht-sml.fst, .img-hlf.img-sml.fst {
  padding: 180px 0 120px 0;
}
.img-hlf.img-big.ht-sml.fst .bg-img, .img-hlf.img-sml.fst .bg-img {
  margin-top: 120px;
}
@media (max-width: 768px) {
  .img-hlf.img-big.ht-sml, .img-hlf.img-sml {
    padding: 60px 0 0 0 !important;
  }
  .img-hlf.img-big.ht-sml .bg-img, .img-hlf.img-sml .bg-img {
    margin-top: 60px !important;
  }
  .img-hlf.img-big.ht-sml.lst, .img-hlf.img-sml.lst {
    padding: 60px 0 80px 0 !important;
  }
}
.img-hlf.flt:before, .img-hlf.flt .in-hlf::before {
  background: #fff;
  opacity: 1;
}
.img-hlf .bg-img::before {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1200px) {
  .img-hlf.l .in-hlf, .img-hlf.r .in-hlf {
    max-width: 50% !important;
    padding-right: 16px;
  }
  .img-hlf.side-scrl-blk .in-hlf {
    margin-left: 20px;
  }
}
@media (max-width: 768px) {
  .img-hlf {
    overflow: hidden;
  }
  .img-hlf.img-hlf, .img-hlf.r, .img-hlf.l.img-max, .img-hlf.r.img-max, .img-hlf.l.img-big, .img-hlf.r.img-big, .img-hlf.l.img-sml, .img-hlf.r.img-sml {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .img-hlf.img-hlf::before, .img-hlf.r::before, .img-hlf.l.img-max::before, .img-hlf.r.img-max::before, .img-hlf.l.img-big::before, .img-hlf.r.img-big::before, .img-hlf.l.img-sml::before, .img-hlf.r.img-sml::before {
    left: 0;
    width: 100%;
    border-radius: 0;
  }
  .img-hlf.img-hlf .bg-img, .img-hlf.r .bg-img, .img-hlf.l.img-max .bg-img, .img-hlf.r.img-max .bg-img, .img-hlf.l.img-big .bg-img, .img-hlf.r.img-big .bg-img, .img-hlf.l.img-sml .bg-img, .img-hlf.r.img-sml .bg-img {
    position: relative;
    left: 0;
    right: 0;
    width: 100% !important;
    max-width: calc(100% - 32px) !important;
    border-radius: var(--rds) var(--rds) 0 0;
    max-height: 350px;
    margin: 70px 16px 0 16px;
  }
  .img-hlf.img-hlf .bg-img.fix::before, .img-hlf.r .bg-img.fix::before, .img-hlf.l.img-max .bg-img.fix::before, .img-hlf.r.img-max .bg-img.fix::before, .img-hlf.l.img-big .bg-img.fix::before, .img-hlf.r.img-big .bg-img.fix::before, .img-hlf.l.img-sml .bg-img.fix::before, .img-hlf.r.img-sml .bg-img.fix::before {
    left: 0;
    right: 0;
  }
  .img-hlf.img-hlf .bg-img::before, .img-hlf.r .bg-img::before, .img-hlf.l.img-max .bg-img::before, .img-hlf.r.img-max .bg-img::before, .img-hlf.l.img-big .bg-img::before, .img-hlf.r.img-big .bg-img::before, .img-hlf.l.img-sml .bg-img::before, .img-hlf.r.img-sml .bg-img::before {
    width: 100%;
    position: absolute;
  }
  .img-hlf.img-hlf .in-hlf, .img-hlf.r .in-hlf, .img-hlf.l.img-max .in-hlf, .img-hlf.r.img-max .in-hlf, .img-hlf.l.img-big .in-hlf, .img-hlf.r.img-big .in-hlf, .img-hlf.l.img-sml .in-hlf, .img-hlf.r.img-sml .in-hlf {
    max-width: calc(100% - 32px) !important;
    padding: 16px !important;
    margin: 0 auto !important;
  }
  .img-hlf.img-hlf .in-hlf h2, .img-hlf.img-hlf .in-hlf .h2-cat, .img-hlf.r .in-hlf h2, .img-hlf.r .in-hlf .h2-cat, .img-hlf.l.img-max .in-hlf h2, .img-hlf.l.img-max .in-hlf .h2-cat, .img-hlf.r.img-max .in-hlf h2, .img-hlf.r.img-max .in-hlf .h2-cat, .img-hlf.l.img-big .in-hlf h2, .img-hlf.l.img-big .in-hlf .h2-cat, .img-hlf.r.img-big .in-hlf h2, .img-hlf.r.img-big .in-hlf .h2-cat, .img-hlf.l.img-sml .in-hlf h2, .img-hlf.l.img-sml .in-hlf .h2-cat, .img-hlf.r.img-sml .in-hlf h2, .img-hlf.r.img-sml .in-hlf .h2-cat {
    text-align: center;
  }
  .img-hlf.img-hlf .in-hlf h2.slnt::after, .img-hlf.img-hlf .in-hlf .h2-cat.slnt::after, .img-hlf.r .in-hlf h2.slnt::after, .img-hlf.r .in-hlf .h2-cat.slnt::after, .img-hlf.l.img-max .in-hlf h2.slnt::after, .img-hlf.l.img-max .in-hlf .h2-cat.slnt::after, .img-hlf.r.img-max .in-hlf h2.slnt::after, .img-hlf.r.img-max .in-hlf .h2-cat.slnt::after, .img-hlf.l.img-big .in-hlf h2.slnt::after, .img-hlf.l.img-big .in-hlf .h2-cat.slnt::after, .img-hlf.r.img-big .in-hlf h2.slnt::after, .img-hlf.r.img-big .in-hlf .h2-cat.slnt::after, .img-hlf.l.img-sml .in-hlf h2.slnt::after, .img-hlf.l.img-sml .in-hlf .h2-cat.slnt::after, .img-hlf.r.img-sml .in-hlf h2.slnt::after, .img-hlf.r.img-sml .in-hlf .h2-cat.slnt::after {
    left: calc(50% - 10px);
  }
  .img-hlf.img-hlf .in-hlf h2, .img-hlf.img-hlf .in-hlf .h2-cat, .img-hlf.img-hlf .in-hlf .w-btn-o, .img-hlf.r .in-hlf h2, .img-hlf.r .in-hlf .h2-cat, .img-hlf.r .in-hlf .w-btn-o, .img-hlf.l.img-max .in-hlf h2, .img-hlf.l.img-max .in-hlf .h2-cat, .img-hlf.l.img-max .in-hlf .w-btn-o, .img-hlf.r.img-max .in-hlf h2, .img-hlf.r.img-max .in-hlf .h2-cat, .img-hlf.r.img-max .in-hlf .w-btn-o, .img-hlf.l.img-big .in-hlf h2, .img-hlf.l.img-big .in-hlf .h2-cat, .img-hlf.l.img-big .in-hlf .w-btn-o, .img-hlf.r.img-big .in-hlf h2, .img-hlf.r.img-big .in-hlf .h2-cat, .img-hlf.r.img-big .in-hlf .w-btn-o, .img-hlf.l.img-sml .in-hlf h2, .img-hlf.l.img-sml .in-hlf .h2-cat, .img-hlf.l.img-sml .in-hlf .w-btn-o, .img-hlf.r.img-sml .in-hlf h2, .img-hlf.r.img-sml .in-hlf .h2-cat, .img-hlf.r.img-sml .in-hlf .w-btn-o {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .img-hlf.img-hlf .in-hlf h3, .img-hlf.r .in-hlf h3, .img-hlf.l.img-max .in-hlf h3, .img-hlf.r.img-max .in-hlf h3, .img-hlf.l.img-big .in-hlf h3, .img-hlf.r.img-big .in-hlf h3, .img-hlf.l.img-sml .in-hlf h3, .img-hlf.r.img-sml .in-hlf h3 {
    text-align: center;
    font-size: 1.3rem;
  }
  .img-hlf.img-hlf .in-hlf::before, .img-hlf.r .in-hlf::before, .img-hlf.l.img-max .in-hlf::before, .img-hlf.r.img-max .in-hlf::before, .img-hlf.l.img-big .in-hlf::before, .img-hlf.r.img-big .in-hlf::before, .img-hlf.l.img-sml .in-hlf::before, .img-hlf.r.img-sml .in-hlf::before {
    border-radius: 0 0 var(--rds) var(--rds);
  }
  .img-hlf.l.img-max::before, .img-hlf.r.img-max::before {
    display: block;
  }
}

.side-scrl-wrapper {
  width: 100%;
  height: 400px;
}
.side-scrl-wrapper .side-scrl-list {
  position: absolute;
  top: 160px;
  left: 0;
  display: flex;
  gap: 0 60px;
}
.side-scrl-wrapper .side-scrl-list .side-scrl-blk {
  width: 500px;
  height: 400px;
}

#spls {
  text-align: center;
  z-index: var(--z-frnt);
  background: transparent;
  height: 100%;
}
#spls #spls-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0;
}
#spls #spls-logo .scrlAnm {
  margin: 0 auto;
}
#spls #spls-logo .scrlAnm .bgMvAnm, #spls #spls-logo .scrlAnm .bgMv, #spls #spls-logo .scrlAnm .bgIn {
  display: block;
}
#spls #spls-logo .scrlAnm .bgMv::before {
  background: var(--clr-grd);
}
#spls.act #spls-logo {
  animation: fd 1s forwards 0.2s;
}

#prgrs-bar {
  position: relative;
  width: 100%;
  height: 100vh;
  height: var(--ht-max);
  max-height: 100vh;
}
#prgrs-bar .prgrs-txt {
  font-size: 20px;
  color: var(--clr-blk);
  position: absolute;
  bottom: 10%;
  left: calc(50% - 50px);
  width: 100px;
  transform: translate(0, -50%);
}
#prgrs-bar .prgrs-txt span {
  font-size: 30px;
  color: var(--clr);
  font-weight: bold;
  font-family: var(--fnt-eng);
}
@media (max-width: 768px) {
  #prgrs-bar .prgrs-txt {
    bottom: 0;
  }
}

.spls {
  z-index: var(--z-fix);
  background: var(--clr-grd);
  opacity: 1;
}
.act .spls {
  animation: splsBs 1s linear 0s forwards;
}

@keyframes splsBs {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: var(--z-bk);
  }
}
.spls-bg {
  background: var(--clr-grd);
  position: fixed;
  width: 100%;
  height: 100vh;
  height: var(--ht-max);
  max-height: 100vh;
  top: 0;
  left: 0;
  z-index: var(--z-frnt);
  animation-duration: 2.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.spls-bg.l, .spls-bg.r, .spls-bg.t, .spls-bg.b {
  top: 0;
  left: 0;
  animation-duration: 1.2s;
  background: var(--clr-grd);
}
.spls-bg.l, .spls-bg.r {
  transform: scaleX(0);
}
.spls-bg.t, .spls-bg.b {
  transform: scaleY(0);
}
.spls-bg.l {
  animation-name: outL;
}
.spls-bg.r {
  animation-name: outR;
}
.spls-bg.t {
  animation-name: outT;
}
.spls-bg.b {
  animation-name: outB;
}
.spls-bg.opn-l, .spls-bg.opn-r {
  top: 0;
  left: auto;
  transform: scaleX(1);
}
.spls-bg.opn-l {
  right: 50%;
}
.spls-bg.opn-r {
  left: 50%;
}
.spls-bg.opn-t, .spls-bg.opn-b {
  top: auto;
  left: 0;
  transform: scaleY(1);
}
.spls-bg.opn-t {
  bottom: 50%;
}
.spls-bg.opn-b {
  top: 50%;
}
.spls-bg.opn-bg {
  animation-duration: 1.1s;
}
.spls-bg.opn-rl {
  top: 0;
  left: 0;
}
.spls-bg.opn-lr {
  top: 0;
  right: 0;
}
.spls-bg.opn-bt {
  left: 0;
  top: 0;
}
.spls-bg.opn-tb {
  left: 0;
  bottom: 0;
}
.spls-bg.cnt {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: none;
  border: solid #fff 100vh;
}
.spls-bg.crcl {
  border-radius: 50%;
  transform: scale(100);
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  width: 2rem;
  height: 2rem;
  animation-duration: 1s;
}
.spls-bg.slnt {
  width: 50%;
  height: 100vh;
  top: 0;
  left: 0;
  background: var(--clr-grd);
  transform: translateX(-300%) skewX(-45deg);
}
.spls-bg.act.opn-l {
  animation-name: opnL;
}
.spls-bg.act.opn-r {
  animation-name: opnR;
}
.spls-bg.act.opn-rl {
  animation-name: opnW;
}
.spls-bg.act.opn-lr {
  animation-name: opnW;
}
.spls-bg.act.opn-bt {
  animation-name: opnH;
}
.spls-bg.act.opn-tb {
  animation-name: opnH;
}
.spls-bg.act.opn-t {
  animation-name: opnT;
}
.spls-bg.act.opn-b {
  animation-name: opnB;
}
.spls-bg.act.cnt {
  animation-name: outCnt;
}
.spls-bg.act.crcl {
  animation-name: outCrcl;
}
.spls-bg.act.slnt {
  animation-name: outSlt;
}

@keyframes outSlt {
  0% {
    transform-origin: left;
    transform: translateX(-300%) skewX(-45deg);
  }
  100% {
    transform-origin: left;
    transform: translateX(500%) skewX(-45deg);
  }
}
@keyframes outCrcl {
  0% {
    transform: scale(100);
  }
  100% {
    transform: scale(0);
    display: none;
  }
}
@keyframes outCnt {
  99.9% {
    border-width: 0px;
  }
  100% {
    z-index: var(--z-bk);
    border-width: 0px;
  }
}
@keyframes outL {
  0% {
    transform-origin: right;
    transform: scaleX(0);
  }
  50% {
    transform-origin: right;
    transform: scaleX(1);
  }
  51% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes opnL {
  0% {
    transform-origin: right;
    transform: scaleX(1);
  }
  50% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes outR {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  51% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@keyframes opnR {
  0% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
@keyframes outT {
  0% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
  50% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  51% {
    transform-origin: top;
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
@keyframes opnT {
  0% {
    transform-origin: top;
    transform: scaleY(1);
  }
  100% {
    transform-origin: top;
    transform: scaleY(0);
  }
}
@keyframes outB {
  0% {
    transform-origin: top;
    transform: scaleY(0);
  }
  50% {
    transform-origin: top;
    transform: scaleY(1);
  }
  51% {
    transform-origin: bottom;
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
@keyframes opnB {
  0% {
    transform-origin: bottom;
    transform: scaleY(1);
  }
  100% {
    transform-origin: bottom;
    transform: scaleY(0);
  }
}
@keyframes opnW {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
    display: none;
  }
}
@keyframes opnH {
  0% {
    height: 100%;
  }
  100% {
    height: 0;
    display: none;
  }
}
#spls .mlt {
  display: inline-block;
  padding: 0 20px;
  max-width: 900px;
}
#spls .mlt img {
  max-height: 130px;
  animation-delay: 0.5s;
}
@media (max-width: 430px) {
  #spls .mlt img {
    max-height: 100%;
  }
}
#spls .mlt .mark.act {
  animation: fdUpFst 2.5s;
}
#spls .mlt .font.act {
  animation: fdUpFst2 2.5s forwards;
}

@keyframes fdUpFst {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  30% {
    transform: translateY(0);
    opacity: 1;
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes fdUpFst2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  30% {
    transform: translateX(0);
    opacity: 1;
  }
  90% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(100px);
  }
}
#spls #spls-logo svg {
  width: 350px;
}
#spls #spls-logo svg path, #spls #spls-logo svg polygon {
  stroke: #fff;
  stroke-width: 0.5px;
  stroke-dasharray: 400px;
  animation: SvgLogo 1.6s ease-in both 1.5s;
  transition: stroke-opacity 0.5s;
}
@media (max-width: 430px) {
  #spls #spls-logo svg path, #spls #spls-logo svg polygon {
    animation: SvgLogo 1.5s ease-in both 1s;
  }
}
@keyframes SvgLogo {
  0% {
    fill: transparent;
    stroke-dashoffset: 400px;
  }
  80% {
    fill: transparent;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 600px) {
  #spls #spls-logo svg {
    width: 70%;
  }
}

#main-hdr .hdr-cat {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-max-content;
  width: max-content;
  font-family: var(--fnt-cat);
  text-align: center;
}
#main-hdr .hdr-cat .logo {
  margin: auto auto 10px 0;
  filter: var(--clr-fltr-w);
}
#main-hdr .hdr-cat .main {
  color: var(--clr-bw);
  line-height: 1.1;
  letter-spacing: -1px;
  font-style: italic;
  font-size: 3.8em;
}
#main-hdr .hdr-cat .main .kana {
  font-size: 0.75em;
}
#main-hdr .hdr-cat .main .second {
  margin-top: -20px;
  margin-bottom: 20px;
}
#main-hdr .hdr-cat .main .bkr {
  font-size: 1.4em;
}
@media (max-width: 1200px) {
  #main-hdr .hdr-cat .main {
    font-size: 2.6em;
  }
}
@media (max-width: 1000px) {
  #main-hdr .hdr-cat .main {
    font-size: 1.7em;
  }
}
#main-hdr .hdr-cat .bg-sty {
  animation: bgBlr 1s forwards;
}
@keyframes bgBlr {
  0% {
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
  100% {
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
  }
}
#main-hdr .hdr-cat .bgInAnm.bgIn {
  animation: txtUp 0.6s forwards cubic-bezier(0.5, 0.5, 0, 1);
}
@keyframes txtUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#main-hdr .hdr-cat .sub-out {
  margin-top: 30px;
}
#main-hdr .hdr-cat .sub {
  color: var(--clr-bw);
  font-family: var(--fnt-cat2);
  text-align: center;
  line-height: 1.3;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  animation-duration: 1s;
  margin-top: 16px;
  font-size: 1.5em;
}
#main-hdr .hdr-cat .sub .kana {
  font-size: 0.8em;
}
#main-hdr .hdr-cat .sub .txt {
  display: inline-block;
}
#main-hdr .hdr-cat .sub .num {
  position: relative;
  line-height: 1.1;
  font-size: 3em;
  letter-spacing: -0.1px;
  color: var(--clr-bw);
  font-style: italic;
  padding-right: 6px;
  margin-right: 3px;
  margin-left: 3px;
}
#main-hdr .hdr-cat .sub .num::after {
  content: "";
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  width: 100%;
  height: 6px;
  background: var(--clr-acct);
  bottom: 3px;
  z-index: -1;
}
.is-mac #main-hdr .hdr-cat .sub .num::after {
  bottom: 9px;
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat .sub .num {
    font-size: 2.5em;
  }
}
@media (max-width: 768px) {
  #main-hdr .hdr-cat .sub .num {
    font-size: 2.1em;
  }
}
#main-hdr .hdr-cat .sub .bkr {
  font-size: 1.5em;
  font-style: italic;
  letter-spacing: -1px;
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat .sub .bkr {
    font-size: 1.3em;
  }
}
@media (max-width: 768px) {
  #main-hdr .hdr-cat .sub .bkr {
    font-size: 1.2em;
  }
}
#main-hdr .hdr-cat .sub .list-num.icon {
  width: 70px;
  height: 70px;
  position: absolute;
  margin-top: 6px;
}
#main-hdr .hdr-cat .sub .list-num.icon span {
  font-size: 2.2rem;
}
@media (max-width: 1200px) {
  #main-hdr .hdr-cat .sub {
    font-size: 1.3rem;
  }
  #main-hdr .hdr-cat .sub .kana {
    font-size: 1.1rem;
  }
}
@media (max-width: 1000px) {
  #main-hdr .hdr-cat .sub {
    margin-top: 0;
  }
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat .sub .list-num.icon {
    width: 50px;
    height: 50px;
    margin-top: -10px;
  }
  #main-hdr .hdr-cat .sub .list-num.icon span {
    font-size: 1.3rem;
  }
}
@media (max-width: 560px) {
  #main-hdr .hdr-cat .sub .sp-br {
    display: block;
  }
}
#main-hdr .hdr-cat .bgInAnm .sub {
  opacity: 1;
}
#main-hdr .hdr-cat .sub-out.point .txt {
  margin-left: 96px;
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat .sub-out.point .txt {
    margin-left: 62px;
    margin-bottom: 26px;
  }
}
#main-hdr .hdr-cat .sub-out.leaf {
  display: flex;
  gap: 50px;
}
#main-hdr .hdr-cat .sub-out.leaf .sub {
  font-size: 1.1rem;
  margin-bottom: 16px;
  width: -moz-fit-content;
  width: fit-content;
}
#main-hdr .hdr-cat .sub-out.leaf .l-img-l, #main-hdr .hdr-cat .sub-out.leaf .l-img-r {
  position: absolute;
  top: 10px;
  display: inline-block;
}
#main-hdr .hdr-cat .sub-out.leaf .l-img-l svg, #main-hdr .hdr-cat .sub-out.leaf .l-img-r svg {
  fill: var(--clr-acct);
}
#main-hdr .hdr-cat .sub-out.leaf .l-img-r svg {
  transform: var(--flip-hrzn);
}
#main-hdr .hdr-cat .sub-out.leaf .txt {
  text-align: center;
  line-height: 1.2;
  text-shadow: 0 0 rgba(0, 0, 0, 0.5);
  padding-left: 36px;
  min-width: 220px;
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat .sub-out.leaf {
    flex-direction: column;
    gap: 0;
    margin: 40px auto 0 auto;
  }
  #main-hdr .hdr-cat .sub-out.leaf .sub {
    font-size: 1rem;
    margin: 5px auto;
    padding-right: 23px;
  }
  #main-hdr .hdr-cat .sub-out.leaf .l-img-l, #main-hdr .hdr-cat .sub-out.leaf .l-img-r {
    top: 5px;
  }
  #main-hdr .hdr-cat .sub-out.leaf .l-img-l svg, #main-hdr .hdr-cat .sub-out.leaf .l-img-r svg {
    width: 20px;
    height: 50px;
  }
  #main-hdr .hdr-cat .sub-out.leaf .txt {
    padding-left: 23px;
    min-width: 200px;
  }
}
#main-hdr .hdr-cat .cntct-btn {
  font-family: var(--fnt-cat2);
  margin: 0 auto;
}
#main-hdr .hdr-cat #cat-img {
  animation-duration: 1.1s;
  margin-bottom: -90px;
  max-width: 800px;
}
#main-hdr .hdr-cat .bgMvAnm {
  margin-bottom: 10px;
}
#main-hdr .hdr-cat.left {
  left: 10%;
  transform: translate(-10%, -50%);
  text-align: left;
}
#main-hdr .hdr-cat.left .main, #main-hdr .hdr-cat.left .sub {
  text-align: left;
}
#main-hdr .hdr-cat.left .bgMvAnm {
  margin-left: 0;
}
#main-hdr .hdr-cat.left .cntct-btn {
  margin: 0;
}
@media (max-width: 900px) {
  #main-hdr .hdr-cat.left {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  #main-hdr .hdr-cat.left .main {
    line-height: 1.2;
    text-align: center;
  }
  #main-hdr .hdr-cat.left .sub-out {
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
    margin: 16px auto 0 auto;
  }
  #main-hdr .hdr-cat.left .sub {
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: center;
    font-weight: normal;
  }
  #main-hdr .hdr-cat.left .bgMvAnm {
    margin-left: auto;
  }
  #main-hdr .hdr-cat.left #cat-img {
    display: block;
    width: 100%;
    height: 260px;
    overflow: hidden;
  }
  #main-hdr .hdr-cat.left #cat-img img {
    margin-left: 8%;
  }
}
@media screen and (max-width: 800px) {
  #main-hdr .hdr-cat {
    width: 100%;
  }
  #main-hdr .hdr-cat .main {
    font-size: 1.7rem;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #main-hdr .hdr-cat .main .kana {
    font-size: 1.7rem;
  }
  #main-hdr .hdr-cat.left {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #main-hdr .hdr-cat.left .cntct-btn {
    margin: 0 auto;
  }
  #main-hdr .hdr-cat #cat-img {
    margin-bottom: -40px;
  }
}
@media (max-width: 430px) {
  #main-hdr .hdr-cat #cat-img, #main-hdr .hdr-cat .sub {
    animation-delay: 0s;
  }
}
#main-hdr.font-b .hdr-cat .logo {
  filter: none;
}
#main-hdr.font-b .hdr-cat .main, #main-hdr.font-b .hdr-cat .sub {
  color: var(--clr-blk);
}
#main-hdr.font-b .hdr-cat .sub .num {
  color: var(--clr);
}

#top-swp-sldr {
  padding: 0;
  margin: 0;
  z-index: 0;
  opacity: 0;
}
#top-swp-sldr .swiper-wrapper {
  height: var(--ht-max);
}
#top-swp-sldr .swiper-wrapper.cover::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-40deg, rgba(37, 37, 41, 0.7), rgba(58, 60, 82, 0.2));
  z-index: 1;
}
#top-swp-sldr .swiper-slide {
  width: 100%;
  overflow: hidden;
}
#top-swp-sldr .swiper-slide .top-slide-img {
  background-position: center;
  background-size: cover;
  height: 100%;
}
#top-swp-sldr .swiper-slide::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-40deg, rgba(37, 37, 41, 0.7), rgba(58, 60, 82, 0.2));
}
.act #top-swp-sldr {
  opacity: 1;
}
.scrl-fsv #top-swp-sldr {
  display: none;
}
@media (max-width: 430px) {
  #top-swp-sldr {
    display: none;
  }
}

#top-swp-sldr.zoom .swiper-slide .top-slide-img ::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-40deg, rgba(37, 41, 38, 0.8), rgba(58, 82, 75, 0.4));
}
#top-swp-sldr.zoom .swiper-slide-active .top-slide-img,
#top-swp-sldr.zoom .swiper-slide-duplicate-active .top-slide-img,
#top-swp-sldr.zoom .swiper-slide-prev .top-slide-img {
  animation: zoomUpSld 7s linear 0s normal both;
}

@keyframes zoomUpSld {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
#particles-js, #particles-js2 {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

#particles-js2 {
  opacity: 0.5;
}

#particles-blk {
  position: relative;
  width: 100%;
  height: 100%;
}

.wave {
  position: fixed;
  width: 100%;
  height: 100%;
}

.wave canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: calc(50% + 20px);
  width: 100%;
  opacity: 0.6;
}

#pc-top {
  display: none;
}
#pc-top.cvr::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-40deg, var(--clr-acct), rgba(77, 77, 77, 0.7));
  opacity: 0.4;
}
#pc-top img.sub {
  position: absolute;
  top: 50%;
  left: 200px;
  width: 230px;
  height: auto;
  animation: wobblingTopX 3.8s ease-in-out infinite alternate, wobblingTopY 4.1s ease-in-out infinite alternate;
}
@media (max-width: 800px) {
  #pc-top img.sub {
    left: 5%;
  }
}
#pc-top img.sub2 {
  position: absolute;
  bottom: calc(50% - 100px);
  left: 105px;
  width: 220px;
  height: auto;
  -o-object-fit: fill;
     object-fit: fill;
  animation: wobblingTopX2 3.5s ease-in-out infinite alternate, wobblingTopY2 4.4s ease-in-out infinite alternate;
}
@media (max-width: 800px) {
  #pc-top img.sub2 {
    left: -60px;
  }
}
@media (max-width: 430px) {
  #pc-top img {
    display: none;
  }
}
#pc-top.r img {
  position: absolute;
  top: 20%;
  right: 100px;
  height: 70%;
}
@media (max-width: 1400px) {
  #pc-top.r img {
    height: 50%;
    top: 40%;
  }
}
@media (max-width: 1000px) {
  #pc-top.r img {
    right: 20px;
  }
}
.scrl-fsv #pc-top {
  display: block;
  z-index: -1;
  opacity: 0.5;
}
@media (max-width: 768px) {
  #pc-top {
    display: block;
  }
}
@media (max-width: 430px) {
  #pc-top {
    display: none;
  }
}
.scrl-fsv.is-mac.is-chrome #pc-top::after {
  display: none;
}

#bg-img img {
  opacity: 0.9;
}
#bg-img.scrl {
  opacity: 0.5;
}

#sp-top {
  display: none;
  transition: var(--anm);
}
@media (max-width: 430px) {
  #sp-top {
    display: block;
  }
  #sp-top.cvr::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-40deg, var(--clr), rgba(77, 77, 77, 0.7));
    opacity: 0.4;
  }
  #sp-top.scrl {
    position: fixed;
    z-index: -1;
  }
}

.top-batch {
  display: flex;
  margin-top: 30px;
  gap: 10px;
}
.top-batch img {
  width: 130px;
  height: auto;
  opacity: 0;
}
.top-batch img.bt1 {
  margin-left: -10px;
}
.top-batch img.btr1 {
  width: 170px;
  height: auto;
  opacity: 1;
}
@media (max-width: 900px) {
  .top-batch img {
    width: 100px;
  }
}
.top-batch.r {
  position: absolute;
  bottom: 40px;
  right: 70px;
  opacity: 0;
  margin-top: 0;
  transition: all 0.5s;
}
.top-batch.r:hover {
  bottom: 50px;
}
@media (max-width: 1100px) {
  .top-batch.r {
    bottom: 10px;
    right: 20px;
  }
  .top-batch.r .btr1 {
    width: 140px;
  }
}
@media (max-width: 430px) {
  .top-batch.r .btr1 {
    width: 110px;
  }
}
@media (max-width: 1000px) {
  .top-batch {
    margin-top: 10px;
  }
}
@media (max-width: 900px) {
  .top-batch {
    justify-content: center;
  }
  .top-batch img {
    width: 100px;
  }
  .top-batch img.bt1 {
    margin-left: 0;
  }
}
@media (max-width: 430px) {
  .top-batch {
    animation-delay: 0s;
  }
}
@media screen and (max-height: 450px) {
  .top-batch {
    display: none;
  }
}

.cntct-btn .top-cntct, .cntct-btn .btm-cntct {
  display: inline-flex;
  background: var(--clr-grd);
  color: #fff;
  width: 300px;
  text-decoration: none;
  padding: 20px 0 10px 20px;
  margin-top: 0;
  transition: var(--anm-sub);
  border-radius: var(--rds-max);
}
.cntct-btn .top-cntct:hover, .cntct-btn .btm-cntct:hover {
  background: var(--clr-grd2);
}
.cntct-btn a {
  width: 295px;
  padding-top: 25px;
  box-shadow: var(--sdw);
}
.cntct-btn a:hover {
  color: #fff;
  box-shadow: none;
  transform: var(--btn-mv);
}
.cntct-btn a.w-btn.top-cntct {
  margin-top: 40px;
  background: var(--clr-grd);
  text-decoration: none;
}
.cntct-btn a.w-btn.top-cntct:hover, .cntct-btn a.w-btn.top-cntct:hover::before {
  background: var(--clr-grd2);
}
.cntct-btn a.w-btn.top-cntct.type2 {
  background: var(--clr-grd2);
}
.cntct-btn a.w-btn.top-cntct.type2:hover, .cntct-btn a.w-btn.top-cntct.type2:hover::before {
  background: var(--clr-grd);
}
.cntct-btn svg.ico-dev {
  fill: #fff;
  margin: -4px 4px auto -2px;
  z-index: 1;
}
.cntct-btn svg.ico-line {
  margin-top: -4px;
}

.cntct-btn.top-cntct-out {
  opacity: 0;
}

.dwn-scrl {
  position: absolute;
  bottom: 10px;
  height: 50px;
}
.dwn-scrl span {
  position: absolute;
  color: #fff;
  font-size: var(--fnt-sz-min);
  letter-spacing: 0.05em;
  font-family: var(--fnt-eng);
}
.dwn-scrl.c {
  left: 50%;
}
.dwn-scrl.l {
  left: 80px;
}
.dwn-scrl.r {
  right: 80px;
}
.dwn-scrl span.ver {
  right: -30px;
  bottom: 13px;
  writing-mode: vertical-rl;
}
.dwn-scrl span.hori {
  left: -15px;
  bottom: 50px;
}
.dwn-scrl:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 1px;
  height: 50px;
  background: #fff;
}
.dwn-scrl.mv-ln::after {
  top: 0;
  height: 30px;
  opacity: 0;
  animation: lineMove 1.4s ease-in-out infinite;
}
.dwn-scrl.mv-crcl::before {
  content: "";
  position: absolute;
  display: block;
  left: -4px;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  animation: crclMv 1.6s ease-in-out infinite, cirleMvHd 1.6s ease-out infinite;
}
@media (max-width: 430px) {
  .dwn-scrl.l, .dwn-scrl.r {
    left: 50%;
    right: auto;
  }
}
@media (max-height: 650px) {
  .dwn-scrl {
    display: none;
  }
}

@keyframes lineMove {
  0% {
    height: 0;
    opacity: 0;
    top: 0;
  }
  30% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
    top: 50px;
  }
}
@keyframes crclMv {
  0% {
    bottom: 45px;
  }
  100% {
    bottom: -5px;
  }
}
@keyframes cirleMvHd {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.font-b .scrl-dwn span {
  color: var(--clr-blk) !important;
}
.font-b .scrl-dwn::after {
  background-color: var(--clr-blk) !important;
}

.top-split {
  display: flex;
}
@media (max-width: 768px) {
  .top-split {
    display: none;
  }
}

#main-hdr .top-l {
  width: 65.6446559%;
  height: var(--ht-max);
  transform-origin: 100% 0;
  transform: var(--slt);
  flex-shrink: 0;
}
@media (max-width: 1680px) {
  #main-hdr .top-l {
    width: 52vw;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #main-hdr .top-l {
    width: 672px;
  }
}
#main-hdr .top-l::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #eff3f6 90%, #ffffff 100%);
}
#main-hdr .top-l-inner {
  height: 100%;
  overflow: hidden;
  transform-origin: 100% 0;
}
@media (min-width: 769px) and (max-width: 1024px) {
  #main-hdr .top-l-inner {
    width: 672px;
  }
}
#main-hdr .top-l-bg {
  background: url("/wp-content/themes/cstm/img/top/main_l_02_00.png") center/contain no-repeat;
  background-size: cover;
  transform-origin: 100% 0;
  transform: var(--slt2);
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
#main-hdr .top-l-bg::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #003791, #03a4ab);
  opacity: 0.4;
}

#main-hdr .top-r {
  transform: var(--slt);
  left: calc(-0.211723285 * var(--ht-max));
}
#main-hdr .top-r-inner {
  transform-origin: 0 100%;
  height: 100%;
  overflow: hidden;
}
#main-hdr .top-r-sub {
  background: linear-gradient(90deg, #04254e, #0022ac);
  left: 40vw;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 1;
}
#main-hdr #top-r-sldr {
  bottom: 0;
  width: 70vw;
  height: 100vh;
  min-width: 1024px;
  padding: 0;
  margin: auto;
  overflow: hidden;
  float: left;
}
#main-hdr #top-r-sldr::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #090e37;
  opacity: 0.5;
  z-index: 1;
}
#main-hdr #top-r-sldr .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}
#main-hdr #top-r-sldr .swiper-slide {
  width: 40vw;
  margin: auto;
  overflow: hidden;
}
#main-hdr #top-r-sldr .swiper-slide img {
  position: absolute;
  top: 0;
  left: 50%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition-delay: 0.5s;
}
@media (min-width: 768px) {
  #main-hdr #top-r-sldr .swiper-slide img {
    width: 200%;
    height: 100vh;
    max-width: 200%;
    transform: var(--slt2) translateX(-50%);
  }
}

.top-btm-content, .home .entry-body {
  max-width: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.top-btm-content .img-left, .top-btm-content .img-right, .home .entry-body .img-left, .home .entry-body .img-right {
  max-width: var(--wd-pc);
}
.top-btm-content .img-left-outer, .top-btm-content .img-right-outer, .top-btm-content .news, .home .entry-body .img-left-outer, .home .entry-body .img-right-outer, .home .entry-body .news {
  max-width: 100%;
}

.full-sec {
  width: var(--wd-full);
  max-width: 100% !important;
  padding: 130px 0 130px 0;
  margin: 0;
  z-index: 1;
  overflow: hidden;
}
.full-sec .inner > h3 {
  font-size: 1.5rem;
  color: var(--clr);
  font-family: var(--fnt-swp-sub);
  margin-bottom: 50px;
}
.act .full-sec .inner > h3 {
  font-family: var(--fnt-sub);
}
.full-sec .inner > h3::before {
  display: none;
}
.full-sec .w-btn-o {
  margin-top: 80px;
}
@media (max-width: 900px) {
  .full-sec ul li .w-btn-o {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .full-sec {
    padding: 60px 0 60px 0;
  }
}

.bg-d::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
}
.bg-d .h2-cat span {
  color: #fff;
  border-bottom: none;
}
.bg-d .h2-cat .sub-e {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-d .h2-cat .sub-e span {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-d .h2-cat .sub-e::after {
  background: #fff;
}
.bg-d .h2-cat .sub-j {
  color: #fff;
}
.bg-d .h2-cat .bgMv::before {
  background: #fff;
}
.bg-d .h2-cat.slnt::after {
  background: #fff;
}
.bg-d a.lnk {
  color: #fff;
}
.bg-d a.lnk .mark::before {
  background: #fff;
  border-color: #fff;
}
.bg-d a.lnk .mark::after {
  border-color: var(--clr);
}
.bg-d a.lnk:hover {
  color: var(--clr-hvr2);
}
.bg-d a.lnk:hover .mark::after {
  border-color: var(--clr-acct);
}
.bg-d .w-btn-o .w-btn {
  background: var(--clr-sub3);
}
.bg-d .w-btn-o .w-btn:before {
  background: var(--clr-sub);
}
.bg-d .inner > p {
  color: #fff;
}

.bg-img-sec.bg-img-d {
  color: #fff;
}
.bg-img-sec.bg-img-d .h2-cat span {
  color: #fff;
  border-bottom: none;
}
.bg-img-sec.bg-img-d .h2-cat .sub-e {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-img-sec.bg-img-d .h2-cat .sub-e span {
  background: #fff;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bg-img-sec.bg-img-d .h2-cat .sub-e::after {
  background: #fff;
}
.bg-img-sec.bg-img-d .h2-cat .sub-j {
  color: #fff;
}
.bg-img-sec.bg-img-d .h2-cat .bgMv::before {
  background: #fff;
}
.bg-img-sec.bg-img-d .h2-cat.slnt::after {
  background: #fff;
}
.bg-img-sec.bg-img-d a.lnk {
  color: #fff;
}
.bg-img-sec.bg-img-d a.lnk .mark::before {
  background: #fff;
  border-color: #fff;
}
.bg-img-sec.bg-img-d a.lnk .mark::after {
  border-color: var(--clr);
}
.bg-img-sec.bg-img-d a.lnk:hover {
  color: var(--clr-hvr);
}
.bg-img-sec.bg-img-d a.lnk:hover .mark::after {
  border-color: var(--clr-acct);
}

.bg-up {
  padding-top: 200px;
}
.bg-up, .bg-up .inner {
  background: #fff;
}
.bg-up .inner {
  padding: 16px;
  border-radius: var(--rds) var(--rds) 0 0;
}
.bg-up .bg-img {
  height: 360px;
}

#intro {
  background: #fff;
}
#intro h3 {
  color: var(--clr-sub);
  font-size: 2.5rem;
  font-family: var(--fnt-swp-sub);
  margin-bottom: 50px;
}
.act #intro h3 {
  font-family: var(--fnt-sub);
}
#intro .img-right .img-right-blk {
  margin-top: 0 !important;
}
#intro .img-right .img-right-img {
  box-shadow: none;
}
#intro .img-left {
  padding: 60px 0;
}
#intro .img-left .img-left-img {
  box-shadow: none;
}
#intro .img-left .img-left-img img {
  box-shadow: var(--sdw);
}
#intro img {
  max-width: 490px;
  width: 100%;
}
@media (max-width: 950px) {
  #intro img {
    max-width: 470px;
  }
}
@media (max-width: 1200px) {
  #intro h3 {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  #intro h3 {
    margin-top: -10px;
    margin-bottom: 30px;
    text-align: center;
  }
}
.scrl #intro .intro-txt::before, #intro.act .intro-txt::before, .act #intro .intro-txt::before {
  content: "";
  position: absolute;
  display: block;
  top: 45%;
  left: 50%;
  width: 350px;
  height: 350px;
  background: url("/wp-content/themes/cstm/img/base/logo_lead_00_01.png") center/contain no-repeat;
  opacity: 0.1;
  transform: translate(-50%, -50%);
}

.worry {
  text-align: center;
  padding-bottom: 0 !important;
}
.worry::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-sub6);
}
.worry .worry-sub-ttl {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 80px 0 0 0;
  animation-delay: 0.4s;
}
@media (max-width: 430px) {
  .worry .worry-sub-ttl {
    font-size: 1.3rem;
  }
}
.worry .worry-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 100px auto 0 auto;
}
.worry .worry-main .worry-list {
  text-align: left;
  font-weight: bold;
  font-size: 1.1rem;
}
.worry .worry-main .worry-list .worry-li {
  padding-left: 50px;
  margin-bottom: 20px;
}
.worry .worry-main .worry-list .worry-li .icon {
  display: block;
  position: absolute;
  left: 0;
}
.worry .worry-main .worry-list .worry-li .icon img {
  width: 40px;
  height: 40px;
  margin-top: -6px;
}
.worry .worry-main .worry-list .worry-li:nth-child(1) {
  animation-delay: 0.4s;
}
.worry .worry-main .worry-list .worry-li:nth-child(2) {
  animation-delay: 0.6s;
}
.worry .worry-main .worry-list .worry-li:nth-child(3) {
  animation-delay: 0.8s;
}
.worry .worry-main .worry-list .worry-li:nth-child(4) {
  animation-delay: 1s;
}
.worry .worry-main .worry-list .worry-li:nth-child(5) {
  animation-delay: 1.2s;
}
.worry .worry-main .worry-list .worry-li:nth-child(6) {
  animation-delay: 1.4s;
}
@media (max-width: 1050px) {
  .worry .worry-main .worry-list .worry-li .tb-br {
    display: block;
  }
}
.worry .worry-main .worry-img {
  max-width: 400px;
  margin-top: -50px;
}
@media (max-width: 850px) {
  .worry .worry-main {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin: 60px auto 0 auto;
  }
  .worry .worry-main .worry-list {
    font-size: 1rem;
  }
  .worry .worry-main .worry-img {
    margin-top: 30px;
    max-width: 350px;
  }
}
.worry .worry-arw {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 90px 70px 0 70px;
  border-color: var(--clr) transparent transparent transparent;
  margin: 60px auto 40px auto;
  animation-delay: 0.6s;
}
@media (max-width: 850px) {
  .worry .worry-arw {
    border-width: 60px 40px 0 40px;
  }
}
.worry .worry-slv {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  animation-delay: 0.8s;
  font-size: 2.5rem;
  letter-spacing: -0.1px;
  font-weight: bold;
  line-height: 1.3;
}
.worry .worry-slv .bkr {
  font-size: 3.5rem;
  font-style: italic;
  line-height: 0.6;
  margin-left: -6px;
}
.worry .worry-slv::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 3px;
  width: 100%;
  height: 6px;
  background: var(--clr-acct);
}
@media (max-width: 850px) {
  .worry .worry-slv {
    font-size: 2rem;
    line-height: 1.6;
  }
  .worry .worry-slv .tb-br {
    display: block;
  }
  .worry .worry-slv .bkr {
    font-size: 2.6rem;
    line-height: 0.1;
  }
}
.worry .worry-btm {
  background: var(--clr-grd);
  padding-bottom: 130px;
}
.worry .worry-btm .worry-arw {
  border-color: var(--clr-sub6) transparent transparent transparent;
}
.worry .worry-btm .worry-slv {
  color: #fff;
  font-weight: normal;
}
.worry .worry-btm .worry-slv::after {
  display: none;
}
@media (max-width: 768px) {
  .worry .worry-btm {
    padding-bottom: 60px;
  }
}

#service {
  background: #fff;
}
#service::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd2);
  opacity: 0.2;
  box-shadow: 6px -6px 30px -6px rgba(0, 0, 0, 0.2);
}
#service .sub-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 60px;
}

.s2 {
  overflow: visible;
}
.s2::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: #fff;
  transform: skewY(-5deg);
}
@media (max-width: 768px) {
  .s2::before {
    top: 5%;
    height: 90%;
  }
}

.s4 {
  overflow: visible;
}
.s4::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
  background: #fff;
  transform: skewY(5deg);
}
@media (max-width: 768px) {
  .s4::before {
    top: 5%;
    height: 90%;
  }
}

.s5 {
  padding-bottom: 160px;
}

.point-area {
  text-align: center;
}
.point-area::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-sub);
  height: 100vw;
  top: 50%;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.7;
}
@media (max-width: 860px) {
  .point-area::before {
    display: none;
  }
}
.point-area .h2-cat.back::before {
  margin-top: -50px;
}
@media (max-width: 768px) {
  .point-area .h2-cat.back::before {
    margin-top: -60px;
  }
}
@media (max-width: 1250px) {
  .point-area .point-list {
    flex-wrap: wrap !important;
  }
  .point-area .point-detail {
    width: 360px;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    margin: 0 16px;
  }
  .point-area .point-detail .txt {
    font-size: 0.9rem;
  }
}
@media (max-width: 380px) {
  .point-area .point-detail {
    width: 340px;
  }
}

.comparison {
  background: var(--clr-sub2);
  text-align: center;
}
.comparison .comparison-list {
  width: 100%;
  padding: 40px 50px;
  margin: 80px auto 20px auto;
  list-style: none;
  background: #fff;
  border-radius: var(--rds);
  box-shadow: -1px 10px 25px -20px rgba(52, 77, 35, 0.7);
}
.comparison .comparison-list li {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: normal;
  flex-wrap: wrap;
  margin: 0;
}
.comparison .comparison-list li:nth-child(odd) {
  background: var(--clr-sub2);
}
.comparison .comparison-list li:first-child {
  background: none;
}
.comparison .comparison-list li:last-child > div:nth-child(2) {
  border-bottom: 3px solid var(--clr);
}
.comparison .comparison-list li:last-child > div:last-child {
  border-bottom: 2px solid var(--clr-sub5);
}
.comparison .comparison-list li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 0 10px 0;
  line-height: 1.3;
}
.comparison .comparison-list li > div:first-child {
  width: 25%;
}
.comparison .comparison-list li > div:nth-child(2) {
  width: 45%;
}
.comparison .comparison-list li > div:last-child {
  width: 30%;
}
.comparison .comparison-list li > div:first-child {
  margin: 0;
  font-weight: bold;
}
.comparison .comparison-list li > div:first-child .zei {
  font-size: var(--fnt-sz-min);
}
@media (max-width: 768px) {
  .comparison .comparison-list li > div:first-child {
    display: grid;
  }
}
.comparison .comparison-list li > div:nth-child(2), .comparison .comparison-list li > div:last-child {
  text-align: center;
  border-left: var(--clr) solid;
  border-right: var(--clr) solid;
  border-color: 3px;
}
.comparison .comparison-list li > div:nth-child(2) div, .comparison .comparison-list li > div:last-child div {
  width: 100%;
}
.comparison .comparison-list li > div:nth-child(2) .maru::before, .comparison .comparison-list li > div:last-child .maru::before {
  display: block;
  content: "";
  position: relative;
  border: 4px solid var(--clr);
  width: 26px;
  height: 26px;
  border-radius: 50%;
}
.comparison .comparison-list li > div:nth-child(2) .maru::before, .comparison .comparison-list li > div:last-child .maru::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  position: relative;
  border: 4px solid var(--clr);
  border-radius: 50%;
}
.comparison .comparison-list li > div:nth-child(2) {
  font-weight: bold;
  font-size: 1.2rem;
}
.comparison .comparison-list li > div:nth-child(2) .pri {
  font-size: 2.4rem;
  color: var(--clr);
  line-height: 1;
  margin-top: -7px;
  margin-right: 4px;
}
@media (max-width: 768px) {
  .comparison .comparison-list li > div:nth-child(2) .pri {
    font-size: 1.8rem;
  }
}
.comparison .comparison-list li > div:nth-child(2) .line {
  background: linear-gradient(transparent 70%, rgba(95, 240, 240, 0.7) 30%);
  line-height: 1.4;
}
.comparison .comparison-list li > div:nth-child(2) .sub {
  font-size: 1rem;
  margin-top: 6px;
}
.comparison .comparison-list li > div:nth-child(2) .opt {
  font-size: 1rem;
  font-weight: normal;
}
.comparison .comparison-list li > div:last-child {
  border-color: var(--clr-sub5);
  border-width: 2px;
  font-weight: normal;
  font-size: 1rem;
}
.comparison .comparison-list li > div:last-child .pri {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  margin-top: -3px;
  margin-right: 4px;
  opacity: 0.8;
}
@media (max-width: 430px) {
  .comparison .comparison-list li > div:last-child .pri {
    font-size: 1rem;
  }
}
.comparison .comparison-list li > div:last-child .maru::before {
  border-color: var(--clr-sub5);
  border-width: 3px;
}
.comparison .comparison-list a {
  text-decoration: none;
}
.comparison .comparison-list .empty {
  background: #fff;
}
.comparison .comparison-list .logo {
  background: var(--clr);
  padding: 0;
  margin: 0;
}
.comparison .comparison-list .logo img {
  margin: 10px auto;
  filter: var(--clr-fltr-w);
  max-width: 250px;
}
@media (max-width: 768px) {
  .comparison .comparison-list .logo img {
    max-width: 90%;
  }
}
.comparison .comparison-list .ruiji {
  font-size: 1rem;
  line-height: 1.2;
  padding: 10px 0;
  margin: 21px 0 0 0;
  background: var(--clr-sub5);
  opacity: 0.9;
}
@media (max-width: 768px) {
  .comparison .comparison-list .ruiji {
    margin: 10px 0 0 0;
  }
}
.comparison .comparison-list .kome {
  font-size: 1rem;
  margin-top: -1rem;
}
@media (max-width: 1200px) {
  .comparison .comparison-list {
    padding: 20px 30px;
  }
}
@media (max-width: 768px) {
  .comparison .comparison-list {
    padding: 10px;
  }
  .comparison .comparison-list .mait {
    margin-bottom: -20px;
  }
}
@media (max-width: 430px) {
  .comparison .comparison-list li > div:first-child {
    padding-left: 0;
    font-size: 0.9rem;
  }
  .comparison .comparison-list li > div:nth-child(2) {
    font-size: 0.9rem;
  }
  .comparison .comparison-list li > div:nth-child(2) .pri {
    font-size: 1.3rem;
  }
  .comparison .comparison-list li > div:last-child {
    font-size: var(--fnt-sz-min);
  }
  .comparison .comparison-list li > div:last-child .pri {
    font-size: var(--fnt-sz-min);
  }
  .comparison .comparison-list li > div:first-child {
    width: 30%;
    align-content: center;
  }
  .comparison .comparison-list li > div:nth-child(2) {
    width: 40%;
  }
  .comparison .comparison-list li > div:last-child {
    width: 30%;
  }
}
.comparison .sub-txt {
  font-size: 1.2em;
}
.comparison .sub-cat {
  font-size: 2em;
  font-weight: bold;
  margin-top: 80px;
  color: var(--clr-sub);
  font-family: var(--fnt-sub);
  line-height: 1.4;
}
.comparison .sub-cat .zei {
  font-size: var(--fnt-sz-min);
}
.comparison .sub-cat .bef::before {
  content: "";
  position: absolute;
  border-top: 3px solid var(--clr-acct);
  width: 105%;
  top: 40%;
  margin-left: -5px;
  opacity: 0.5;
}
.comparison .sub-cat .aft {
  font-size: 2.8rem;
  color: var(--clr);
  line-height: 1;
  margin-right: 4px;
}
@media (max-width: 430px) {
  .comparison .sub-cat .aft {
    font-size: 1.8rem;
  }
}
@media (max-width: 1200px) {
  .comparison .sub-cat .tb-br {
    display: block;
  }
}
@media (max-width: 768px) {
  .comparison .sub-cat {
    font-size: 1.3em;
  }
}
@media (max-width: 430px) {
  .comparison .sub-cat {
    font-size: 1.1em;
  }
  .comparison .sub-cat .bef {
    font-size: var(--fnt-sz-min);
  }
}
@media (max-width: 430px) {
  .comparison .inner {
    padding: 0;
  }
  .comparison .hd-dtl {
    padding: 0 16px;
  }
}

.flow-sec::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd4);
}
.flow-sec ul li .flow-icon {
  width: 160px;
  color: #fff;
  text-align: center;
}
.flow-sec ul li .flow-icon .flow-svg {
  position: absolute;
  left: 0;
  max-width: 100%;
  z-index: -1;
}
.flow-sec ul li .flow-icon .flow-e {
  font-family: var(--fnt-eng);
  font-size: 1.4rem;
  letter-spacing: 0.1px;
  line-height: 1;
  text-shadow: var(--txt-sdw2);
  margin: 10px 0 0 -25px;
}
.flow-sec ul li .flow-icon .flow-j {
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: 2px;
  text-shadow: var(--txt-sdw2);
  min-height: 50px;
}
.flow-sec ul li .flow-icon .flow-j .j2 {
  margin-left: 30px;
}
.flow-sec ul li .flow-icon .flow-j .j1.one {
  line-height: 50px;
  padding-left: 16px;
}
.flow-sec ul li .flow-icon .flow-i-img {
  width: 65%;
  margin: 10px auto 0 auto;
}
.flow-sec ul li .flow-icon .flow-i-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.flow-sec ul li:nth-child(1) svg.flow-svg polygon {
  fill: #86c4d1;
}
.flow-sec ul li:nth-child(2) svg.flow-svg polygon {
  fill: #3bceda;
}
.flow-sec ul li:nth-child(3) svg.flow-svg polygon {
  fill: #0c8491;
}
.flow-sec ul li:nth-child(4) svg.flow-svg polygon {
  fill: #289fbd;
}
.flow-sec ul li:nth-child(5) svg.flow-svg polygon {
  fill: #006987;
}
.flow-sec .flow-icon-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
  list-style: none;
}
.flow-sec .flow-icon-list .flow-icon {
  padding-top: 10px;
}
.flow-sec .flow-icon-list li {
  margin: 0 -14px;
}
@media (max-width: 768px) {
  .flow-sec .flow-icon-list {
    max-width: 400px;
  }
  .flow-sec .flow-icon-list li {
    margin: -11px -12px;
  }
  .flow-sec .flow-icon-list li .flow-icon {
    width: 130px;
  }
  .flow-sec .flow-icon-list li .flow-icon .flow-i-img {
    width: 55%;
  }
  .flow-sec .flow-icon-list li .flow-icon .flow-e {
    margin: 26px 0 0 -14px;
  }
  .flow-sec .flow-icon-list li:nth-child(1) {
    z-index: 5;
  }
  .flow-sec .flow-icon-list li:nth-child(2) {
    z-index: 4;
  }
  .flow-sec .flow-icon-list li:nth-child(3) {
    z-index: 3;
  }
  .flow-sec .flow-icon-list li:nth-child(4) {
    z-index: 2;
  }
  .flow-sec .flow-icon-list li:nth-child(5) {
    z-index: 1;
  }
}
.flow-sec ul.flow {
  max-width: var(--wd-pc);
  padding: 0 0 0 135px;
  margin: 60px auto 30px auto;
}
.flow-sec ul.flow li {
  list-style-type: none;
}
.flow-sec ul.flow::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 100px;
  width: 15px;
  height: 100%;
  background: #eee;
  box-shadow: 6px 6px 16px -6px rgba(95, 95, 95, 0.7);
}
@media (max-width: 1200px) {
  .flow-sec ul.flow::before {
    left: 16px;
  }
}
.flow-sec ul.flow > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flow-sec ul.flow > li .icon {
  display: block;
  position: absolute;
  top: 0;
  left: -135px;
  min-width: 76px;
  background: var(--clr-grd);
  color: #fff;
  font-size: 1rem;
  text-align: center;
  font-family: var(--fnt-eng);
  letter-spacing: 1px;
  text-transform: var(--txt-trf);
  padding: 8px 6px 8px 10px;
  box-shadow: var(--sdw);
  border-radius: var(--rds);
}
.flow-sec ul.flow > li .icon span {
  display: block;
  margin-top: -10px;
  font-size: 2.4em;
  line-height: 1.2;
}
.flow-sec ul.flow > li .icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 100%;
  width: 10px;
  height: 10px;
  background: #24b4d1;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  transform: translateY(-50%);
}
.flow-sec ul.flow > li .flow-out {
  padding-left: 70px;
  color: var(--clr-blk);
  text-align: left;
}
.flow-sec ul.flow > li .flow-out::before, .flow-sec ul.flow > li .flow-out::after {
  content: "";
  position: absolute;
  top: 15px;
}
.flow-sec ul.flow > li .flow-out::before {
  content: "";
  position: absolute;
  display: block;
  top: 24px;
  left: 52px;
  width: 40px;
  height: 3px;
  background: #fff;
  transform: rotate(27deg);
}
.flow-sec ul.flow > li .flow-out::after {
  width: 50px;
  border-bottom: 3px solid #fff;
  left: 5px;
}
.flow-sec ul.flow > li .flow-out dt {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 1vh;
  padding: 0 16px;
}
.flow-sec ul.flow > li .flow-out dt .top {
  font-size: 1.5rem;
  color: var(--clr-sub);
}
.flow-sec ul.flow > li .flow-out dt::before {
  content: "";
  position: absolute;
  display: block;
  top: auto;
  left: 16px;
  width: 100%;
  height: 2px;
  background: var(--clr);
  bottom: 0;
}
.flow-sec ul.flow > li .flow-out dd {
  font-size: 0.9rem;
  padding: 0 16px;
}
.flow-sec ul.flow > li .flow-out dd ul {
  padding-left: 20px;
}
.flow-sec ul.flow > li .flow-out dd ul li {
  list-style-type: disc;
}
.flow-sec ul.flow > li .flow-out dd ol {
  padding-left: 26px;
}
.flow-sec ul.flow > li .flow-out dd ol li {
  list-style-type: decimal;
}
.flow-sec ul.flow .flow-blk {
  display: flex;
}
.flow-sec ul.flow .flow-blk .flow-dtl {
  width: 820px;
  background: #fff;
  padding: 0;
  border-radius: var(--rds);
  overflow: hidden;
  box-shadow: 0 10px 45px -25px rgba(77, 77, 77, 0.7);
}
.flow-sec ul.flow .flow-icon {
  margin: 40px 16px auto auto;
}
.flow-sec .flow-btn {
  margin-top: 100px;
}
@media (max-width: 1200px) {
  .flow-sec {
    padding: 64px 0;
  }
  .flow-sec ul.flow {
    padding: 0;
  }
  .flow-sec ul.flow .flow-blk {
    display: block;
  }
  .flow-sec ul.flow .flow-blk .flow-dtl {
    width: auto;
    margin-top: 16px;
    padding-bottom: 10px;
  }
  .flow-sec ul.flow > li .icon {
    min-width: 76px;
    padding: 4px 2px 4px 5px;
    margin-left: 0;
    left: 0;
  }
  .flow-sec ul.flow > li .icon::after {
    display: none;
  }
  .flow-sec ul.flow > li .flow-out {
    padding-left: 0;
  }
  .flow-sec ul.flow > li .flow-out dt {
    font-size: 1rem;
  }
  .flow-sec ul.flow > li .flow-out::before {
    display: none;
  }
  .flow-sec ul.flow > li .flow-out::after {
    display: none;
  }
  .flow-sec ul.flow > li .flow-out .flow-icon {
    padding-top: 10px;
    margin: 40px auto auto 100px;
  }
}

#works .works-inner {
  max-width: 700px;
  margin: 0 auto;
}
#works .works-count {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  margin: 0 auto;
}
#works .works-count .cntUpAnm, #works .works-count .num-out {
  font-weight: bold;
  font-size: 1.2rem;
}
#works .works-count .cntUpAnm .num, #works .works-count .num-out .num {
  color: var(--clr-acct);
  font-size: 5rem;
  line-height: 1;
  font-family: var(--fnt-eng);
}
#works .works-count .num-out:nth-child(1) {
  animation-delay: 0.4s;
}
#works .works-count .num-out:nth-child(2) {
  animation-delay: 0.6s;
}
#works .works-count .num-out:nth-child(3) {
  animation-delay: 0.8s;
}
#works .works-count .num-out:nth-child(4) {
  animation-delay: 1s;
}
#works .works-count .num-out:nth-child(5) {
  animation-delay: 1.2s;
}
#works .works-count .num-out:nth-child(6) {
  animation-delay: 1.4s;
}
#works .works-count .num-out:nth-child(7) {
  animation-delay: 1.6s;
}
#works .works-count .num-out:nth-child(8) {
  animation-delay: 1.8s;
}
#works .works-count .exp {
  width: 210px;
  font-size: var(--fnt-sz-sml);
  line-height: 1.3;
}
#works .works-count .exp span {
  font-size: 1.1rem;
  font-weight: bold;
}
@media (max-width: 768px) {
  #works .works-count {
    flex-flow: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
  }
  #works .works-count .cntUpAnm, #works .works-count .num-out {
    margin: 0 auto;
  }
  #works .works-count .exp {
    margin: 0 auto;
  }
}
#works .works-line {
  background: var(--clr-grd);
  height: 1px;
  margin: 40px 0;
}

.works-sldr {
  margin-top: 60px;
}
.works-sldr .post-dtl .post-exp .post-ttl {
  display: block;
  line-height: 1.2;
  height: 1.2em;
}
.works-sldr .post-dtl .post-exp .post-ttl span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.news .cstm-tab {
  margin-top: 80px;
}
.news .cstm-tab .tab-dtl {
  padding: 20px 40px;
  box-shadow: var(--sdw);
}
@media (min-width: 1200px) {
  .news .tab-dtl {
    min-height: 160px;
  }
  .news .side.cstm-tab {
    flex-direction: column;
    padding: 0 0 100px 0;
    margin-top: 80px;
  }
  .news .side.cstm-tab label {
    max-width: 105px;
    border-radius: initial;
    margin: 0;
  }
  .news .side.cstm-tab .tab-dtl {
    max-width: calc(100% - 105px);
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 510px) {
  .news .cstm-tab .tab-dtl {
    padding: 12px;
  }
}

.home .company {
  padding-top: 130px;
}
.post_content .company .photo-sldr {
  margin-top: 80px !important;
}

.entry-body > .msg::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd3);
  opacity: 0.2;
}
.entry-body > .msg img {
  display: block;
  max-width: 250px;
  border-radius: var(--rds);
}
.entry-body > .msg .post, .entry-body > .msg .nm {
  font-family: var(--fnt-sub);
  font-weight: bold;
}
.entry-body > .msg .post {
  margin: 0;
  font-size: 1.1em;
  line-height: 1;
}
.entry-body > .msg .nm {
  font-size: 2.2em;
  line-height: 1.3;
  color: var(--clr-sub3);
}
.entry-body > .msg h3 {
  color: var(--clr-sub);
  font-size: 1.7rem;
  font-family: var(--fnt-sub);
  margin-bottom: 20px;
}
.entry-body > .msg .cstm-cols {
  gap: 0;
}
.entry-body > .msg .img-blk {
  z-index: 1;
  border-radius: var(--rds);
  box-shadow: var(--sdw);
}
@media (max-width: 768px) {
  .entry-body > .msg .img-blk {
    margin-bottom: -20px;
  }
}
.entry-body > .msg .main-txt {
  background: #fff;
  border-radius: var(--rds);
  padding: 30px 20px 20px 60px;
  margin-top: 60px;
  border-radius: var(--rds);
  margin-left: -30px;
  box-shadow: var(--sdw);
}
@media (max-width: 768px) {
  .entry-body > .msg .main-txt {
    text-align: left;
    margin-top: 0;
    padding: 50px 20px 20px 30px;
    margin-left: auto;
  }
  .entry-body > .msg .main-txt .post, .entry-body > .msg .main-txt .nm, .entry-body > .msg .main-txt h3 {
    text-align: center;
  }
}

#message {
  background: #fff;
}
#message::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd4);
}
#message .message-list {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin: 0 !important;
  max-width: var(--wd-pc);
}
#message .message-detail {
  align-items: flex-start !important;
  gap: 30px;
  margin: 0 !important;
}
#message .message-detail .nm {
  color: var(--clr);
  font-size: 2rem;
  margin-bottom: 0;
  font-family: var(--fnt-swp-sub);
}
.act #message .message-detail .nm {
  font-family: var(--fnt-sub);
}
#message .message-detail .post {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 0 !important;
}
#message .message-detail .cat {
  font-size: 1.4rem;
}
#message .message-detail .left figure {
  max-width: 380px;
}
#message .message-detail .left figure img {
  -webkit-clip-path: var(--slt-hr);
          clip-path: var(--slt-hr);
}
#message .message-detail .left figure::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
  top: 40px;
  left: 20px;
  width: 110%;
  -webkit-clip-path: var(--slt-hr);
          clip-path: var(--slt-hr);
}
#message .message-detail .right {
  padding: 16px;
  margin-top: 140px;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--sdw);
  letter-spacing: 0.07em;
}
#message .message-detail .right .eng {
  font-weight: bold;
  margin-top: -10px;
  margin-bottom: 0;
}
#message .message-detail .right .right-top {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 30px;
  margin-bottom: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
#message .message-detail table td:first-child {
  font-size: 1rem;
  min-width: 90px;
}
@media (max-width: 781px) {
  #message .message-detail .left figure {
    margin: 0 auto;
  }
  #message .message-detail .right {
    margin-top: 0;
  }
}
@media (max-width: 430px) {
  #message .message-detail .right .right-top {
    flex-direction: column;
  }
}
#message .profile-blk {
  width: 100%;
  padding: 16px;
  background: #fff;
  border-radius: 20px;
  box-shadow: var(--sdw);
  display: flex;
  gap: 20px;
}
#message .profile-blk .profile-left {
  max-width: 600px;
}
#message .profile-blk h3 {
  margin-bottom: 10px;
}
#message .profile-blk table {
  border: none;
}
#message .profile-blk table tr td {
  border: none;
  padding: 0;
}
@media (max-width: 950px) {
  #message .profile-blk {
    display: block;
  }
}

.voice::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
}

.faq {
  text-align: center;
}
.faq::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd4);
}

#recruit {
  background: #fff;
}
#recruit.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/recr_01.png");
}
@media (max-width: 430px) {
  #recruit.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/recr_sp_01.png");
  }
}

@media (min-width: 1200px) {
  .not-home .container {
    max-width: var(--wd-pc) !important;
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  .not-home .container .main-section.main-section--col--two,
  .not-home .container .sub-section.sub-section--col--two {
    padding: 16px;
  }
}

@media (min-width: 1200px) {
  .full .container {
    max-width: 100% !important;
  }
}

.base .page-header {
  margin-top: 0;
  color: #fff;
  background: var(--clr-grd);
  min-height: 12rem;
}

.not-home .site-body {
  background: #fff;
}

.page-header {
  font-family: var(--fnt-swp-sub);
}

.act .page-header {
  font-family: var(--fnt-sub);
}

.breadcrumb, .site-body {
  background: #fff;
}
.home .breadcrumb, .home .site-body {
  background: transparent;
}

#commentform img, .comment-author img, .post img {
  display: block;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.post img {
  margin-left: 0;
}

img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: auto;
}

.site-body-bottom, .page .veu_socialSet, .single .veu_followSet {
  display: none;
}

table td, table th {
  border: none;
}

.breadcrumb {
  display: none;
}

.base .page-header-title, .base h1.page-header-title {
  color: #fff;
  font-weight: normal;
  text-align: center;
}

.sl-wrapper .sl-image .sl-caption {
  background: var(--clr-grd) !important;
}

.page-header-title {
  font-size: 1.2rem !important;
}
.page-header-title::before {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  font-family: var(--fnt-eng);
  font-size: 2.8rem;
  text-transform: var(--txt-trf);
  border-bottom: var(--page-line);
  padding: 16px 10px 0 10px;
  margin: 0 auto;
  line-height: 1;
}
@media (max-width: 768px) {
  .page-header-title::before {
    font-size: 2.4rem;
  }
}

.archive-header-title {
  font-size: 1.2rem;
}

.blog-card {
  background: #f8f8f8;
  margin-top: 60px;
  margin-bottom: 40px;
}

.blog .site-body, .blog .breadcrumb, .blog.scrl #top-hdr, .archive .site-body, .archive .breadcrumb, .archive.scrl #top-hdr, .single .site-body, .single .breadcrumb, .single.scrl #top-hdr, .search .site-body, .search .breadcrumb, .search.scrl #top-hdr {
  background: var(--clr-bs);
}
.blog .page-header-title::before, .archive .page-header-title::before, .single .page-header-title::before, .search .page-header-title::before {
  content: "Blog";
}
.blog .entry-meta-data-list, .archive .entry-meta-data-list, .single .entry-meta-data-list, .search .entry-meta-data-list {
  display: none !important;
}
.blog .main-section .vk_posts, .archive .main-section .vk_posts, .single .main-section .vk_posts, .search .main-section .vk_posts {
  gap: 30px 0;
}
.blog .main-section .vk_posts .vk_post .dammy, .blog .main-section .vk_posts .vk_post .media-title, .blog .main-section .vk_posts .vk_post .media-img, .archive .main-section .vk_posts .vk_post .dammy, .archive .main-section .vk_posts .vk_post .media-title, .archive .main-section .vk_posts .vk_post .media-img, .single .main-section .vk_posts .vk_post .dammy, .single .main-section .vk_posts .vk_post .media-title, .single .main-section .vk_posts .vk_post .media-img, .search .main-section .vk_posts .vk_post .dammy, .search .main-section .vk_posts .vk_post .media-title, .search .main-section .vk_posts .vk_post .media-img {
  display: none !important;
}
.blog .main-section .vk_posts.next-prev, .archive .main-section .vk_posts.next-prev, .single .main-section .vk_posts.next-prev, .search .main-section .vk_posts.next-prev {
  display: none;
}
.blog .main-section .post-btm-ttl, .archive .main-section .post-btm-ttl, .single .main-section .post-btm-ttl, .search .main-section .post-btm-ttl {
  font-size: 1.1rem;
  margin-top: 60px !important;
  font-weight: bold;
}
.blog .main-section .post-btm-ttl::after, .archive .main-section .post-btm-ttl::after, .single .main-section .post-btm-ttl::after, .search .main-section .post-btm-ttl::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background: var(--clr-grd2);
}
.blog .main-section .post-btm-ttl.top, .archive .main-section .post-btm-ttl.top, .single .main-section .post-btm-ttl.top, .search .main-section .post-btm-ttl.top {
  margin-top: 100px !important;
}
.blog .main-section .post-btm-ttl, .blog .main-section .veu_socialSet-position-after, .archive .main-section .post-btm-ttl, .archive .main-section .veu_socialSet-position-after, .single .main-section .post-btm-ttl, .single .main-section .veu_socialSet-position-after, .search .main-section .post-btm-ttl, .search .main-section .veu_socialSet-position-after {
  margin-bottom: 40px !important;
}
.blog .sub-section .sub-section-title, .archive .sub-section .sub-section-title, .single .sub-section .sub-section-title, .search .sub-section .sub-section-title {
  font-size: 1.2rem;
  padding-left: 12px;
  margin-bottom: 20px !important;
}
.blog .sub-section .sub-section-title::after, .archive .sub-section .sub-section-title::after, .single .sub-section .sub-section-title::after, .search .sub-section .sub-section-title::after {
  content: "";
  position: absolute;
  display: block;
  left: -7px;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--clr-grd2);
}
@media (max-width: 991px) {
  .blog .sub-section .sub-section-title, .archive .sub-section .sub-section-title, .single .sub-section .sub-section-title, .search .sub-section .sub-section-title {
    padding-left: 0;
  }
}
.blog .sub-section a, .archive .sub-section a, .single .sub-section a, .search .sub-section a {
  color: var(--clr-blk);
}
.blog .sub-section .vk_post .vk_post_title a:hover, .archive .sub-section .vk_post .vk_post_title a:hover, .single .sub-section .vk_post .vk_post_title a:hover, .search .sub-section .vk_post .vk_post_title a:hover {
  color: var(--clr-hvr);
}
.blog .sub-section .vk_post_date, .archive .sub-section .vk_post_date, .single .sub-section .vk_post_date, .search .sub-section .vk_post_date {
  display: none;
}
.blog .sub-section .widget_nav_menu > ul li a:hover, .blog .sub-section .widget_archive > ul li a:hover,
.blog .sub-section .widget_categories > ul li a:hover, .archive .sub-section .widget_nav_menu > ul li a:hover, .archive .sub-section .widget_archive > ul li a:hover,
.archive .sub-section .widget_categories > ul li a:hover, .single .sub-section .widget_nav_menu > ul li a:hover, .single .sub-section .widget_archive > ul li a:hover,
.single .sub-section .widget_categories > ul li a:hover, .search .sub-section .widget_nav_menu > ul li a:hover, .search .sub-section .widget_archive > ul li a:hover,
.search .sub-section .widget_categories > ul li a:hover {
  background: none !important;
  color: var(--clr-hvr) !important;
}
.blog .sub-section .wp-block-tag-cloud, .blog .sub-section .wp-tag-cloud, .archive .sub-section .wp-block-tag-cloud, .archive .sub-section .wp-tag-cloud, .single .sub-section .wp-block-tag-cloud, .single .sub-section .wp-tag-cloud, .search .sub-section .wp-block-tag-cloud, .search .sub-section .wp-tag-cloud {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
}
.blog .sub-section .wp-block-tag-cloud a, .blog .sub-section .wp-tag-cloud a, .archive .sub-section .wp-block-tag-cloud a, .archive .sub-section .wp-tag-cloud a, .single .sub-section .wp-block-tag-cloud a, .single .sub-section .wp-tag-cloud a, .search .sub-section .wp-block-tag-cloud a, .search .sub-section .wp-tag-cloud a {
  display: inline-block;
  font-size: var(--fnt-sz-min);
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: #fff;
  box-shadow: var(--sdw);
  border-radius: var(--rds-max);
  padding: 4px 8px;
  overflow: hidden;
  border: 1px solid var(--clr);
  border-radius: 26px;
  margin-right: 0;
  transition: ease 0.2s;
}
.blog .sub-section .wp-block-tag-cloud a span, .blog .sub-section .wp-tag-cloud a span, .archive .sub-section .wp-block-tag-cloud a span, .archive .sub-section .wp-tag-cloud a span, .single .sub-section .wp-block-tag-cloud a span, .single .sub-section .wp-tag-cloud a span, .search .sub-section .wp-block-tag-cloud a span, .search .sub-section .wp-tag-cloud a span {
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
.blog .sub-section .wp-block-tag-cloud a:hover, .blog .sub-section .wp-tag-cloud a:hover, .archive .sub-section .wp-block-tag-cloud a:hover, .archive .sub-section .wp-tag-cloud a:hover, .single .sub-section .wp-block-tag-cloud a:hover, .single .sub-section .wp-tag-cloud a:hover, .search .sub-section .wp-block-tag-cloud a:hover, .search .sub-section .wp-tag-cloud a:hover {
  box-shadow: none;
  transform: var(--btn-mv);
}
.blog .sub-section .wp-block-tag-cloud a:hover span, .blog .sub-section .wp-tag-cloud a:hover span, .archive .sub-section .wp-block-tag-cloud a:hover span, .archive .sub-section .wp-tag-cloud a:hover span, .single .sub-section .wp-block-tag-cloud a:hover span, .single .sub-section .wp-tag-cloud a:hover span, .search .sub-section .wp-block-tag-cloud a:hover span, .search .sub-section .wp-tag-cloud a:hover span {
  color: #fff;
}
.blog .sub-section .wp-block-tag-cloud a::before, .blog .sub-section .wp-tag-cloud a::before, .archive .sub-section .wp-block-tag-cloud a::before, .archive .sub-section .wp-tag-cloud a::before, .single .sub-section .wp-block-tag-cloud a::before, .single .sub-section .wp-tag-cloud a::before, .search .sub-section .wp-block-tag-cloud a::before, .search .sub-section .wp-tag-cloud a::before {
  content: "#";
}

.search .page-header-title::before {
  content: "Search";
}

.archive .archive-header-title {
  margin-bottom: 20px;
}

.blog .page-header, .archive .page-header {
  background: url("/wp-content/themes/cstm/img/blog_00.png") center/cover no-repeat;
}

.main-section .vk_post .vk_post_date {
  font-size: var(--fnt-sz-min);
}
.main-section .vk_post .vk_post_btn, .main-section .vk_post .vk_post_btn:hover {
  color: #fff;
}
.main-section .vk_post .vk_post_btn:hover {
  opacity: 0.8;
}
.main-section .vk_post .vk_post_title a:hover {
  color: var(--clr-hvr);
}
.main-section .vk_post .vk_post_body.media-body {
  display: none !important;
}
.main-section .vk_post.media {
  border-bottom: none !important;
  width: calc(50% - 30px);
  max-width: 380px;
  padding: 0 !important;
  margin-top: 0;
  border-radius: var(--rds);
  overflow: hidden;
  transition: var(--anm-sub), opacity 1s;
  box-shadow: none;
}
.main-section .vk_post.media:hover {
  opacity: 0.9;
}
.main-section .vk_post.media > a {
  flex: 1;
}
@media (min-width: 1200px) {
  .search .main-section .vk_post.media {
    max-width: 360px;
  }
}
.main-section .vk_post .media-img {
  background-image: none !important;
}
.main-section .vk_post .media-img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transition: var(--anm-sub);
}
.main-section .vk_post .media-img:hover img {
  transform: var(--img-hvr);
}
@media (max-width: 430px) {
  .main-section .vk_post {
    margin: 0 10px;
  }
  .main-section .vk_post.media {
    width: calc(50% - 20px);
  }
}

.main-section, .sub-section .vk_post.media {
  border-bottom: none !important;
}
.main-section:first-child, .sub-section .vk_post.media:first-child {
  border-top: none !important;
}
.main-section .vk_post_date, .sub-section .vk_post.media .vk_post_date {
  font-size: var(--fnt-sz-min) !important;
}

.main-section > .vk_posts > .media.vk_post-col-sm-12:first-child {
  border-top: none !important;
}

.entry-meta-data-list dt {
  font-size: var(--fnt-sz-min) !important;
}

.vk_post .vk_post_btn,
.vk_post_imgOuter_singleTermLabel,
.vk_post .vk_post_title a,
.entry-title,
.breadcrumb,
.entry-meta,
.entry-footer,
.card-body,
.veu_socialSet,
.veu_socialSet .sb_icon .sb_icon_inner .sns_txt,
.comment-respond,
.archive-header-title,
input[type=submit],
.comment-author,
.comment-meta,
.comment-reply-link {
  font-family: var(--fnt-swp) "";
}
.act .vk_post .vk_post_btn,
.act .vk_post_imgOuter_singleTermLabel,
.act .vk_post .vk_post_title a,
.act .entry-title,
.act .breadcrumb,
.act .entry-meta,
.act .entry-footer,
.act .card-body,
.act .veu_socialSet,
.act .veu_socialSet .sb_icon .sb_icon_inner .sns_txt,
.act .comment-respond,
.act .archive-header-title,
.act input[type=submit],
.act .comment-author,
.act .comment-meta,
.act .comment-reply-link {
  font-family: var(--fnt) "";
}

.vk_post_imgOuter_singleTermLabel {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 90px;
  font-size: var(--fnt-sz-min);
  display: none;
}

.veu_socialSet ul {
  gap: 10px;
}
.veu_socialSet ul li {
  margin: 0 !important;
}
.veu_socialSet .sb_icon a, .veu_socialSet .sb_copy .sb_icon_inner {
  color: var(--clr) !important;
  letter-spacing: initial;
  background: #fff;
  box-shadow: none;
  border-radius: var(--rds-min) !important;
  border: 1px solid var(--clr) !important;
  height: 35px;
  margin-bottom: 10px;
  transition: var(--anm-sub);
}
.veu_socialSet .sb_icon a:hover, .veu_socialSet .sb_copy .sb_icon_inner:hover {
  color: #fff !important;
  background: var(--clr);
}

.single .breadcrumb, .archive .breadcrumb {
  display: block;
}

.single .breadcrumb, .archive .breadcrumb, .page .breadcrumb {
  font-size: var(--fnt-sz-min);
}
.single .breadcrumb a, .archive .breadcrumb a, .page .breadcrumb a {
  color: var(--clr-blk);
}
.single .breadcrumb a:before, .single .breadcrumb a span:before, .archive .breadcrumb a:before, .archive .breadcrumb a span:before, .page .breadcrumb a:before, .page .breadcrumb a span:before {
  background: var(--clr-blk);
}
.single .breadcrumb a svg, .archive .breadcrumb a svg, .page .breadcrumb a svg {
  fill: var(--clr-blk);
}
.single .breadcrumb a:hover, .archive .breadcrumb a:hover, .page .breadcrumb a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.single .breadcrumb a:hover:before, .single .breadcrumb a:hover span:before, .archive .breadcrumb a:hover:before, .archive .breadcrumb a:hover span:before, .page .breadcrumb a:hover:before, .page .breadcrumb a:hover span:before {
  background: var(--clr-hvr);
}
.single .breadcrumb a:hover svg, .archive .breadcrumb a:hover svg, .page .breadcrumb a:hover svg {
  fill: var(--clr-hvr);
}
.single .breadcrumb .breadcrumb-list__item:last-child, .archive .breadcrumb .breadcrumb-list__item:last-child, .page .breadcrumb .breadcrumb-list__item:last-child {
  display: block;
  line-height: 1.2;
  height: 1.2em;
  display: inline-flex;
  height: auto;
  line-height: 1;
}
.single .breadcrumb .breadcrumb-list__item:last-child span, .archive .breadcrumb .breadcrumb-list__item:last-child span, .page .breadcrumb .breadcrumb-list__item:last-child span {
  display: -webkit-box;
  overflow: hidden;
  line-break: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media (max-width: 430px) {
  .single .breadcrumb .breadcrumb-list__item:last-child, .archive .breadcrumb .breadcrumb-list__item:last-child, .page .breadcrumb .breadcrumb-list__item:last-child {
    max-width: 120px;
    line-height: 1.2;
  }
}

.single.not-home {
  animation: fd 1.3s forwards 1.5s;
}
.single .entry-body .top-exp {
  margin-bottom: 40px;
}
.single .entry-body .top-exp img {
  margin: 0;
  width: 100%;
  border-radius: var(--rds);
}
.single .entry-body .top-cat-day {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.single .entry-body .top-cat-day .post-list-tag.ctg, .single .entry-body .top-cat-day .date-blk {
  width: -moz-fit-content;
  width: fit-content;
}
.single .entry-body .top-cat-day .post-dt {
  width: auto;
}
.single .entry-body .post-list-tag {
  padding-bottom: 20px;
  gap: 10px;
}
.single .entry-body .post-list-tag.tag li {
  border-radius: 20px;
}
.single .entry-body .post-list-tag.tag li::before {
  content: "#";
}
.single .entry-body .ark-block-toc {
  margin: 60px auto 40px auto;
}
.single .entry-body h2 {
  color: #fff !important;
  text-align: left;
  z-index: 1;
  padding: 16px 20px !important;
  margin: 80px auto 20px auto;
  border: none;
  font-size: 1.4rem;
}
.single .entry-body h2::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
  z-index: -1;
}
.single .entry-body h3 {
  border: none;
  background: #fff;
  padding: 10px 16px;
  margin: 80px auto 20px auto;
  font-size: 1.2rem;
}
.single .entry-body h4 {
  border-left: solid 4px var(--clr-acct);
  border-bottom: 1px solid var(--clr-acct);
  border-color: var(--clr-acct);
  padding: 10px 16px;
  margin: 80px auto 20px auto;
  font-size: 1.1rem;
}
.single .entry-body ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}
.single .entry-body .wp-block-table td, .single .entry-body .wp-block-table th {
  border: none;
}
.single .entry-body .wp-block-table thead {
  border-color: var(--clr);
}
.single .entry-body .wp-block-table th {
  background: var(--clr-sub2);
  text-align: left;
}
.single .entry-body .wp-block-table td:first-child {
  font-weight: normal;
  font-size: 1em;
}
.single .entry-body .w-btn-o {
  margin-left: 0;
}
@media (max-width: 430px) {
  .single .entry-body .w-btn-o {
    margin-left: auto;
  }
  .single .entry-body .w-btn-o .cat {
    font-size: 0.9rem;
  }
}
.single .entry-body .main-txt.wt {
  background: #fff;
  padding: 20px 20px 60px 20px;
  border-radius: 20px;
}
.single .entry-body .main-txt.wt .wp-caption {
  background: var(--clr-bs);
}
.single .entry-body .main-txt.wt .cstm-toc::before, .single .entry-body .main-txt.wt h4 {
  background: var(--clr-bs);
}
.single .entry-body .main-txt.wt .cstm-toc::before {
  opacity: 0.7;
}
.single .entry-body .main-txt.wt h3 {
  background: transparent;
}
.single .entry-body .main-txt.wt h3 {
  border-left: solid 5px var(--clr-acct);
}
.single .entry-body .main-txt.wt h4 {
  border: none;
}
.single .author-profile {
  display: flex;
  gap: 30px;
  background: #fff;
  padding: 16px;
  border-radius: 26px;
}
.single .author-profile .user-img .img-cvr, .single .author-profile .user-img img {
  width: 130px;
  height: 130px;
}
.single .author-profile .user-img .img-cvr {
  border-radius: 50%;
}
.single .author-profile .user-img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.single .author-profile .user-nm {
  display: flex;
  gap: 20px;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 16px;
}
.single .author-profile .user-nm .user-post {
  font-weight: normal;
  font-size: 0.9em;
}
.single .author-profile .user-desc {
  font-size: var(--fnt-sz-sml);
}
.single .author-profile .post-list-lnk {
  display: inline-block;
  font-size: var(--fnt-sz-min);
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: #fff;
  box-shadow: var(--sdw);
  border-radius: var(--rds-max);
  padding: 4px 8px;
  overflow: hidden;
  border: 1px solid var(--clr);
  color: var(--clr-blk);
  border-radius: 26px;
  margin-top: 20px;
  margin-right: 0;
  min-width: 150px;
  transition: ease 0.2s;
}
.single .author-profile .post-list-lnk span {
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
.single .author-profile .post-list-lnk:hover {
  box-shadow: none;
  transform: var(--btn-mv);
}
.single .author-profile .post-list-lnk:hover span {
  color: #fff;
}
@media (max-width: 500px) {
  .single .author-profile {
    display: block;
  }
  .single .author-profile .img-cvr {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .single .author-profile .user-nm {
    display: block;
    text-align: center;
  }
  .single .author-profile .user-nm .user-post {
    display: block;
  }
}
.single .entry-body .author-profile {
  margin-top: 60px !important;
}
.single .side-author .author-profile {
  display: block;
  background: #fff;
  padding: 16px;
  border-radius: 20px;
  overflow: hidden;
}
.single .side-author .author-profile::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd);
  height: 100px;
  opacity: 0.5;
}
.single .side-author .author-profile .img-cvr {
  margin: 0 auto;
  margin-bottom: 10px;
}
.single .side-author .author-profile .user-nm {
  display: block;
  text-align: center;
}
.single .side-author .author-profile .user-nm .user-post {
  display: block;
  line-height: 1;
  font-size: var(--fnt-sz-sml);
}
.single .side-author .author-profile .user-desc {
  font-size: var(--fnt-sz-min);
}
.single .side-author .author-profile .post-list-lnk {
  display: block;
}
.single .side-author .author-profile .sns-list-dtl {
  padding-left: 0;
  justify-content: center;
}
.single .side-author .author-profile .sns-list-dtl img {
  width: 20px !important;
}
@media (max-width: 991px) {
  .single .side-author.none {
    display: none;
  }
}

.widget_link_list > ul li a:hover {
  color: var(--clr-hvr);
}
.widget_link_list > div > ul li a, .widget_link_list.widget_link_list > ul li a {
  border-bottom: none !important;
  background: transparent !important;
}

.btn-primary, input[type=submit] {
  background-color: var(--clr) !important;
  border-color: transparent !important;
}

.entry-title {
  font-size: 1.5rem;
  line-height: 1.3;
}

.entry-meta {
  display: none;
}

.vk_post_title_new {
  color: var(--clr) !important;
  padding: 2px;
}

.card-intext .card-intext-inner .vk_post_body {
  background: var(--clr-sub3) !important;
  opacity: 0.7;
}
.card-intext .card-intext-inner .vk_post_body::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: var(--z-bk);
}

#comments a {
  color: var(--clr-blk);
}
#comments a:before, #comments a span:before {
  background: var(--clr-blk);
}
#comments a svg {
  fill: var(--clr-blk);
}
#comments a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
#comments a:hover:before, #comments a:hover span:before {
  background: var(--clr-hvr);
}
#comments a:hover svg {
  fill: var(--clr-hvr);
}
#comments ol.comment-list > .comment {
  border: none;
}
#comments .comment-author.vcard {
  width: -moz-fit-content;
  width: fit-content;
}
#comments .comment-author cite.fn {
  margin-left: 6px;
}
#comments .comment-author cite, #comments .comment-author span {
  font-style: normal;
}
#comments .comment-author img {
  border: none;
}
#comments p {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
#comments .required, #comments #email-notes, #comments .required-field-message,
#comments .comments-title, #comments .comment-form-cookies-consent {
  display: none;
}
#comments .comment-list {
  background: #fff;
}
#comments .reply a {
  color: var(--clr-lnk);
}
#comments #reply-title {
  font-size: 1.1rem;
  margin-bottom: 40px !important;
}
#comments #reply-title::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 2px;
  background: var(--clr-grd2);
}
#comments #reply-title small {
  display: block;
  margin-top: 10px;
  font-size: var(--fnt-sz-min);
}
#comments .comment-form-email label::after {
  content: "※ 公開させません";
  font-size: var(--fnt-sz-min);
}
#comments .form-submit input[type=submit] {
  color: #fff;
}
#comments .form-submit input[type=submit]:hover {
  cursor: pointer;
}

.archive-description {
  display: none;
}

ul.page-numbers li a, ul.page-numbers li a:hover, ul.page-numbers li span.page-numbers {
  background: #fff !important;
}
ul.page-numbers li .page-numbers {
  text-align: center;
}
ul.page-numbers li .page-numbers:hover {
  color: var(--clr-hvr) !important;
}
ul.page-numbers li .page-numbers.dots {
  color: var(--clr-blk) !important;
}
ul.page-numbers li .page-numbers.current {
  background: var(--clr) !important;
  color: #fff !important;
}
ul.page-numbers li:first-child > .page-numbers {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
ul.page-numbers li:last-child > .page-numbers {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.post-type-archive .pagination .page-numbers {
  display: block;
  overflow: hidden;
  float: left;
  padding: 6px 12px;
  margin: 0;
  margin-left: -1px;
  color: var(--clr-blk);
  text-decoration: none;
  border: 1px solid var(--vk-color-border-hr);
  background: #fff;
}
.post-type-archive .pagination .page-numbers:hover {
  color: var(--clr-hvr);
}
.post-type-archive .pagination .page-numbers.dots {
  color: var(--clr-blk);
}
.post-type-archive .pagination .page-numbers.current {
  background: var(--clr);
  color: #fff;
}

.blog-side-tab .cstm-tab {
  width: 100%;
}
.blog-side-tab .cstm-tab label {
  width: 50%;
  margin: 0;
  border-radius: unset;
}
.blog-side-tab .cstm-tab label::before {
  background: #eeecec;
  opacity: 1;
}
.blog-side-tab .cstm-tab label:has(:checked)::before {
  background: #fff;
}
.blog-side-tab .cstm-tab .tab-dtl {
  padding: 16px;
}
.blog-side-tab .cstm-post-list {
  padding: 0;
  margin: 0;
}

.sub-section .wp-block-categories-list a {
  padding-left: 1.3rem;
}
.sub-section .wp-block-categories-list a::before {
  content: "";
  position: absolute;
  display: block;
  top: 1em;
  left: 1px;
  width: 1em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M465.929%20121.035H249.246c-25.444%200-46.071-20.627-46.071-46.071V71.32c0-25.444-20.627-46.071-46.071-46.071H46.071C20.627%2025.25%200%2045.877%200%2071.321v369.358c0%2025.444%2020.627%2046.071%2046.071%2046.071h419.858c25.444%200%2046.071-20.627%2046.071-46.071V167.107c0-25.444-20.627-46.072-46.071-46.072z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M465.929%20121.035H249.246c-25.444%200-46.071-20.627-46.071-46.071V71.32c0-25.444-20.627-46.071-46.071-46.071H46.071C20.627%2025.25%200%2045.877%200%2071.321v369.358c0%2025.444%2020.627%2046.071%2046.071%2046.071h419.858c25.444%200%2046.071-20.627%2046.071-46.071V167.107c0-25.444-20.627-46.072-46.071-46.072z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-blk);
  padding-right: 3px;
}
.sub-section .wp-block-categories-list a:hover::before {
  background: var(--clr-hvr);
}

.sub-section .cstm-toc {
  display: block;
  padding: 0;
  overflow: auto;
  max-height: calc(100vh - 120px);
}
.sub-section .cstm-toc .toc-ttl {
  display: none;
  background: #fff;
  text-align: left;
  border-radius: 16px 16px 0 0;
  padding: 16px 0 0 16px;
  margin: 0;
}
.sub-section .cstm-toc .toc-ttl.dsp {
  display: block;
}
.single .sub-section .cstm-toc {
  padding: 0;
  margin: 0 !important;
}
.page .sub-section .cstm-toc {
  max-height: initial;
}
@media (max-width: 430px) {
  .sub-section .cstm-toc {
    max-height: initial;
  }
}

.page h4.sub-section-title:after {
  display: none;
}

.cstm-toc {
  display: none;
  width: 100%;
  overflow: hidden;
  border-radius: var(--rds);
  background: #fff;
  background-image: none;
  margin-bottom: 20px;
}
.main-section .cstm-toc {
  display: none;
  margin-top: 40px;
}
.single .main-section .cstm-toc {
  display: block;
}
@media (max-width: 991px) {
  .cstm-toc.dsp {
    display: block;
  }
}
.cstm-toc::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.1;
}
.cstm-toc a {
  color: var(--clr-blk);
}
.cstm-toc a:before, .cstm-toc a span:before {
  background: var(--clr-blk);
}
.cstm-toc a svg {
  fill: var(--clr-blk);
}
.cstm-toc a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.cstm-toc a:hover:before, .cstm-toc a:hover span:before {
  background: var(--clr-hvr);
}
.cstm-toc a:hover svg {
  fill: var(--clr-hvr);
}
.cstm-toc .toc-ttl {
  text-align: left;
  padding: 1em 0 0 1em;
}
.cstm-toc .toc-list {
  padding: 10px 10px 10px 43px;
  margin: 0 0 3px 0;
  background: transparent;
  list-style: decimal-leading-zero;
  text-align: left;
}
.cstm-toc .toc-list li {
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 6px;
}
.cstm-toc .toc-list .toc-sub-list {
  list-style: none;
  padding: 0;
  margin: 6px auto;
}
.cstm-toc .toc-list .toc-sub-list::before {
  height: 80%;
}
.cstm-toc .toc-list .toc-sub-list li {
  line-height: 1.2;
}
.cstm-toc .toc-list .toc-sub-list li::before {
  content: "";
  position: absolute;
  display: block;
  top: 8px;
  left: -11px;
  width: 6px;
  height: 6px;
  background: var(--clr-blk);
  border-radius: 50%;
}
.sub-section .cstm-toc {
  margin-top: 40px;
  transition: var(--anm);
}
.sub-section .cstm-toc .toc-list a {
  font-size: var(--fnt-sz-sml);
}
@media (min-width: 768px) {
  .sub-section .cstm-toc .toc-hglt > a {
    font-weight: bold;
  }
  .sub-section .cstm-toc .toc-hglt::marker {
    color: var(--clr-acct);
  }
  .sub-section .cstm-toc .toc-hglt::before {
    background: var(--clr-acct) !important;
  }
}

.toc-fix {
  position: sticky;
  top: calc(var(--ht-mn) + 20px);
}

.post-type-archive .sch-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 26px;
}
.post-type-archive .sch-list li {
  overflow: hidden;
}
.post-type-archive .sch-list li a {
  display: inline-block;
  font-size: var(--fnt-sz-min);
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: #fff;
  box-shadow: var(--sdw);
  border-radius: var(--rds-max);
  padding: 8px 10px;
  overflow: hidden;
  box-shadow: var(--sdw);
  border: 1px solid #ccc;
}
.post-type-archive .sch-list li a span {
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
.post-type-archive .sch-list li a:hover {
  box-shadow: none;
  transform: var(--btn-mv);
}
.post-type-archive .sch-list li a:hover span {
  color: #fff;
}
.post-type-archive .sch-list li a span {
  color: var(--clr-blk);
}
@media (max-width: 430px) {
  .post-type-archive .sch-list {
    gap: 5px 10px;
  }
}
.post-type-archive .sch-dtl {
  text-align: center;
  margin-bottom: 110px;
}
.post-type-archive .sch-dtl .exp {
  width: 100%;
  font-weight: bold;
  cursor: pointer;
}
.post-type-archive .sch-dtl .exp .icon {
  margin: -8px auto 20px auto;
  width: 30px;
  height: 30px;
}
.post-type-archive .sch-dtl .exp .icon::after {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  left: 8px;
  width: 14px;
  height: 14px;
  background: none;
  border: solid var(--clr-blk);
  border-width: 3px 3px 0 0;
  transform: rotate(134deg);
  transition: var(--anm);
}
.post-type-archive .sch-dtl .exp:hover {
  color: var(--clr-acct);
}
.post-type-archive .sch-dtl .exp:hover .icon::after {
  border-color: var(--clr-acct);
  top: 8px;
}
.post-type-archive .sch-dtl .sch-blk {
  display: none;
  opacity: 0;
}
.post-type-archive .sch-dtl.opn .exp {
  animation: fdOut 0.5s forwards;
}
.post-type-archive .sch-dtl.opn .sch-blk {
  display: block;
  animation: fd 1.5s forwards 1s;
}
.post-type-archive .sch-dtl .h2-cat {
  margin: 0 0 20px 0;
}
.post-type-archive .sch-dtl .h2-cat .sub-e {
  width: 20px;
  height: 20px;
  margin-bottom: -10px;
}
.post-type-archive .sch-dtl .h2-cat .sub-e::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%20%3Cpath%20d%3D%22M1014.64%20969.04%20703.71%20656.207c57.952-69.408%2092.88-158.704%2092.88-256.208%200-220.912-179.088-400-400-400s-400%20179.088-400%20400%20179.088%20400%20400%20400c100.368%200%20192.048-37.056%20262.288-98.144l310.496%20312.448c12.496%2012.497%2032.769%2012.497%2045.265%200%2012.48-12.496%2012.48-32.752%200-45.263zM396.59%20736.527c-185.856%200-336.528-150.672-336.528-336.528S210.734%2063.471%20396.59%2063.471c185.856%200%20336.528%20150.672%20336.528%20336.528S582.446%20736.527%20396.59%20736.527z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%20%3Cpath%20d%3D%22M1014.64%20969.04%20703.71%20656.207c57.952-69.408%2092.88-158.704%2092.88-256.208%200-220.912-179.088-400-400-400s-400%20179.088-400%20400%20179.088%20400%20400%20400c100.368%200%20192.048-37.056%20262.288-98.144l310.496%20312.448c12.496%2012.497%2032.769%2012.497%2045.265%200%2012.48-12.496%2012.48-32.752%200-45.263zM396.59%20736.527c-185.856%200-336.528-150.672-336.528-336.528S210.734%2063.471%20396.59%2063.471c185.856%200%20336.528%20150.672%20336.528%20336.528S582.446%20736.527%20396.59%20736.527z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #333;
}
.post-type-archive .sch-dtl .h2-cat .sub-j {
  margin: auto auto auto 5px;
  font-family: var(--fnt-swp) "";
}
.act .post-type-archive .sch-dtl .h2-cat .sub-j {
  font-family: var(--fnt) "";
}
.post-type-archive .sch-dtl .h2-cat::after {
  bottom: -4px;
}

.post-type-works .breadcrumb-list, .post-type-works .release, .post-type-news .breadcrumb-list, .post-type-news .release, .single-post .breadcrumb-list, .single-post .release, .search .breadcrumb-list, .search .release {
  font-size: var(--fnt-sz-min);
}
.post-type-works .breadcrumb-list a, .post-type-works .release a, .post-type-news .breadcrumb-list a, .post-type-news .release a, .single-post .breadcrumb-list a, .single-post .release a, .search .breadcrumb-list a, .search .release a {
  color: var(--clr-blk);
}
.post-type-works .breadcrumb-list a:before, .post-type-works .breadcrumb-list a span:before, .post-type-works .release a:before, .post-type-works .release a span:before, .post-type-news .breadcrumb-list a:before, .post-type-news .breadcrumb-list a span:before, .post-type-news .release a:before, .post-type-news .release a span:before, .single-post .breadcrumb-list a:before, .single-post .breadcrumb-list a span:before, .single-post .release a:before, .single-post .release a span:before, .search .breadcrumb-list a:before, .search .breadcrumb-list a span:before, .search .release a:before, .search .release a span:before {
  background: var(--clr-blk);
}
.post-type-works .breadcrumb-list a svg, .post-type-works .release a svg, .post-type-news .breadcrumb-list a svg, .post-type-news .release a svg, .single-post .breadcrumb-list a svg, .single-post .release a svg, .search .breadcrumb-list a svg, .search .release a svg {
  fill: var(--clr-blk);
}
.post-type-works .breadcrumb-list a:hover, .post-type-works .release a:hover, .post-type-news .breadcrumb-list a:hover, .post-type-news .release a:hover, .single-post .breadcrumb-list a:hover, .single-post .release a:hover, .search .breadcrumb-list a:hover, .search .release a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.post-type-works .breadcrumb-list a:hover:before, .post-type-works .breadcrumb-list a:hover span:before, .post-type-works .release a:hover:before, .post-type-works .release a:hover span:before, .post-type-news .breadcrumb-list a:hover:before, .post-type-news .breadcrumb-list a:hover span:before, .post-type-news .release a:hover:before, .post-type-news .release a:hover span:before, .single-post .breadcrumb-list a:hover:before, .single-post .breadcrumb-list a:hover span:before, .single-post .release a:hover:before, .single-post .release a:hover span:before, .search .breadcrumb-list a:hover:before, .search .breadcrumb-list a:hover span:before, .search .release a:hover:before, .search .release a:hover span:before {
  background: var(--clr-hvr);
}
.post-type-works .breadcrumb-list a:hover svg, .post-type-works .release a:hover svg, .post-type-news .breadcrumb-list a:hover svg, .post-type-news .release a:hover svg, .single-post .breadcrumb-list a:hover svg, .single-post .release a:hover svg, .search .breadcrumb-list a:hover svg, .search .release a:hover svg {
  fill: var(--clr-hvr);
}

.rtn-lnk {
  font-size: var(--fnt-sz-sml);
}
.rtn-lnk a {
  color: var(--clr-blk);
}
.rtn-lnk a:before, .rtn-lnk a span:before {
  background: var(--clr-blk);
}
.rtn-lnk a svg {
  fill: var(--clr-blk);
}
.rtn-lnk a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.rtn-lnk a:hover:before, .rtn-lnk a:hover span:before {
  background: var(--clr-hvr);
}
.rtn-lnk a:hover svg {
  fill: var(--clr-hvr);
}
.rtn-lnk a {
  padding-left: 16px;
  cursor: pointer;
}
.rtn-lnk a::before {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 3px);
  left: 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: var(--clr-blk);
  transform: rotate(226deg);
  background: none;
}
.rtn-lnk a:hover:before {
  background: none;
  border-color: var(--clr-lnk);
}

.single-post .rtn-lnk {
  margin-top: 60px;
  margin-bottom: 30px;
}

.search .rtn-lnk {
  margin-bottom: 60px;
}

.entry-body {
  overflow: hidden;
}
@media (max-width: 1200px) {
  .entry-body {
    padding: 16px;
  }
  .full .entry-body {
    padding: 0;
  }
}
@media (max-width: 1200px) {
  .single .entry-body {
    padding: 0;
  }
}

.full .main-section, .full .full-sec {
  width: 100%;
}

.page-header .hdr-vid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.page-header .hdr-vid::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-40deg, rgba(37, 37, 41, 0.7), rgba(58, 58, 82, 0.2));
}
.page-header .vid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
}

.post-name-about {
  background: var(--clr-bs);
}
.post-name-about .site-body, .post-name-about .breadcrumb, .post-name-about.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-about .veu_autoEyeCatchBox {
  display: none;
}
.post-name-about h2 {
  border: none;
}
.post-name-about #intro h3::before {
  display: none;
}
.post-name-about .intro-text::before {
  content: "";
  position: absolute;
  display: block;
  top: 45%;
  left: 50%;
  width: 350px;
  height: 350px;
  background: url("/wp-content/themes/cstm/img/base/logo_lead_00_01.png") center/contain no-repeat;
  opacity: 0.1;
  transform: translate(-50%, -50%);
}
.post-name-about #s1.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/main_01_00.png");
}
@media (max-width: 430px) {
  .post-name-about #s1.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/main_sp_01_00.png");
  }
}
.post-name-about #s2.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/recr_01.png");
}
@media (max-width: 430px) {
  .post-name-about #s2.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/recr_sp_01.png");
  }
}

.prfl-list {
  width: 100%;
  padding: 40px 50px;
  margin: 0 auto;
  list-style: none;
  background: #fff;
  border-radius: var(--rds);
  box-shadow: -1px 10px 25px -20px rgba(52, 77, 35, 0.7);
}
.prfl-list > li {
  border-bottom: 1px solid #ccc;
}
.prfl-list > li:last-child {
  border-bottom: none;
}
.prfl-list dl {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.prfl-list dt {
  width: 35%;
  padding: 0 10px 0 40px;
  margin-bottom: 8px;
}
.prfl-list dd {
  width: 65%;
  margin-bottom: 8px;
}
.prfl-list .access {
  margin-top: 16px;
}
.prfl-list a {
  text-decoration: none;
}
.prfl-list a[rel*=nofollow] {
  display: inline-block;
  padding-right: 26px;
  width: -moz-fit-content;
  width: fit-content;
}
.prfl-list a[rel*=nofollow]::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-lnk);
}
.prfl-list a[rel*=nofollow]:hover ::before {
  background: var(--clr-hvr);
}
.prfl-list iframe {
  margin-bottom: 0;
}
.prfl-list dd ul {
  list-style-type: initial;
  padding-left: 20px;
}
.prfl-list .history-blk .timeline {
  padding-left: 0;
}
.prfl-list .history-blk .timeline li {
  padding: 0 0 20px 0;
  border: none;
}
.prfl-list .history-blk .timeline li .dtl {
  margin: 0px 0px 0 30px;
}
.prfl-list .history-blk .timeline li .info {
  width: auto;
  flex-grow: 1;
}
.prfl-list .history-blk .timeline li .year {
  display: inline-flex;
  padding: 0;
  width: 100%;
  max-width: 160px;
}
.prfl-list .history-blk .timeline li:last-child .brdr-line {
  height: 80%;
}
.prfl-list .tel-lnk svg {
  margin-bottom: -3px;
  margin-right: 6px;
}
@media (max-width: 1200px) {
  .prfl-list {
    padding: 20px 30px;
  }
}
@media (max-width: 768px) {
  .prfl-list {
    padding: 10px 20px;
  }
  .prfl-list dl {
    flex-flow: column;
  }
  .prfl-list dt, .prfl-list dd {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .prfl-list dd {
    padding-bottom: 8px;
  }
  .prfl-list .timeline .brdr-line {
    left: -12.5px;
  }
}
@media (max-width: 600px) {
  .prfl-list .history-blk .timeline li .dtl {
    margin: 0px 0px 0 16px;
  }
  .prfl-list .history-blk .timeline li .year {
    display: block;
  }
}
@media (max-width: 430px) {
  .prfl-list dt {
    padding-left: 0;
  }
  .prfl-list .access iframe {
    height: 250px;
  }
}

.map-lnk {
  display: block;
  margin-bottom: 20px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fnt-sz-sml);
}
.map-lnk svg.ico-map {
  margin-bottom: -5px;
  margin-right: 6px;
}
.map-lnk span:before {
  display: none !important;
}

.post-name-service {
  background: var(--clr-bs);
}
.post-name-service .site-body, .post-name-service .breadcrumb, .post-name-service.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-service .veu_autoEyeCatchBox {
  display: none;
}
.post-name-service #service {
  padding-bottom: 60px;
}
.post-name-service #service::before {
  display: none;
}
.post-name-service .img-left h2, .post-name-service .img-left h2 span, .post-name-service .img-right h2, .post-name-service .img-right h2 span {
  text-align: left;
  border: none;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  .post-name-service .img-left h2, .post-name-service .img-left h2 span, .post-name-service .img-right h2, .post-name-service .img-right h2 span {
    margin-left: auto;
    margin-right: auto;
  }
}
.post-name-service .s1 {
  overflow: visible;
}
.post-name-service .s1::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: var(--clr-sub3);
  transform: skewY(-5deg);
  opacity: 0.3;
}
@media (max-width: 768px) {
  .post-name-service .s1::before {
    top: 5%;
    height: 90%;
  }
}
.post-name-service .s3 {
  overflow: visible;
}
.post-name-service .s3::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: var(--clr-sub3);
  transform: skewY(5deg);
  opacity: 0.3;
}
@media (max-width: 768px) {
  .post-name-service .s3::before {
    top: 5%;
    height: 90%;
  }
}
.post-name-service .s4 {
  margin-bottom: 80px;
}
.post-name-service #s1.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/main_01_00.png");
}
@media (max-width: 430px) {
  .post-name-service #s1.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/main_sp_01_00.png");
  }
}
.post-name-service #s2.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/recr_01.png");
}
@media (max-width: 430px) {
  .post-name-service #s2.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/recr_sp_01.png");
  }
}

.post-name-recruit {
  background: var(--clr-bs);
}
.post-name-recruit .page-header {
  background: url("/wp-content/themes/cstm/img/recr_01.png") center/cover no-repeat;
}
.post-name-recruit .site-body, .post-name-recruit .breadcrumb, .post-name-recruit.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-recruit .veu_autoEyeCatchBox {
  display: none;
}
.post-name-recruit .site-body h2, .post-name-recruit .site-body h2 span {
  border: none;
}
.post-name-recruit .site-body h3 {
  margin-top: 30px;
}
.post-name-recruit .site-body img {
  margin-bottom: 60px;
}
.post-name-recruit .site-body .prfl-list {
  margin-top: 0;
}

.flow-sec.page {
  background: transparent;
}
.flow-sec.page .flow {
  margin-top: 0;
}

.post-type-works {
  background: var(--clr-bs);
}
.post-type-works .page-header {
  background: url("/wp-content/themes/cstm/img/works_00.png") center/cover no-repeat;
}
.post-type-works .site-body, .post-type-works .breadcrumb, .post-type-works.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-type-works .veu_autoEyeCatchBox {
  display: none;
}
.post-type-works .page-header-title::before {
  content: "Works";
}

.post-name-works .w-tag-list, .post-type-works .w-tag-list, .single-works .w-tag-list, #works .w-tag-list {
  font-size: var(--fnt-sz-min);
  min-height: 111px;
}
.post-name-works .w-tag-list .w-tag, .post-type-works .w-tag-list .w-tag, .single-works .w-tag-list .w-tag, #works .w-tag-list .w-tag {
  color: var(--clr-blk);
}
.post-name-works .w-tag-list .w-tag::after, .post-type-works .w-tag-list .w-tag::after, .single-works .w-tag-list .w-tag::after, #works .w-tag-list .w-tag::after {
  content: "/";
  padding: 0 7px;
}
.post-name-works .w-tag-list .w-tag:last-child::after, .post-type-works .w-tag-list .w-tag:last-child::after, .single-works .w-tag-list .w-tag:last-child::after, #works .w-tag-list .w-tag:last-child::after {
  content: "";
  padding: 0;
}
.post-name-works .i-tag-list, .post-type-works .i-tag-list, .single-works .i-tag-list, #works .i-tag-list {
  font-size: var(--fnt-sz-min);
  margin-bottom: 6px;
  display: flex;
  gap: 10px;
}
.post-name-works .i-tag-list .i-tag, .post-type-works .i-tag-list .i-tag, .single-works .i-tag-list .i-tag, #works .i-tag-list .i-tag {
  color: var(--clr-blk);
  padding-left: 20px;
}
.post-name-works .i-tag-list .i-tag::before, .post-type-works .i-tag-list .i-tag::before, .single-works .i-tag-list .i-tag::before, #works .i-tag-list .i-tag::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%20%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M0%2080v149.5c0%2017%206.7%2033.3%2018.7%2045.3l176%20176c25%2025%2065.5%2025%2090.5%200l133.5-133.5c25-25%2025-65.5%200-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5%2032%200%2053.5%200%2080zm112%2032a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%20%3Cpath%20fill%3D%22%23AAA%22%20d%3D%22M0%2080v149.5c0%2017%206.7%2033.3%2018.7%2045.3l176%20176c25%2025%2065.5%2025%2090.5%200l133.5-133.5c25-25%2025-65.5%200-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7H48C21.5%2032%200%2053.5%200%2080zm112%2032a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  top: 0.5em;
  background: #aaa;
}
.post-name-works .sch-list, .post-type-works .sch-list, .single-works .sch-list, #works .sch-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 26px;
}
.post-name-works .sch-list li a, .post-type-works .sch-list li a, .single-works .sch-list li a, #works .sch-list li a {
  display: inline-block;
  font-size: var(--fnt-sz-min);
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: ease 0.2s;
  background: #fff;
  box-shadow: var(--sdw);
  border-radius: var(--rds-max);
  padding: 8px 10px;
  overflow: hidden;
  box-shadow: var(--sdw);
  border: 1px solid #ccc;
}
.post-name-works .sch-list li a span, .post-type-works .sch-list li a span, .single-works .sch-list li a span, #works .sch-list li a span {
  z-index: 2;
  color: #fff;
  font-weight: normal;
  white-space: nowrap;
}
.post-name-works .sch-list li a:hover, .post-type-works .sch-list li a:hover, .single-works .sch-list li a:hover, #works .sch-list li a:hover {
  box-shadow: none;
  transform: var(--btn-mv);
}
.post-name-works .sch-list li a:hover span, .post-type-works .sch-list li a:hover span, .single-works .sch-list li a:hover span, #works .sch-list li a:hover span {
  color: #fff;
}
.post-name-works .sch-list li a span, .post-type-works .sch-list li a span, .single-works .sch-list li a span, #works .sch-list li a span {
  color: var(--clr-blk);
}
@media (max-width: 430px) {
  .post-name-works .sch-list, .post-type-works .sch-list, .single-works .sch-list, #works .sch-list {
    gap: 5px 10px;
  }
}

.post-name-works .post-dtl .post-exp, .post-type-works .post-dtl .post-exp, #works .post-dtl .post-exp {
  min-height: 220px;
}
.post-name-works .post-dtl .post-exp .ctg, .post-type-works .post-dtl .post-exp .ctg, #works .post-dtl .post-exp .ctg {
  min-width: 220px;
}
.post-name-works .post-dtl:hover .w-tag, .post-type-works .post-dtl:hover .w-tag, #works .post-dtl:hover .w-tag {
  color: var(--clr-blk);
}

.single-works {
  background: var(--clr-bs);
}
.single-works .page-header {
  background: url("/wp-content/themes/cstm/img/works_00.png") center/cover no-repeat;
}
.single-works .site-body, .single-works .breadcrumb, .single-works.scrl #top-hdr {
  background: var(--clr-bs);
}
.single-works .page-header-title::before {
  content: "Works";
}

.single-works .breadcrumb-list, .single-works .release {
  font-size: var(--fnt-sz-min);
}
.single-works .breadcrumb-list a, .single-works .release a {
  color: var(--clr-blk);
}
.single-works .breadcrumb-list a:before, .single-works .breadcrumb-list a span:before, .single-works .release a:before, .single-works .release a span:before {
  background: var(--clr-blk);
}
.single-works .breadcrumb-list a svg, .single-works .release a svg {
  fill: var(--clr-blk);
}
.single-works .breadcrumb-list a:hover, .single-works .release a:hover {
  color: var(--clr-hvr);
  text-decoration: none;
}
.single-works .breadcrumb-list a:hover:before, .single-works .breadcrumb-list a:hover span:before, .single-works .release a:hover:before, .single-works .release a:hover span:before {
  background: var(--clr-hvr);
}
.single-works .breadcrumb-list a:hover svg, .single-works .release a:hover svg {
  fill: var(--clr-hvr);
}
.single-works .release a[rel*=nofollow] {
  display: inline-block;
  padding-right: 26px;
  width: -moz-fit-content;
  width: fit-content;
}
.single-works .release a[rel*=nofollow]::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-lnk);
}
.single-works .release a[rel*=nofollow]:hover ::before {
  background: var(--clr-hvr);
}
.single-works .release a {
  cursor: pointer;
  color: var(--clr-lnk);
}
.single-works .release a::before {
  background: var(--clr-lnk);
}
.single-works .release a[rel=nofollow] {
  display: inline-block;
}
.single-works .post-list-tag li {
  padding: 0 4px;
  margin: 20px 0;
}
.single-works .w-tag-list {
  min-height: auto;
  margin-bottom: 20px;
}
.single-works .main-img {
  margin-bottom: 30px;
}
.single-works .main-img img {
  max-width: 600px;
}
@media (max-width: 600px) {
  .single-works .main-img img {
    max-width: 100%;
  }
}
.single-works .post-about {
  margin-bottom: 30px;
}

.post-type-news {
  background: var(--clr-bs);
}
.post-type-news .page-header {
  background: url("/wp-content/themes/cstm/img/news_00.png") center/cover no-repeat;
}
.post-type-news .site-body, .post-type-news .breadcrumb, .post-type-news.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-type-news .veu_autoEyeCatchBox {
  display: none;
}
.post-type-news .page-header-title::before {
  content: "News";
}

.post-type-news .sch-list {
  margin-bottom: 10px;
}
.post-type-news .sch-dtl {
  margin-bottom: 40px;
}
.post-type-news .cstm-post-list {
  background: #fff;
  padding: 16px;
  border-radius: var(--rds);
}
.post-type-news.single .post-ttl {
  margin-bottom: 20px;
}
.post-type-news.single .info-header {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.post-type-news.single .post-dt::before {
  top: 0;
}

.post-name-voice {
  background: var(--clr-bs);
}
.post-name-voice .site-body, .post-name-voice .breadcrumb, .post-name-voice.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-voice .veu_autoEyeCatchBox {
  display: none;
}
.post-name-voice::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd3);
  position: fixed;
  opacity: 0.7;
}

.post-name-faq {
  background: var(--clr-bs);
}
.post-name-faq .site-body, .post-name-faq .breadcrumb, .post-name-faq.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-faq .veu_autoEyeCatchBox {
  display: none;
}
.post-name-faq::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-grd3);
  position: fixed;
  opacity: 0.7;
}

.faq.page-faq {
  background: none;
  padding-top: 0;
  margin-left: auto;
  margin-right: auto;
}
.faq.page-faq h2 {
  max-width: 100%;
  text-align: left;
  padding: 0 0 6px 0;
  margin: 20px 0;
}
.faq.page-faq h2 span {
  color: var(--clr-blk);
  font-size: 1.3rem;
  border: none;
}
.faq.page-faq .wp-block-ub-content-toggle, .faq.page-faq .ark-block-accordion, .faq.page-faq .cstm-faq {
  padding: 0;
  margin-bottom: 60px;
}
.faq.page-faq::before, .faq.page-faq::after {
  display: none;
}
@media (max-width: 991px) {
  .faq.page-faq {
    padding-bottom: 0;
  }
}

.post-name-contact {
  background: var(--clr-bs);
}
.post-name-contact .site-body, .post-name-contact .breadcrumb, .post-name-contact.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-contact .veu_autoEyeCatchBox {
  display: none;
}
.post-name-contact.not-home {
  animation: fd 1.3s forwards 1.3s;
}
.post-name-contact.not-home .hdr-nav, .post-name-contact .main-ftr .nav-dtl, .post-name-contact .ftr-btm ul, .post-name-contact #top-hdr img.logo {
  display: none;
}
.post-name-contact .page-header {
  min-height: 4rem;
  padding-bottom: 10px;
}
.post-name-contact .page-header-title::before {
  padding-bottom: 0;
  margin-bottom: -6px;
}
.post-name-contact .main-section {
  width: 100%;
}
@media (max-width: 500px) {
  .post-name-contact .page-header-title::before {
    font-size: 1.5rem;
    margin: 16px auto -8px auto;
  }
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=date], .wpcf7-form select, .wpcf7-form textarea {
  width: 100%;
  padding: 0.6em 0.8em;
  margin: 10px 0 1.1rem 0;
}
.wpcf7-form .wpcf7-checkbox, .wpcf7-form .res-type-blk {
  margin: 10px 0 1.1rem 0;
}
.wpcf7-form .wpcf7-list-item {
  position: relative;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item, .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0 20px 0 0;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox], .wpcf7-form .wpcf7-acceptance input[type=checkbox] {
  position: absolute;
  display: block;
  background: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0;
  margin: 0;
  border: none !important;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]::before, .wpcf7-form .wpcf7-acceptance input[type=checkbox]::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  transform: translateY(-50%);
  border-radius: var(--rds-min);
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]::after, .wpcf7-form .wpcf7-acceptance input[type=checkbox]::after {
  content: "";
  position: absolute;
  display: block;
  top: calc(50% - 4px);
  left: 5px;
  width: 11px;
  height: 6px;
  background: none;
  border-bottom: 3px solid;
  border-left: 3px solid;
  border-color: var(--clr);
  transform: rotate(-45deg);
  opacity: 0;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked::after, .wpcf7-form .wpcf7-acceptance input[type=checkbox]:checked::after {
  opacity: 1;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label, .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
  padding-left: 28px;
}
.wpcf7-form .wpcf7-acceptance input[type=checkbox] {
  width: auto;
  height: -moz-fit-content;
  height: fit-content;
  top: 12px;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  width: 100%;
  margin: 0;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
  display: block;
  padding-left: 0;
}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::before, .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::after {
  display: none;
}
.wpcf7-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.wpcf7-form .select-blk.single .wpcf7-form-control-wrap::after {
  content: "";
  position: absolute;
  display: block;
  top: 6px;
  right: 16px;
  width: 8px;
  height: 8px;
  background: none;
  border-top: 2px solid var(--clr);
  border-left: 2px solid var(--clr);
  pointer-events: none;
  transform: translateY(-50%) rotate(-135deg);
}
.wpcf7-form input[type=submit] {
  display: block;
  width: 200px;
  padding: 16px 0;
  margin: 60px auto 0 auto;
  color: #fff;
  transition: ease 0.4s;
  box-shadow: var(--sdw);
}
.wpcf7-form input[type=submit]:hover:not(:disabled) {
  box-shadow: none;
  transform: var(--btn-mv);
}
.wpcf7-form input[type=submit]:disabled {
  background: #8f8f8f !important;
  transform: none;
  box-shadow: none;
}
.wpcf7-form .confirm {
  display: block;
  font-size: 0.9rem;
  cursor: pointer;
  padding-left: 30px;
}
.wpcf7-form .confirm a {
  font-weight: bold;
}
.wpcf7-form .req {
  position: absolute;
  right: 0;
  background: var(--clr);
  color: #fff;
  font-size: 0.8rem;
  padding: 0 7px 0 6px;
  margin-right: 16px;
  border-radius: var(--rds);
}
.wpcf7-form .any {
  display: none;
}
.wpcf7-form p {
  margin: 0;
}
.wpcf7-form .name {
  padding-bottom: 0;
}
.wpcf7-form .name-dtl-blk {
  margin-bottom: 8px;
}
.wpcf7-form .name-dtl-blk label .sub {
  width: 60px;
}
.wpcf7-form .half-blk {
  width: 50%;
}
@media (max-width: 430px) {
  .wpcf7-form .half-blk {
    width: 100%;
  }
}
.wpcf7-form div[data-id=reserve] {
  margin-top: 16px;
}
.wpcf7-form .type-note {
  margin-top: 16px;
  font-size: 14px;
}
.wpcf7-form .type-note th, .wpcf7-form .type-note td, .wpcf7-form .type-note tr:last-child > td {
  border: none;
}
.wpcf7-form .type-note th {
  width: 126px;
  padding-right: 0;
}
.wpcf7-form .sex-note {
  margin-left: 16px;
  font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
  background: #fff;
  color: var(--clr-blk);
  font-weight: 700;
  text-align: center;
  border: solid 1px var(--clr);
  padding: 20px 10px;
  margin-top: 100px;
}

.wp-block-contact-form-7-contact-form-selector, .wpcf7-form, .form-blk {
  max-width: 768px;
  margin: auto;
}

.page p.form-blk {
  text-align: center;
  margin: 10px auto 30px auto;
}

.form-blk.recap {
  margin-top: 30px;
  font-size: var(--fnt-sz-min);
}
.form-blk.recap a[rel*=nofollow] {
  display: inline-block;
  padding-right: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.form-blk.recap a[rel*=nofollow]::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 1px;
  width: 1em;
  height: 100%;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22width%3A32px%3Bheight%3A32px%22%20viewBox%3D%220%200%20512%20512%22%3E%20%3Cpath%20d%3D%22M96%200v416h416V0H96zm376%20376H136V40h336v336z%22%2F%3E%20%3Cpath%20d%3D%22M40%20472V96H0v416h416v-40h-40z%22%2F%3E%20%3Cpath%20d%3D%22m232.812%20312.829%20117.859-117.86v84.797h40V126.688H237.594v40h84.796L204.531%20284.547z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--clr-lnk);
}
.form-blk.recap a[rel*=nofollow]:hover ::before {
  background: var(--clr-hvr);
}

@media (max-width: 430px) {
  .wpcf7-form .name-blk label .sub {
    line-height: 20px;
  }
  .form-blk.recap {
    font-size: 0.7rem;
  }
}
.type-blk .wpcf7-form-control-wrap .wpcf7-form-control {
  display: grid;
}

.form-info.recap {
  font-size: 0.8em;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  .form-info.recap {
    text-align: center;
  }
}

.form-l {
  max-width: 440px !important;
}
.form-l p.form-blk {
  margin-top: 0;
  text-align: left;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .form-l p.form-blk {
    text-align: center;
  }
}
.form-l .cntct-worry {
  background: #fff;
  border-radius: 30px;
  padding: 16px;
  margin-bottom: 30px;
}
.form-l .cntct-worry .ttl {
  font-weight: bold;
}
.form-l .cntct-worry ul {
  list-style: disc;
  padding-left: 16px;
  font-size: var(--fnt-sz-sml);
}
.form-l .cntct-img {
  height: 200px;
  overflow: hidden;
  margin-bottom: 30px;
}
.form-l .cntct-tel {
  margin-bottom: 30px;
}
.form-l .cntct-tel .cat {
  font-size: 16px;
  line-height: 1;
}
.form-l .cntct-tel .num {
  font-weight: bold;
  font-size: 1.6rem;
}
.form-l .cntct-tel .num svg {
  margin-right: 6px;
  margin-bottom: -2px;
}
.form-l .cntct-tel .time {
  font-size: 16px;
  margin-top: -10px;
}
@media (max-width: 1200px) {
  .form-l {
    margin: 0 auto;
  }
  .form-l p.form-blk {
    margin-bottom: 0 !important;
  }
  .form-l .not-tb {
    display: none;
  }
}

.form-r {
  max-width: 700px !important;
  flex-grow: 1;
}
.form-r p {
  margin-block-end: 0 !important;
}
.form-r .input {
  margin-bottom: 8px;
}
.form-r .cntct-step {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 20px;
  max-width: 768px;
}
.form-r .cntct-step .step-list {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  padding-left: 1.5em;
  margin: 0;
}
.form-r .cntct-step .step-list li {
  width: 32px;
  height: 32px;
  font-size: 14px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: #e2e2e2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.form-r .cntct-step .step-list li.crnt {
  background: var(--clr);
  color: #fff;
}
.form-r .step {
  display: none;
}
.form-r .step.crnt {
  display: block;
}
.form-r .step.step1, .form-r .step.step2, .form-r .step.step3 {
  margin-bottom: 30px;
}
.form-r textarea {
  height: 115px;
}
.form-r .wpcf7-form input.err {
  border-color: #c00000 !important;
}
.form-r .wpcf7-not-valid-tip, .form-r .input .msg, .form-r div .msg {
  font-size: var(--fnt-sz-sml);
  color: #c00000;
  margin-top: -16px;
}
.form-r .submit-out {
  display: none;
}
.form-r .wpcf7-not-valid-tip, .form-r span.wpcf7-spinner {
  display: none;
}
.form-r .btn-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0 0 40px 0;
}
.form-r .btn {
  display: none;
  padding: 12px;
  width: 100%;
  text-align: center;
  border: none;
  border-radius: var(--rds-max);
  transition: ease 0.4s;
  box-shadow: var(--sdw);
}
.form-r .btn p {
  z-index: 1;
}
.form-r .btn:not(.disabled):hover {
  box-shadow: none;
  transform: var(--btn-mv);
  cursor: pointer;
}
.form-r .btn.disabled {
  cursor: not-allowed;
  background: #8f8f8f !important;
  transform: none;
  box-shadow: none;
}
.form-r .btn.dsp {
  display: block;
}
.form-r .next-btn, .form-r .submit-btn {
  background: var(--clr);
  color: #fff;
}
.form-r .next-btn:hover, .form-r .submit-btn:hover {
  background: var(--clr-grd);
}
.form-r .prev-btn {
  background: #fff;
}
.form-r .prev-btn:hover {
  background: #fdfdfd;
}
.form-r .wpcf7-spinner {
  position: absolute;
  top: -28px;
}
.form-r input[type=submit] {
  width: 100%;
}
.form-r .wpcf7 form.sent .wpcf7-response-output {
  display: none;
}

.form-split {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 60px;
}
@media (max-width: 1200px) {
  .form-split {
    justify-content: center;
    gap: 30px;
    flex-flow: column;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}

.post-name-contact-thanks {
  background: var(--clr-bs);
}
.post-name-contact-thanks .site-body, .post-name-contact-thanks .breadcrumb, .post-name-contact-thanks.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-contact-thanks .veu_autoEyeCatchBox {
  display: none;
}
.post-name-contact-thanks h2 {
  border-bottom: none;
}
.post-name-contact-thanks .main-section {
  margin: 0 auto;
}

.post-name-privacy {
  background: #fff;
  counter-reset: cnt 0;
}
.post-name-privacy .site-body, .post-name-privacy .breadcrumb, .post-name-privacy.scrl #top-hdr {
  background: #fff;
}
.post-name-privacy .veu_autoEyeCatchBox {
  display: none;
}
.post-name-privacy .entry-body h2 {
  margin-left: 0;
  text-align: left;
}
.post-name-privacy .entry-body h2::before {
  counter-increment: cnt 1;
  content: "第" counter(cnt) "条 ";
}
.post-name-privacy .entry-body ul {
  list-style: disc;
  padding-left: 1em;
  margin-left: 0.3em;
}
.post-name-privacy ol ol {
  counter-reset: cnt2 0;
  list-style: none;
}
.post-name-privacy ol ol > li {
  padding-left: 1.5em;
}
.post-name-privacy ol ol > li::before {
  position: absolute;
  left: 0;
  counter-increment: cnt2 1;
  content: "(" counter(cnt2) ") ";
}
.post-name-privacy ol ol ol {
  padding-left: 20px;
}
.post-name-privacy ol ol ol > li::before {
  content: counter(cnt2);
  border: 1px solid var(--clr-blk);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.1em;
  margin-top: 0.4em;
}
@media (max-width: 430px) {
  .post-name-privacy h2 {
    font-size: 1.1rem;
  }
}

#test-l.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/main_01_00.png");
}
@media (max-width: 430px) {
  #test-l.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/main_sp_01_00.png");
  }
}

#test-r.act .bg-img::before {
  background-image: url("/wp-content/themes/cstm/img/top/recr_01.png");
}
@media (max-width: 430px) {
  #test-r.act .bg-img::before {
    background-image: url("/wp-content/themes/cstm/img/top/recr_sp_01.png");
  }
}

.post-name-test {
  background: var(--clr-bs);
}
.post-name-test .page-header {
  background: url("/wp-content/themes/cstm/img/flow_00.png") center/cover no-repeat;
}
.post-name-test .site-body, .post-name-test .breadcrumb, .post-name-test.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-test .veu_autoEyeCatchBox {
  display: none;
}
.post-name-test .page-header-title::before {
  content: "TEST";
}

.post-name-b-test {
  background: var(--clr-bs);
}
.post-name-b-test .page-header {
  background: url("/wp-content/themes/cstm/img/flow_00.png") center/cover no-repeat;
}
.post-name-b-test .site-body, .post-name-b-test .breadcrumb, .post-name-b-test.scrl #top-hdr {
  background: var(--clr-bs);
}
.post-name-b-test .veu_autoEyeCatchBox {
  display: none;
}
.post-name-b-test .page-header-title::before {
  content: "TEST";
}

.upAnm {
  font-size: 3rem;
  font-weight: bold;
}/*# sourceMappingURL=style.css.map */