@charset "UTF-8";
/*! Copyright (c) 2025 Hayato Nakagawa */
/* stylelint-disable-next-line */
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
.-fadeIn,
.-fadeIn__up,
.-fadeIn__up-TB,
.-fadeIn__down,
.-fadeIn__left,
.-fadeIn__leftSP,
.-fadeIn__leftTB,
.-fadeIn__right,
.-fadeIn__rightSP,
.-fadeIn__rightTB {
  opacity: 0;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.4s;
}
.-fadeIn.-inview,
.-fadeIn__up.-inview,
.-fadeIn__up-TB.-inview,
.-fadeIn__down.-inview,
.-fadeIn__left.-inview,
.-fadeIn__leftSP.-inview,
.-fadeIn__leftTB.-inview,
.-fadeIn__right.-inview,
.-fadeIn__rightSP.-inview,
.-fadeIn__rightTB.-inview {
  opacity: 1;
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.4s;
}

.-fadeIn__up {
  transform: translate(0, 50px);
}
.-fadeIn__up.-inview {
  transform: translate(0, 0);
}

.-fadeIn__down {
  transform: translate(0, -50px);
}
.-fadeIn__down.-inview {
  transform: translate(0, 0);
}

.-fadeIn__left {
  transform: translate(-50px, 0);
}
.-fadeIn__left.-inview {
  transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
  .-fadeIn__leftSP {
    transform: translate(-50px, 0);
  }
}
@media screen and (max-width: 768px) {
  .-fadeIn__leftSP.-inview {
    transform: translate(0, 0);
  }
}

@media print, (min-width: 769px) {
  .-fadeIn__leftTB {
    transform: translate(-50px, 0);
  }
}
@media print, (min-width: 769px) {
  .-fadeIn__leftTB.-inview {
    transform: translate(0, 0);
  }
}

.-fadeIn__right {
  transform: translate(50px, 0);
}
.-fadeIn__right.-inview {
  transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
  .-fadeIn__rightSP {
    transform: translate(50px, 0);
  }
}
@media screen and (max-width: 768px) {
  .-fadeIn__rightSP.-inview {
    transform: translate(0, 0);
  }
}

@media print, (min-width: 769px) {
  .-fadeIn__rightTB {
    transform: translate(50px, 0);
  }
}
@media print, (min-width: 769px) {
  .-fadeIn__rightTB.-inview {
    transform: translate(0, 0);
  }
}

@media print, (min-width: 769px) {
  .-fadeIn__up-TB {
    transform: translate(0, 50px);
  }
}
@media print, (min-width: 769px) {
  .-fadeIn__up-TB.-inview {
    transform: translate(0, 0);
  }
}

.-fadeIn__zoom {
  opacity: 0;
}
.-fadeIn__zoom.-inview {
  animation: zoom 0.8s ease-in-out forwards;
  opacity: 1;
}

.-delay__03s {
  transition-delay: 0.3s !important;
}

.-delay__05s {
  transition-delay: 0.5s !important;
}

.-delay__07s {
  transition-delay: 0.7s !important;
}

.-delay__10s {
  transition-delay: 1s !important;
}

.-delay__15s {
  transition-delay: 1.5s !important;
}

.MainVisual.js-inview .MainVisual__logo,
.MainVisual.js-inview .MainVisual__text {
  opacity: 0;
  transform: translate(0, 50px);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.4s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.4s;
}
.MainVisual.js-inview .MainVisual__text {
  transition-delay: 0.5s;
}
.MainVisual.js-inview.-inview.-imageloaded .MainVisual__logo,
.MainVisual.js-inview.-inview.-imageloaded .MainVisual__text {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  35% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  35.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  70%, 100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@keyframes modalfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes infinityScrollLeft {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-100%, 0);
  }
}
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  color-scheme: dark light;
  interpolate-size: allow-keywords;
  line-height: 1.5;
  scrollbar-gutter: stable;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

.js-has-pseudo :where([csstools-has-2w-38-31-30-1m-2w-2p-37-14-2s-2x-2p-30-33-2v-1m-31-33-2s-2p-30-2j-33-34-2t-32-2l-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist)) {
  overflow: clip;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: inherit;
}

:where(button) {
  all: unset;
  box-sizing: border-box;
}

:where(input, button, textarea, select) {
  color: inherit;
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

.js-has-pseudo :where(:disabled,[csstools-has-w-30-2p-2q-2t-30-1m-2w-2p-37-14-1q-w-1m-2s-2x-37-2p-2q-30-2t-2s-18-w-17-w-2s-2x-37-2p-2q-30-2t-2s-15]:not(does-not-exist)) {
  cursor: not-allowed;
}

:where(:disabled, label:has(> :disabled, + disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

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

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

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

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  block-size: 0;
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  overflow: visible;
}

:where(dialog, [popover]) {
  background: none;
  border: none;
  color: inherit;
  inset: unset;
  max-height: unset;
  max-width: unset;
  overflow: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  border: 0 !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.-align-center {
  text-align: center !important;
}

@media print, (min-width: 769px) {
  .-align-centerTB {
    text-align: center !important;
  }
}

.-align-left {
  text-align: left !important;
}

.-align-right {
  text-align: right !important;
}

.-color-blue {
  color: #009ee0 !important;
}

@media screen and (max-width: 768px) {
  .-hide-SP {
    display: none !important;
  }
}

@media print, (min-width: 769px) {
  .-hide-TB {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .-hide-PC {
    display: none !important;
  }
}

.-text-uppercase {
  text-transform: uppercase !important;
}

.-weight-exLight {
  font-weight: 200 !important;
}

.-weight-light {
  font-weight: 300 !important;
}

.-weight-regular {
  font-weight: 400 !important;
}

.-weight-medium {
  font-weight: 500 !important;
}

.-weight-semiBold {
  font-weight: 600 !important;
}

.-weight-bold {
  font-weight: 700 !important;
}

.-weight-black {
  font-weight: 900 !important;
}

.no-transition {
  transition: none !important;
}

:root {
  --clientWidth: var(--jsClientWidth, 100vw);
  --clientHeight: var(--jsClientHeight, 100vh);
  --headerHeight: var(--jsHeaderHeight, 0px);
  box-sizing: border-box;
}

body {
  background: #fff;
  color: #263134;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  body {
    font-size: min(1.1111111111vw, 16px);
  }
}

.IncludeSvg {
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.Background {
  inset: 0;
  position: fixed;
  z-index: -10;
}

.Header {
  position: fixed;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .Header {
    height: 16vw;
    inset: 5.3333333333vw 2.6666666667vw auto;
  }
}
@media print, (min-width: 769px) {
  .Header {
    height: min(6.25vw, 90px);
    inset: min(2.0833333333vw, 30px) min(4.1666666667vw, 60px) auto;
  }
}
@media print {
  .Header {
    position: absolute;
  }
}
@media print, (min-width: 769px) {
  .Header::before {
    -webkit-backdrop-filter: blur(min(0.6944444444vw, 10px));
            backdrop-filter: blur(min(0.6944444444vw, 10px));
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    content: "";
    display: block;
    inset: 0;
    opacity: 0;
    position: fixed;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    visibility: hidden;
    z-index: -1;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-20-2t-2p-2s-2t-36-1m-2w-2p-37-14-1a-26-2p-3a-2x-2v-2p-38-2x-33-32-2n-2n-2x-38-2t-31-19-2w-2p-37-1v-2w-2x-30-2s-1m-2w-33-3a-2t-36-15]:not(.does-not-exist):not(.does-not-exist)::before {
    opacity: 1;
    visibility: visible;
  }
  .Header:has(.Navigation__item-hasChild:hover)::before {
    opacity: 1;
    visibility: visible;
  }
}

.Header__inner {
  align-items: center;
  background-color: #fff;
  border-radius: 100vw;
  display: flex;
  height: inherit;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .Header__inner {
    box-shadow: 2.6666666667vw 2.6666666667vw 8vw rgba(3, 155, 229, 0.1);
    padding-inline: 6.1333333333vw 1.8666666667vw;
  }
}
@media print, (min-width: 769px) {
  .Header__inner {
    box-shadow: min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) min(6.25vw, 90px) rgba(3, 155, 229, 0.1);
    height: inherit;
    padding-inline: min(2.7777777778vw, 40px) min(1.3888888889vw, 20px);
  }
}

.HeaderLogo {
  display: contents;
  position: relative;
}

.HeaderLogo__link {
  color: #040000;
  display: block;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .HeaderLogo__link:hover {
    color: #50c2f7;
  }
}

.HeaderLogo__image {
  display: block;
  width: auto;
}
@media screen and (max-width: 768px) {
  .HeaderLogo__image {
    height: 6.9333333333vw;
  }
}
@media print, (min-width: 769px) {
  .HeaderLogo__image {
    height: min(2.7777777778vw, 40px);
  }
}

.Header__button {
  background-color: #009ee0;
  border-radius: 50%;
  height: 11.7333333333vw;
  position: relative;
  width: 11.7333333333vw;
}
@media print, (min-width: 769px) {
  .Header__button {
    display: none;
  }
}
.Header__button span,
.Header__button span::before,
.Header__button span::after {
  backface-visibility: hidden;
  background-color: #fff;
  border-radius: 100vw;
  content: "";
  display: block;
  height: 2px;
  inset-inline: 0;
  margin-inline: auto;
  position: absolute;
  transition: top 0.2s 0.2s ease-out, transform 0.2s ease-out;
  width: 5.3333333333vw;
}
.Header__button span {
  inset-block-start: calc(50% - 1px);
  transition: background-color 0.2s ease-out;
}
.is-open .Header__button span {
  background-color: transparent;
}
.is-open .Header__button span::before, .is-open .Header__button span::after {
  inset-block-start: 50%;
}
.Header__button span::before {
  inset-block-start: calc(40% - 2.1333333333vw);
}
.is-open .Header__button span::before {
  transform: rotate3d(0, 0, 1, 45deg);
  transition: inset-block-start 0.2s ease-out, transform 0.2s 0.2s ease-out;
}
.Header__button span::after {
  inset-block-start: calc(40% + 1.6vw);
}
.is-open .Header__button span::after {
  transform: rotate3d(0, 0, 1, -45deg);
  transition: inset-block-start 0.2s ease-out, transform 0.2s 0.2s ease-out;
}
.Header__button i {
  display: none;
}

@media screen and (max-width: 768px) {
  .Navigation {
    -webkit-backdrop-filter: blur(2.6666666667vw);
            backdrop-filter: blur(2.6666666667vw);
    background-color: rgba(38, 49, 52, 0.95);
    clip-path: circle(1px at right top);
    color: #fff;
    inset: 0;
    overflow-y: auto;
    padding: 42.6666666667vw 8vw 13.3333333333vw;
    position: fixed;
    transition: clip-path 0.3s ease-out;
    z-index: 90;
  }
}
@media print, (min-width: 769px) {
  .Navigation {
    inset: 0 min(1.3888888889vw, 20px) 0 auto;
    position: absolute;
    z-index: 110;
  }
}
.is-open .Navigation {
  clip-path: circle(150vmax at right top);
}

.Navigation__list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .Navigation__list {
    flex-direction: column;
  }
}
@media print, (min-width: 769px) {
  .Navigation__list {
    flex-direction: row;
  }
}

@media screen and (max-width: 768px) {
  .Navigation__list-parent {
    font-size: 5.8666666667vw;
    font-weight: 700;
  }
}
@media print, (min-width: 769px) {
  .Navigation__list-parent {
    font-size: min(1.1111111111vw, 16px);
    font-weight: 900;
    gap: min(3.125vw, 45px);
    height: 100%;
    position: relative;
  }
}

.Navigation__list-child {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .Navigation__list-child {
    font-size: 4.2666666667vw;
    gap: 6.6666666667vw;
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  .Navigation__list-child {
    flex-direction: column;
    font-size: min(1.1111111111vw, 16px);
    min-width: min(13.8888888889vw, 200px);
  }
}

.Navigation__list-children {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .Navigation__list-children {
    font-size: 4.2666666667vw;
    gap: 6.6666666667vw;
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  .Navigation__list-children {
    flex-direction: column;
    font-size: min(1.1111111111vw, 16px);
  }
}

.Navigation__item {
  text-box: trim-both cap alphabetic;
}

@media print, (min-width: 769px) {
  .Navigation__item-parent {
    align-items: center;
    display: flex;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .Navigation__item-parent {
    display: flex;
    border-bottom: min(0.1388888889vw, 2px) solid #c7d4d8;
    padding-block: 8vw;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .Navigation__item-child {
    align-items: center;
    display: grid;
    gap: 1.3333333333vw;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 768px) {
  .Navigation__item-child::before {
    background-color: #fff;
    border-radius: 100vw;
    content: "";
    display: block;
    height: 1px;
    width: 3.4666666667vw;
  }
}
@media print, (min-width: 769px) {
  .Navigation__item-child + .Navigation__item-child {
    border-block-start: 1px solid #c7d4d8;
    margin-block-start: min(1.3888888889vw, 20px);
    padding-block-start: min(1.3888888889vw, 20px);
  }
}

@media print, (min-width: 769px) {
  .Navigation__item-top {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .Navigation__item-top {
    border-top: min(0.1388888889vw, 2px) solid #c7d4d8;
  }
}

@media print, (min-width: 769px) {
  .Navigation__item-contact {
    padding-block: min(0.6944444444vw, 10px);
  }
}

@media print, (min-width: 769px) {
  .Navigation__item-hasChild {
    position: relative;
  }
  .Navigation__item-hasChild::before {
    content: "";
    display: block;
    inset: 0 max(-2.0833333333vw, -30px);
    position: absolute;
  }
}

@media print, (min-width: 769px) {
  .Navigation__inner {
    filter: drop-shadow(min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) min(6.25vw, 90px) rgba(3, 155, 229, 0.1));
    inset: 100% auto auto 50%;
    opacity: 0;
    overflow: hidden;
    padding-block-start: min(1.7361111111vw, 25px);
    position: absolute;
    transform: translateX(-50%) translateY(max(-0.6944444444vw, -10px));
    transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out;
    visibility: hidden;
    z-index: 90;
  }
}
@media print, (min-width: 769px) {
  .Navigation__item-hasChild:hover .Navigation__inner {
    opacity: 1;
    transform: translateX(-50%);
    visibility: visible;
  }
}

@media print, (min-width: 769px) {
  .Navigation__body {
    background-color: #fff;
    border-radius: min(2.7777777778vw, 40px);
    padding: min(2.0833333333vw, 30px);
  }
}
@media print, (min-width: 769px) {
  .Navigation__body::before {
    background-color: #fff;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    content: "";
    display: block;
    height: min(1.0416666667vw, 15px);
    inset: min(0.7638888889vw, 11px) 0 auto;
    margin-inline: auto;
    position: absolute;
    width: min(2.0833333333vw, 30px);
  }
}

.Navigation__link {
  text-box: trim-both cap alphabetic;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .Navigation__link:hover {
    color: #50c2f7;
  }
}
@media print, (min-width: 769px) {
  .Navigation__link {
    align-items: center;
    display: flex;
    gap: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .Navigation__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
@media print, (min-width: 769px) {
  .Navigation__link .ModuleIcon {
    color: #009ee0;
  }
}
.Navigation__link.is-current:not([href="/"]) {
  color: #009ee0;
}
.Navigation__item-hasChild .Navigation__link {
  position: relative;
}

.Navigation__link-parent {
  text-box: trim-both cap alphabetic;
  text-decoration: none;
}
@media print, (min-width: 769px) {
  .Navigation__link-parent {
    align-items: center;
    display: flex;
    gap: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .Navigation__link-parent {
    display: block;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
@media print, (min-width: 769px) {
  .Navigation__link-parent .ModuleIcon {
    color: #009ee0;
  }
}
.Navigation__link-parent.is-current:not([href="/"]) {
  color: #009ee0;
}
.Navigation__item-hasChild .Navigation__link-parent {
  position: relative;
}

@media print, (min-width: 769px) {
  .Navigation__link-contact {
    align-items: center;
    background-color: #009ee0;
    border-radius: 100vw;
    color: #fff;
    display: flex;
    height: min(4.1666666667vw, 60px);
    padding-inline: min(2.5347222222vw, 36.5px);
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
  }
}
@media print, (min-width: 769px) {
  .Navigation__link-contact .ModuleIcon {
    color: #fff;
  }
}
@media print and (hover: hover) and (pointer: fine), (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .Navigation__link-contact:hover {
    background-color: #50c2f7;
    color: #fff;
  }
}

.Navigation__footer {
  text-box: trim-both cap alphabetic;
  text-decoration: none;
}
@media print, (min-width: 769px) {
  .Navigation__footer {
    align-items: center;
    display: flex;
    gap: min(0.5555555556vw, 8px);
  }
}

@media screen and (max-width: 768px) {
  .Navigation__text {
    align-items: center;
  }
}

.Navigation__header__top {
  margin-top: 24vw;
}

.Navigation__header {
  border: min(0.1388888889vw, 2px) solid #c7d4d8;
  display: block;
  padding-block: 2.6666666667vw;
}

.Navigation__header__item {
  text-decoration: none;
  display: flex;
  justify-content: center;
  font-size: 5.8666666667vw;
  align-items: center;
  gap: min(3.4722222222vw, 50px);
}

.Navigation__header__image {
  height: 5.3333333333vw;
  filter: brightness(0) invert(1);
}

@media screen and (max-width: 768px) {
  .Main {
    padding-block-start: 20.8vw;
  }
}
@media print, (min-width: 769px) {
  .Main {
    padding-block-start: min(8.3333333333vw, 120px);
  }
}

.MainVisual {
  align-items: center;
  display: grid;
}
@media screen and (max-width: 768px) {
  .MainVisual {
    grid-template-columns: 1fr;
    grid-template-rows: 157.3333333333vw;
    place-content: start start;
  }
}
@media print, (min-width: 769px) {
  .MainVisual {
    gap: min(5.5555555556vw, 80px);
    grid-template-rows: min(53.4722222222vw, 770px);
    margin-inline: auto;
    place-content: center start;
    width: min(83.3333333333vw, 1200px);
  }
}

@media screen and (max-width: 768px) {
  .MainVisual-lower {
    grid-template-rows: 60vw;
    place-content: center start;
  }
}
@media print, (min-width: 769px) {
  .MainVisual-lower {
    grid-template-rows: min(22.9166666667vw, 330px);
    place-content: center stretch;
    width: min(75vw, 1080px);
  }
}
.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-19-30-33-3b-2t-36-15-1m-2w-2p-37-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-2a-2t-2r-36-39-2x-38-15] {
  gap: 0;
}
:where(.MainVisual-lower):has(.MainVisualRecruit) {
  gap: 0;
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-19-30-33-3b-2t-36-15-1m-2w-2p-37-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-2a-2t-2r-36-39-2x-38-15] {
    grid-template-rows: 60vw 1fr;
    padding-block-end: 26.6666666667vw;
  }
  :where(.MainVisual-lower):has(.MainVisualRecruit) {
    grid-template-rows: 60vw 1fr;
    padding-block-end: 26.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-19-30-33-3b-2t-36-15-1m-2w-2p-37-14-1a-25-2p-2x-32-2e-2x-37-39-2p-30-2a-2t-2r-36-39-2x-38-15] {
    grid-template-rows: min(22.9166666667vw, 330px) 1fr;
    padding-block-end: min(6.9444444444vw, 100px);
    width: min(91.6666666667vw, 1320px);
  }
  :where(.MainVisual-lower):has(.MainVisualRecruit) {
    grid-template-rows: min(22.9166666667vw, 330px) 1fr;
    padding-block-end: min(6.9444444444vw, 100px);
    width: min(91.6666666667vw, 1320px);
  }
}

.MainVisual__inner {
  display: grid;
}
@media screen and (max-width: 768px) {
  .MainVisual__inner {
    align-content: start;
    gap: 21.3333333333vw;
    padding-inline: 8vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__inner {
    gap: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .MainVisual-lower .MainVisual__inner {
    gap: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual-lower .MainVisual__inner {
    align-items: center;
    display: grid;
    gap: min(5.5555555556vw, 80px);
    grid-template-columns: 1fr auto;
    width: 100%;
  }
}

.MainVisual__head {
  display: grid;
}
@media screen and (max-width: 768px) {
  .MainVisual__head {
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__head {
    gap: min(2.0833333333vw, 30px);
  }
}

.MainVisual__title {
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .MainVisual__title {
    font-size: 8.5333333333vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__title {
    font-size: min(4.4444444444vw, 64px);
  }
}
.MainVisual-lower .MainVisual__title {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .MainVisual-lower .MainVisual__title {
    font-size: 8vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual-lower .MainVisual__title {
    font-size: min(3.3333333333vw, 48px);
  }
}
.MainVisual__title [lang=en] {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .MainVisual__title [lang=en] {
    font-size: 9.0666666667vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__title [lang=en] {
    font-size: min(5vw, 72px);
  }
}

.MainVisual__lead {
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  font-weight: 900;
  line-height: 1.45;
}
@media screen and (max-width: 768px) {
  .MainVisual__lead {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__lead {
    font-size: min(1.6666666667vw, 24px);
  }
}
.MainVisual__lead [lang=en] {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .MainVisual__lead [lang=en] {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisual__lead [lang=en] {
    font-size: min(1.8055555556vw, 26px);
  }
}

.Main .ModuleButton {
  align-self: end;
}

.MainVisualRecruit {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .MainVisualRecruit {
    gap: 26.6666666667vw;
    margin-top: 21.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisualRecruit {
    gap: min(20.1388888889vw, 290px);
    margin-top: min(6.9444444444vw, 100px);
    margin-bottom: min(13.8888888889vw, 200px);
  }
}

@media screen and (max-width: 768px) {
  .MainVisualRecruit__block {
    margin-top: min(27.7777777778vw, 400px);
  }
}
@media print, (min-width: 769px) {
  .MainVisualRecruit__block {
    margin-top: min(17.3611111111vw, 250px);
  }
}

.MainVisualRecruit__logo {
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .MainVisualRecruit__logo {
    margin-block-end: 21.3333333333vw;
    width: 64vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisualRecruit__logo {
    margin-block-end: min(4.1666666667vw, 60px);
    width: min(31.25vw, 450px);
  }
}

.MainVisualRecruit__lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .MainVisualRecruit__lead {
    font-size: 5.8666666667vw;
    margin-block-end: 8vw;
  }
}
@media print, (min-width: 769px) {
  .MainVisualRecruit__lead {
    font-size: min(2.7777777778vw, 40px);
    margin-block-end: min(2.4305555556vw, 35px);
  }
}

.MainVisualRecruit__text {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .MainVisualRecruit__text {
    padding-inline: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .Main__inner {
    background: linear-gradient(to bottom, transparent 0%, transparent 26.6666666667vw, #e8f3fa 26.6666666667vw, #e8f3fa 100%);
  }
}
@media print, (min-width: 769px) {
  .Main__inner {
    background: linear-gradient(to bottom, transparent 0%, transparent min(6.9444444444vw, 100px), #e8f3fa min(6.9444444444vw, 100px), #e8f3fa 100%);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo .Main__inner:not([csstools-has-1m-2w-2p-37-14-1a-2c-33-34-26-2t-3b-37-15]) {
    padding-block-end: 16vw;
  }
  .Main__inner:not(:has(.TopNews)) {
    padding-block-end: 16vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo .Main__inner:not([csstools-has-1m-2w-2p-37-14-1a-2c-33-34-26-2t-3b-37-15]) {
    padding-block-end: min(8.3333333333vw, 120px);
  }
  .Main__inner:not(:has(.TopNews)) {
    padding-block-end: min(8.3333333333vw, 120px);
  }
}

.BreadCrumb__list {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .BreadCrumb__list {
    font-size: 3.7333333333vw;
    gap: 0.8vw;
  }
}
@media print, (min-width: 769px) {
  .BreadCrumb__list {
    font-size: min(0.9722222222vw, 14px);
    gap: min(0.4861111111vw, 7px);
  }
}

.BreadCrumb__item {
  align-items: center;
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .BreadCrumb__item {
    gap: 0.8vw;
  }
}
@media print, (min-width: 769px) {
  .BreadCrumb__item {
    gap: min(0.4861111111vw, 7px);
  }
}
.BreadCrumb__item .ModuleIcon {
  color: #009ee0;
}

.BreadCrumb__link {
  color: #009ee0;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .BreadCrumb__link:hover {
    color: #50c2f7;
  }
}

.LocalNavigation__list {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .LocalNavigation__list {
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .LocalNavigation__list {
    gap: min(1.0416666667vw, 15px) min(2.0833333333vw, 30px);
  }
}

@media screen and (max-width: 768px) {
  .LocalNavigation__item {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .LocalNavigation__item {
    font-size: min(1.25vw, 18px);
  }
}

.LocalNavigation__link {
  align-items: center;
  display: flex;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .LocalNavigation__link:hover {
    color: #50c2f7;
  }
}
@media screen and (max-width: 768px) {
  .LocalNavigation__link {
    gap: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .LocalNavigation__link {
    gap: min(0.5555555556vw, 8px);
  }
}
.LocalNavigation__link .ModuleIcon {
  color: #009ee0;
}

.Cta {
  background-color: #009ee0;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .Cta {
    padding-block: 16vw;
  }
}
@media print, (min-width: 769px) {
  .Cta {
    padding-block: min(8.3333333333vw, 120px);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-2q-33-2s-3d-1m-2w-2p-37-14-1a-25-2p-2x-32-2n-2n-2x-32-32-2t-36-w-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-3b-2w-2x-38-2t-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-36-33-39-32-2s-1m-30-2p-37-38-19-2r-2w-2x-30-2s-15-w-1a-1v-38-2p]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
    margin-block-start: -26.6666666667vw;
    padding-block-start: 42.6666666667vw;
  }
  body:has(.Main__inner .ModuleSection.ModuleSection-white.ModuleSection-round:last-child) .Cta {
    margin-block-start: -26.6666666667vw;
    padding-block-start: 42.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-2q-33-2s-3d-1m-2w-2p-37-14-1a-25-2p-2x-32-2n-2n-2x-32-32-2t-36-w-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-3b-2w-2x-38-2t-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-36-33-39-32-2s-1m-30-2p-37-38-19-2r-2w-2x-30-2s-15-w-1a-1v-38-2p]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
    margin-block-start: max(-6.9444444444vw, -100px);
    padding-block-start: min(12.5vw, 180px);
  }
  body:has(.Main__inner .ModuleSection.ModuleSection-white.ModuleSection-round:last-child) .Cta {
    margin-block-start: max(-6.9444444444vw, -100px);
    padding-block-start: min(12.5vw, 180px);
  }
}

.Cta__row {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .Cta__row {
    gap: 16vw;
    grid-template-columns: repeat(1, 84vw);
  }
}
@media print, (min-width: 769px) {
  .Cta__row {
    align-items: center;
    gap: min(10.0694444444vw, 145px);
    grid-template-columns: min(29.5138888889vw, 425px) min(30.9027777778vw, 445px);
  }
}

.Cta__column {
  display: grid;
}
@media screen and (max-width: 768px) {
  .Cta__column {
    gap: 6.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .Cta__column {
    align-items: center;
    gap: min(2.0833333333vw, 30px);
  }
}

.Cta__head {
  overflow: hidden;
  place-content: center center;
  position: relative;
}

.Cta__caption {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .Cta__caption {
    font-size: 4.2666666667vw;
    margin-block-end: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .Cta__caption {
    font-size: min(1.25vw, 18px);
    margin-block-end: min(0.6944444444vw, 10px);
  }
}

.Cta__title {
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .Cta__title {
    font-size: 8vw;
  }
}
@media print, (min-width: 769px) {
  .Cta__title {
    font-size: min(3.3333333333vw, 48px);
  }
}

.Cta__lead {
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .Cta__lead {
    font-size: 3.7333333333vw;
    margin-block-start: 4vw;
    padding-inline: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .Cta__lead {
    font-size: min(1.1111111111vw, 16px);
    margin-block-start: min(0.8333333333vw, 12px);
    padding-inline: min(0.3472222222vw, 5px);
  }
}

.InfinityScroll__inner {
  display: flex;
  overflow: hidden;
}

.InfinityScroll__list {
  animation: infinityScrollLeft infinite linear 0.5s both;
  display: flex;
}
@media screen and (max-width: 768px) {
  .InfinityScroll__list {
    animation-duration: 40s;
  }
}
@media print, (min-width: 769px) {
  .InfinityScroll__list {
    animation-duration: 80s;
  }
}

@media screen and (max-width: 768px) {
  .InfinityScroll__item {
    width: 40vw;
  }
}
@media print, (min-width: 769px) {
  .InfinityScroll__item {
    width: min(18.0555555556vw, 260px);
  }
}

.InfinityScroll__image {
  aspect-ratio: 26/35;
  display: block;
}

.Footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .Footer {
    gap: 8vw;
    padding-block: 16vw 8vw;
  }
}
@media print, (min-width: 769px) {
  .Footer {
    gap: min(6.5972222222vw, 95px);
    padding-block: min(8.3333333333vw, 120px) 0;
  }
}

.Footer__Container {
  display: block;
  width: 100%;
  border-radius: min(4.1666666667vw, 60px) min(4.1666666667vw, 60px) 0 0;
  padding-top: min(6.9444444444vw, 100px);
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .Footer__Container {
    display: none;
  }
}

.Footer__logo {
  display: block;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .Footer__logo {
    width: 60vw;
  }
}
@media print, (min-width: 769px) {
  .Footer__logo {
    width: min(31.25vw, 450px);
  }
}

.Footer__copy {
  display: none;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Footer__copy {
    display: block;
    font-size: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .Footer__copy {
    font-size: min(0.9722222222vw, 14px);
  }
}

.Footer__Inner {
  padding-inline: min(15.9722222222vw, 230px);
}

.Footer__Items {
  display: flex;
  justify-content: space-between;
  margin-bottom: min(6.9444444444vw, 100px);
  box-sizing: border-box;
}

.Footer__Column {
  min-width: min(10.4166666667vw, 150px);
  max-width: min(17.3611111111vw, 250px);
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.Footer__Column__Children {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  transition: color 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .Footer__Column__Children {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  .Footer__Column__Children {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .Footer__Column__Children:hover {
    color: #50c2f7;
  }
}
@media print, (min-width: 769px) {
  .Footer__Column__Children {
    font-size: min(1.1111111111vw, 16px);
  }
}
.Footer__Column__Children .ModuleIcon {
  color: #009ee0;
}
.Footer__Column__Children a {
  text-decoration: none;
}

.Footer__Column__Parent {
  margin-bottom: min(1.3888888889vw, 20px);
}

.Footer__Bottom {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: min(1.3888888889vw, 20px);
  padding-inline: min(15.9722222222vw, 230px);
  margin: 0;
  background-color: #f0fafe;
}

.Footer__Right {
  display: flex;
  align-items: center;
  gap: min(1.3888888889vw, 20px);
  font-weight: 600;
}
.Footer__Right span {
  height: min(1.3888888889vw, 20px);
}
.Footer__Right img {
  height: min(1.3888888889vw, 20px);
}

.Footer__Separator {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: min(1.3888888889vw, 20px);
}

.ModuleAccordion {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion {
    gap: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion {
    gap: min(2.0833333333vw, 30px);
  }
}
.ModuleAccordion .ModuleAccordion-number {
  counter-reset: number;
}

.ModuleAccordion__item {
  background-color: #fff;
  border: solid #fff;
  counter-increment: number 1;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__item {
    border-radius: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__item {
    border-radius: min(2.0833333333vw, 30px);
  }
}

.ModuleAccordion__label::before,
.ModuleAccordion__answer::before {
  display: block;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transform: translateY(0.125em);
  width: 1em;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__label::before,
  .ModuleAccordion__answer::before {
    font-size: 7.4666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__label::before,
  .ModuleAccordion__answer::before {
    font-size: min(2.2222222222vw, 32px);
  }
}

.ModuleAccordion__label {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr auto;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__label {
    gap: 4vw;
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__label {
    gap: min(2.0833333333vw, 30px);
    padding-block: min(2.0833333333vw, 30px);
    padding-inline: min(4.1666666667vw, 60px);
  }
}
.ModuleAccordion__label .ModuleIcon-round {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #009ee0;
  color: #fff;
  transform-origin: center center;
  transition: background-color 0.3s ease-out, transform 0.3s ease-out;
}
.ModuleAccordion__item:hover .ModuleAccordion__label .ModuleIcon-round {
  background-color: #50c2f7;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-2x-38-2t-31-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-30-2p-2q-2t-30-w-1a-25-33-2s-39-30-2t-21-2r-33-32-19-36-33-39-32-2s]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  transform: rotate(-180deg);
}
.ModuleAccordion__item:has(input:checked) .ModuleAccordion__label .ModuleIcon-round {
  transform: rotate(-180deg);
}
.ModuleAccordion__navigation:hover .ModuleAccordion__label .ModuleIcon-round {
  background-color: #50c2f7;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-32-2p-3a-2x-2v-2p-38-2x-33-32-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-30-2p-2q-2t-30-w-1a-25-33-2s-39-30-2t-21-2r-33-32-19-36-33-39-32-2s]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  transform: rotate(-180deg);
}
.ModuleAccordion__navigation:has(input:checked) .ModuleAccordion__label .ModuleIcon-round {
  transform: rotate(-180deg);
}

.ModuleAccordion__navigation__children {
  display: flex;
  justify-content: space-between;
  margin-top: 8vw;
  font-weight: 300;
  font-size: 4.5333333333vw;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__navigation__children {
    position: relative;
  }
  .ModuleAccordion__navigation__children ::before {
    content: "ー ";
  }
}

.ModuleAccordion__navigation__label {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr auto;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__navigation__label {
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__navigation__label {
    gap: min(2.0833333333vw, 30px);
  }
}
.ModuleAccordion__navigation__label .ModuleIcon-round {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #009ee0;
  color: #fff;
  transform-origin: center center;
  transition: background-color 0.3s ease-out, transform 0.3s ease-out;
}
.ModuleAccordion__item:hover .ModuleAccordion__navigation__label .ModuleIcon-round {
  background-color: #50c2f7;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-2x-38-2t-31-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-32-2p-3a-2x-2v-2p-38-2x-33-32-2n-2n-30-2p-2q-2t-30-w-1a-25-33-2s-39-30-2t-21-2r-33-32-19-36-33-39-32-2s]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  transform: rotate(-180deg);
}
.ModuleAccordion__item:has(input:checked) .ModuleAccordion__navigation__label .ModuleIcon-round {
  transform: rotate(-180deg);
}
.ModuleAccordion__navigation__label .ModuleIcon-navigation-round {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #fff;
  transform-origin: center center;
  transition: background-color 0.3s ease-out, transform 0.3s ease-out;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-32-2p-3a-2x-2v-2p-38-2x-33-32-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-32-2p-3a-2x-2v-2p-38-2x-33-32-2n-2n-30-2p-2q-2t-30-w-1a-25-33-2s-39-30-2t-21-2r-33-32-19-32-2p-3a-2x-2v-2p-38-2x-33-32-19-36-33-39-32-2s]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  transform: rotate(-180deg);
}
.ModuleAccordion__navigation:has(input:checked) .ModuleAccordion__navigation__label .ModuleIcon-navigation-round {
  transform: rotate(-180deg);
}

.ModuleAccordion__label__number::before {
  color: #009ee0;
  content: counter(number, decimal-leading-zero) "";
}

.ModuleAccordion__question__list {
  padding-bottom: 0;
}

.ModuleAccordion__question {
  font-weight: 700;
}
.ModuleAccordion__question::before {
  color: #009ee0;
  content: "Q";
}

.ModuleAccordion__title {
  font-feature-settings: "palt";
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__title {
    font-size: 4.5333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__title {
    font-size: min(1.5277777778vw, 22px);
  }
}

.ModuleAccordion__grid {
  display: grid;
  grid-template-rows: 0fr;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  transition: grid-template-rows 0.3s ease-out;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-2x-38-2t-31-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-2v-36-2x-2s]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  grid-template-rows: 1fr;
}
.ModuleAccordion__item:has(input:checked) .ModuleAccordion__grid {
  grid-template-rows: 1fr;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-32-2p-3a-2x-2v-2p-38-2x-33-32-1m-2w-2p-37-14-2x-32-34-39-38-1m-2r-2w-2t-2r-2z-2t-2s-15-w-1a-25-33-2s-39-30-2t-1t-2r-2r-33-36-2s-2x-33-32-2n-2n-2v-36-2x-2s]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) {
  grid-template-rows: 1fr;
}
.ModuleAccordion__navigation:has(input:checked) .ModuleAccordion__grid {
  grid-template-rows: 1fr;
}

.ModuleAccordion__overflow {
  overflow: hidden;
}

.ModuleAccordion__inner::before {
  background-color: rgba(0, 158, 224, 0.1);
  border-radius: 100vw;
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__inner::before {
    height: 1.0666666667vw;
    margin-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__inner::before {
    height: min(0.2777777778vw, 4px);
    margin-inline: min(4.1666666667vw, 60px);
  }
}

.ModuleAccordion__navigation__inner::before {
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100vw;
  content: "";
  height: min(0.2777777778vw, 4px);
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__navigation__inner::before {
    margin-top: 8vw;
  }
}

@media screen and (max-width: 768px) {
  .ModuleAccordion__body {
    margin-inline: 5.3333333333vw;
    padding-block: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__body {
    margin-inline: min(4.1666666667vw, 60px);
    padding-block: min(2.0833333333vw, 30px);
  }
}

.ModuleAccordion__answer__list {
  padding-top: min(0.6944444444vw, 10px);
}

.ModuleAccordion__answer {
  display: grid;
  grid-template-columns: auto 1fr;
  border-bottom: min(0.1388888889vw, 2px) dashed #c7d4d8;
}
@media screen and (max-width: 768px) {
  .ModuleAccordion__answer {
    border-bottom: min(0.5555555556vw, 8px) dashed #c7d4d8;
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleAccordion__answer {
    gap: min(2.0833333333vw, 30px);
  }
}
.ModuleAccordion__answer::before {
  content: "A";
}

.ModuleAccordion__answer:last-child {
  margin-bottom: min(1.0416666667vw, 15px);
  border-bottom: none;
}

.ModuleButton {
  display: flex;
}
@media screen and (max-width: 768px) {
  .ModuleButton {
    flex-direction: column;
    gap: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton {
    flex-flow: row wrap;
    gap: min(1.3888888889vw, 20px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleButton-center {
    align-items: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton-center {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .ModuleButton-centerSP {
    align-items: center;
  }
}

@media print, (min-width: 769px) {
  .ModuleButton-centerTB {
    justify-content: center;
  }
}

.ModuleButton__link {
  align-items: center;
  display: flex;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .ModuleButton__link {
    gap: 2.1333333333vw;
    padding-block: 4.8vw;
    padding-inline: 4.8vw;
    width: 100%;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton__link {
    gap: min(0.5555555556vw, 8px);
    padding-block: min(1.25vw, 18px);
    padding-inline: min(1.25vw, 18px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .ModuleButton__link:not([disabled]):hover {
    background-color: #50c2f7;
    color: #fff;
  }
}

.ModuleButton__link-round {
  border-radius: 100vw;
}

@media print, (min-width: 769px) {
  .ModuleButton__link-w300 {
    width: min(20.8333333333vw, 300px);
  }
}

@media print, (min-width: 769px) {
  .ModuleButton__link-w360 {
    width: min(25vw, 360px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleButton__link-h75 {
    min-height: 20vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton__link-h75 {
    min-height: min(5.2083333333vw, 75px);
  }
}

@media print, (min-width: 769px) {
  .ModuleButton__link-h75TB {
    min-height: min(5.2083333333vw, 75px);
  }
}

.ModuleButton__link-black {
  background-color: #263134;
  color: #fff;
}
.ModuleButton__link-black .ModuleIcon-round {
  background-color: #009ee0;
  color: #fff;
}

.ModuleButton__link-blue {
  background-color: #009ee0;
  color: #fff;
}
.ModuleButton__link-blue .ModuleIcon-round {
  background-color: #fff;
  color: #009ee0;
}

.ModuleButton__link-white {
  background-color: #fff;
  color: #263134;
}
.ModuleButton__link-white .ModuleIcon-round {
  background-color: #009ee0;
  color: #fff;
}

.ModuleButton__text {
  font-weight: 900;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ModuleButton__text {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton__text {
    font-size: min(1.1111111111vw, 16px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleButton__text-fz18 {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleButton__text-fz18 {
    font-size: min(1.25vw, 18px);
  }
}

.ModuleCard01 {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleCard01 {
    gap: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01 {
    gap: min(4.8611111111vw, 70px) min(4.1666666667vw, 60px);
    grid-template-columns: repeat(2, 1fr);
  }
}

.ModuleCard01__item {
  display: contents;
}

.ModuleCard01__link {
  display: grid;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .ModuleCard01__link {
    gap: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__link {
    gap: min(1.3888888889vw, 20px);
  }
}

.ModuleCard01__thumb {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleCard01__thumb {
    border-radius: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__thumb {
    border-radius: min(2.0833333333vw, 30px);
  }
}

.ModuleCard01__image {
  display: block;
  transition: transform 0.3s ease-out;
}
.ModuleCard01__link:hover .ModuleCard01__image {
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .ModuleCard01__body {
    padding-inline: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__body {
    padding-inline: min(1.0416666667vw, 15px);
  }
}

.ModuleCard01__caption {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleCard01__caption {
    font-size: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__caption {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleCard01__title {
  color: #009ee0;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleCard01__title {
    font-size: 5.8666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__title {
    font-size: min(1.6666666667vw, 24px);
    margin-block-start: min(0.3472222222vw, 5px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .ModuleCard01__link:hover .ModuleCard01__title {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }
}
@media screen and (max-width: 768px) {
  .ModuleCard01__title small:not([class]) {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__title small:not([class]) {
    font-size: min(1.25vw, 18px);
  }
}

.ModuleCard01__text {
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .ModuleCard01__text {
    font-size: 3.7333333333vw;
    margin-block-start: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCard01__text {
    font-size: min(0.9722222222vw, 14px);
    margin-block-start: min(1.0416666667vw, 15px);
  }
}

.ModuleCase {
  color: #fff;
  contain: paint;
}
@media screen and (max-width: 768px) {
  .ModuleCase {
    background-color: #009ee0;
    border-radius: 8vw;
    margin-block-start: 16vw;
    margin-inline: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCase {
    align-items: center;
    background: #009ee0 url("../img/common/bg_works_01_pc.webp") no-repeat left top/cover;
    border-radius: min(4.1666666667vw, 60px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: min(38.1944444444vw, 550px);
    margin-block-start: min(8.3333333333vw, 120px);
    margin-inline: auto;
    width: min(91.6666666667vw, 1320px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleCase::after {
    aspect-ratio: 315/280;
    background: url("../img/common/bg_works_01_sp.webp") no-repeat left top/cover;
    content: "";
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .ModuleCase__inner {
    padding-block: 12vw 8.5333333333vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCase__inner {
    margin-inline-start: min(8.3333333333vw, 120px);
  }
}

.ModuleCase__lead {
  display: grid;
  font-weight: 900;
  grid-template-columns: repeat(3, auto);
  letter-spacing: 0.05em;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleCase__lead {
    font-size: 3.7333333333vw;
    gap: 0.8vw;
    justify-content: center;
    margin-block-end: 2.6666666667vw;
    text-align: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleCase__lead {
    font-size: min(1.25vw, 18px);
    gap: min(0.5555555556vw, 8px);
    justify-content: start;
    margin-block-end: min(0.6944444444vw, 10px);
    padding-inline: min(0.3472222222vw, 5px);
  }
}
.ModuleCase__lead::before {
  content: "\\";
}
.ModuleCase__lead::after {
  content: "/";
}

.ModuleCase__title {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ModuleCase__title {
    font-size: 9.6vw;
    text-align: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleCase__title {
    font-size: min(4.1666666667vw, 60px);
  }
}

.ModuleCase__text {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .ModuleCase__text {
    font-size: 3.7333333333vw;
    margin-block-start: 4vw;
    width: 69.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleCase__text {
    font-size: min(1.25vw, 18px);
    margin-block: min(1.0416666667vw, 15px) min(4.1666666667vw, 60px);
  }
}

.ModuleClient {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleClient {
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleClient {
    gap: min(1.0416666667vw, 15px);
    grid-template-columns: repeat(3, 1fr);
  }
}

.ModuleClient__item {
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .ModuleClient__item {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleClient__item {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleFlow {
  counter-reset: number;
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleFlow {
    gap: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleFlow {
    gap: min(4.1666666667vw, 60px);
  }
}

.ModuleFlow__item {
  background-color: #fff;
  counter-increment: number 1;
  display: grid;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleFlow__item {
    border-radius: 8vw;
    gap: 3.2vw;
    padding-block: 8vw 5.8666666667vw;
    padding-inline: 8.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleFlow__item {
    border-radius: min(2.0833333333vw, 30px);
    gap: min(2.0833333333vw, 30px);
    padding-block: min(2.0833333333vw, 30px) min(3.125vw, 45px);
    padding-inline: min(3.125vw, 45px);
  }
}
:where(.ModuleFlow__item):not(:last-child)::after {
  background-color: #009ee0;
  color: #fff;
  content: "";
  inset-block-end: auto;
  inset-inline: 0;
  margin-inline: auto;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA3NzggOS4xNjIzNEwyNC4xODA0IDEuMjg2MDFDMjUuOTM5MSAtMC40MjMzNyAyOC42ODU2IC0wLjQyOTUxIDMwLjQzMzYgMS4yNzM2NEMzMS4zMDIxIDIuMTIwNTkgMzEuNzgxMiAzLjI1ODA4IDMxLjc4MTIgNC40NzU5N0MzMS43ODEyIDUuNjQ3NDggMzEuMzMgNi43NTQwOCAzMC41MTI0IDcuNTkxNzZMMTkuNTgwOSAxOC41Mjc5QzE3LjYwNzIgMjAuNDkwNyAxNC4zOTg3IDIwLjQ5MDcgMTIuNDI2NyAxOC41Mjc5TDEuNTA1OTkgNy42MTY0OEMwLjY3NzU5MSA2Ljc2MzM1IDAuMjIwMTE5IDUuNjQ0MzggMC4yMjAxMTkgNC40NjM2MkMwLjIyMDExOSAzLjI4OTAzIDAuNjcxNDE5IDIuMTc2MjMgMS40OTY3MiAxLjMyOTMxQzIuMzM0NCAwLjQ4MjM2IDMuNDUzMzQgMC4wMDk0MTExNiA0LjY0NjUxIDAuMDAwMTM3MDg5QzUuODQyNzQgLTAuMDA5MTM2OTkgNi45NzA5OSAwLjQ0ODMzNCA3LjgyNDEyIDEuMjg2MDFMMTYuMDc3OCA5LjE2MjM0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") no-repeat left top/contain;
          mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA3NzggOS4xNjIzNEwyNC4xODA0IDEuMjg2MDFDMjUuOTM5MSAtMC40MjMzNyAyOC42ODU2IC0wLjQyOTUxIDMwLjQzMzYgMS4yNzM2NEMzMS4zMDIxIDIuMTIwNTkgMzEuNzgxMiAzLjI1ODA4IDMxLjc4MTIgNC40NzU5N0MzMS43ODEyIDUuNjQ3NDggMzEuMzMgNi43NTQwOCAzMC41MTI0IDcuNTkxNzZMMTkuNTgwOSAxOC41Mjc5QzE3LjYwNzIgMjAuNDkwNyAxNC4zOTg3IDIwLjQ5MDcgMTIuNDI2NyAxOC41Mjc5TDEuNTA1OTkgNy42MTY0OEMwLjY3NzU5MSA2Ljc2MzM1IDAuMjIwMTE5IDUuNjQ0MzggMC4yMjAxMTkgNC40NjM2MkMwLjIyMDExOSAzLjI4OTAzIDAuNjcxNDE5IDIuMTc2MjMgMS40OTY3MiAxLjMyOTMxQzIuMzM0NCAwLjQ4MjM2IDMuNDUzMzQgMC4wMDk0MTExNiA0LjY0NjUxIDAuMDAwMTM3MDg5QzUuODQyNzQgLTAuMDA5MTM2OTkgNi45NzA5OSAwLjQ0ODMzNCA3LjgyNDEyIDEuMjg2MDFMMTYuMDc3OCA5LjE2MjM0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=") no-repeat left top/contain;
  position: absolute;
}
@media screen and (max-width: 768px) {
  :where(.ModuleFlow__item):not(:last-child)::after {
    height: 5.3333333333vw;
    inset-block-start: calc(100% + 5.3333333333vw);
    width: 8.5333333333vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleFlow__item):not(:last-child)::after {
    height: min(1.3888888889vw, 20px);
    inset-block-start: calc(100% + min(1.3888888889vw, 20px));
    width: min(2.2222222222vw, 32px);
  }
}
.ModuleFlow__item :where(.ModuleTitle-lv4) {
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr;
  margin-block-end: 0;
}
@media screen and (max-width: 768px) {
  .ModuleFlow__item :where(.ModuleTitle-lv4) {
    gap: 2.4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleFlow__item :where(.ModuleTitle-lv4) {
    gap: min(1.0416666667vw, 15px);
  }
}
.ModuleFlow__item :where(.ModuleTitle-lv4)::before {
  align-items: center;
  background-color: #009ee0;
  border-radius: 50%;
  color: #fff;
  content: counter(number) "";
  display: flex;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  justify-content: center;
  padding-block-start: 0.2em;
}
@media screen and (max-width: 768px) {
  .ModuleFlow__item :where(.ModuleTitle-lv4)::before {
    font-size: 4.2666666667vw;
    height: 10.6666666667vw;
    width: 10.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleFlow__item :where(.ModuleTitle-lv4)::before {
    font-size: min(1.6666666667vw, 24px);
    height: min(4.1666666667vw, 60px);
    width: min(4.1666666667vw, 60px);
  }
}
.ModuleFlow__item :is(.ModuleTitle-lv4) {
  margin-block-end: 0;
}
@media print, (min-width: 769px) {
  .ModuleFlow__item .ModuleFlow__inner {
    padding-inline: min(1.0416666667vw, 15px);
  }
}

.ModuleForm {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleForm {
    gap: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleForm {
    gap: min(3.4722222222vw, 50px);
  }
}

.ModuleForm__item {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleForm__item {
    gap: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleForm__item {
    gap: min(1.0416666667vw, 15px);
  }
}

.ModuleForm__head {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .ModuleForm__head {
    gap: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleForm__head {
    gap: min(0.9722222222vw, 14px);
  }
}

.ModuleForm__name {
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .ModuleForm__name {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleForm__name {
    font-size: min(1.25vw, 18px);
  }
}

.ModuleForm__required {
  background-color: #f67a7c;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .ModuleForm__required {
    border-radius: 1.0666666667vw;
    font-size: 3.7333333333vw;
    padding-inline: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleForm__required {
    border-radius: min(0.2777777778vw, 4px);
    font-size: min(0.9722222222vw, 14px);
    padding-inline: min(0.5555555556vw, 8px);
  }
}

.ModuleForm__error {
  display: none;
  color: #f67a7c;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media print, (min-width: 769px) {
  .ModuleForm__error {
    font-size: min(1.1111111111vw, 16px);
    margin-block-start: min(0.6944444444vw, 10px);
  }
}

.ModuleForm__error.is-visible {
  display: block;
}

.ModuleGrid {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleGrid {
    gap: 12vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleGrid {
    gap: min(6.25vw, 90px);
    margin-block-start: min(2.4305555556vw, 35px);
  }
}

.ModuleGrid__row {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleGrid__row {
    gap: 13.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleGrid__row {
    gap: min(4.1666666667vw, 60px);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-1z-36-2x-2s-2n-2n-36-33-3b-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-1z-36-2x-2s-2n-2n-2r-33-30-39-31-32-19-2w-2t-2p-2s-15]:not(.does-not-exist) {
    gap: 5.3333333333vw;
  }
  .ModuleGrid__row:has(.ModuleGrid__column-head) {
    gap: 5.3333333333vw;
  }
}

@media print, (min-width: 769px) {
  :where(.ModuleGrid__row-strength .ModuleGrid__column):nth-child(1) {
    order: 2;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleGrid__row-strength .ModuleGrid__column):nth-child(2) {
    order: 1;
  }
}

@media print, (min-width: 769px) {
  .ModuleGrid-works :where(.ModuleGrid__column) {
    align-items: start;
    display: grid;
    gap: min(2.0833333333vw, 30px);
    grid-row: span 3;
    grid-template-rows: subgrid;
  }
}

.ModuleHeader {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleHeader {
    gap: 9.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleHeader {
    gap: min(2.4305555556vw, 35px);
    grid-template-columns: 1fr min(38.5416666667vw, 555px);
  }
}

.ModuleIcon {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.ModuleIcon::before {
  background-color: currentColor;
  content: "";
  display: block;
  -webkit-mask: no-repeat left top/contain;
          mask: no-repeat left top/contain;
  transition: background-color 0.3s ease-out;
}

.ModuleIcon-round {
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .ModuleIcon-round {
    height: 4.2666666667vw;
    width: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-round {
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleIcon-round-3060 {
    height: 8vw;
    width: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-round-3060 {
    height: min(4.1666666667vw, 60px);
    width: min(4.1666666667vw, 60px);
  }
}

.ModuleIcon-arrowBottom-16x16::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzgwMTMgOC45ODcyNEwxMS4wMjE5IDYuNDE5MjhDMTEuNTk1MyA1Ljg2MTk3IDEyLjQ5MDcgNS44NTk5NyAxMy4wNjA2IDYuNDE1MjVDMTMuMzQzOCA2LjY5MTM4IDEzLjUgNy4wNjIyNCAxMy41IDcuNDU5MzJDMTMuNSA3Ljg0MTI3IDEzLjM1MjkgOC4yMDIwNiAxMy4wODYzIDguNDc1MTdMOS41MjIyNyAxMi4wNDA3QzguODc4NzkgMTIuNjgwNyA3LjgzMjcxIDEyLjY4MDcgNy4xODk3NSAxMi4wNDA3TDMuNjI5MjQgOC40ODMyM0MzLjM1OTE1IDguMjA1MDggMy4yMSA3Ljg0MDI2IDMuMjEgNy40NTUyOUMzLjIxIDcuMDcyMzQgMy4zNTcxNCA2LjcwOTUzIDMuNjI2MjEgNi40MzM0QzMuODk5MzMgNi4xNTcyNyA0LjI2NDE0IDYuMDAzMDcgNC42NTMxNSA2LjAwMDA0QzUuMDQzMTcgNS45OTcwMiA1LjQxMTAxIDYuMTQ2MTcgNS42ODkxNiA2LjQxOTI4TDguMzgwMTMgOC45ODcyNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzgwMTMgOC45ODcyNEwxMS4wMjE5IDYuNDE5MjhDMTEuNTk1MyA1Ljg2MTk3IDEyLjQ5MDcgNS44NTk5NyAxMy4wNjA2IDYuNDE1MjVDMTMuMzQzOCA2LjY5MTM4IDEzLjUgNy4wNjIyNCAxMy41IDcuNDU5MzJDMTMuNSA3Ljg0MTI3IDEzLjM1MjkgOC4yMDIwNiAxMy4wODYzIDguNDc1MTdMOS41MjIyNyAxMi4wNDA3QzguODc4NzkgMTIuNjgwNyA3LjgzMjcxIDEyLjY4MDcgNy4xODk3NSAxMi4wNDA3TDMuNjI5MjQgOC40ODMyM0MzLjM1OTE1IDguMjA1MDggMy4yMSA3Ljg0MDI2IDMuMjEgNy40NTUyOUMzLjIxIDcuMDcyMzQgMy4zNTcxNCA2LjcwOTUzIDMuNjI2MjEgNi40MzM0QzMuODk5MzMgNi4xNTcyNyA0LjI2NDE0IDYuMDAzMDcgNC42NTMxNSA2LjAwMDA0QzUuMDQzMTcgNS45OTcwMiA1LjQxMTAxIDYuMTQ2MTcgNS42ODkxNiA2LjQxOTI4TDguMzgwMTMgOC45ODcyNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 768px) {
  .ModuleIcon-arrowBottom-16x16::before {
    height: 4.2666666667vw;
    width: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-arrowBottom-16x16::before {
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}

.ModuleIcon-arrowBottom-30x30::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzgwMTMgOC45ODcyNEwxMS4wMjE5IDYuNDE5MjhDMTEuNTk1MyA1Ljg2MTk3IDEyLjQ5MDcgNS44NTk5NyAxMy4wNjA2IDYuNDE1MjVDMTMuMzQzOCA2LjY5MTM4IDEzLjUgNy4wNjIyNCAxMy41IDcuNDU5MzJDMTMuNSA3Ljg0MTI3IDEzLjM1MjkgOC4yMDIwNiAxMy4wODYzIDguNDc1MTdMOS41MjIyNyAxMi4wNDA3QzguODc4NzkgMTIuNjgwNyA3LjgzMjcxIDEyLjY4MDcgNy4xODk3NSAxMi4wNDA3TDMuNjI5MjQgOC40ODMyM0MzLjM1OTE1IDguMjA1MDggMy4yMSA3Ljg0MDI2IDMuMjEgNy40NTUyOUMzLjIxIDcuMDcyMzQgMy4zNTcxNCA2LjcwOTUzIDMuNjI2MjEgNi40MzM0QzMuODk5MzMgNi4xNTcyNyA0LjI2NDE0IDYuMDAzMDcgNC42NTMxNSA2LjAwMDA0QzUuMDQzMTcgNS45OTcwMiA1LjQxMTAxIDYuMTQ2MTcgNS42ODkxNiA2LjQxOTI4TDguMzgwMTMgOC45ODcyNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzgwMTMgOC45ODcyNEwxMS4wMjE5IDYuNDE5MjhDMTEuNTk1MyA1Ljg2MTk3IDEyLjQ5MDcgNS44NTk5NyAxMy4wNjA2IDYuNDE1MjVDMTMuMzQzOCA2LjY5MTM4IDEzLjUgNy4wNjIyNCAxMy41IDcuNDU5MzJDMTMuNSA3Ljg0MTI3IDEzLjM1MjkgOC4yMDIwNiAxMy4wODYzIDguNDc1MTdMOS41MjIyNyAxMi4wNDA3QzguODc4NzkgMTIuNjgwNyA3LjgzMjcxIDEyLjY4MDcgNy4xODk3NSAxMi4wNDA3TDMuNjI5MjQgOC40ODMyM0MzLjM1OTE1IDguMjA1MDggMy4yMSA3Ljg0MDI2IDMuMjEgNy40NTUyOUMzLjIxIDcuMDcyMzQgMy4zNTcxNCA2LjcwOTUzIDMuNjI2MjEgNi40MzM0QzMuODk5MzMgNi4xNTcyNyA0LjI2NDE0IDYuMDAzMDcgNC42NTMxNSA2LjAwMDA0QzUuMDQzMTcgNS45OTcwMiA1LjQxMTAxIDYuMTQ2MTcgNS42ODkxNiA2LjQxOTI4TDguMzgwMTMgOC45ODcyNFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 768px) {
  .ModuleIcon-arrowBottom-30x30::before {
    height: 8vw;
    width: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-arrowBottom-30x30::before {
    height: min(2.0833333333vw, 30px);
    width: min(2.0833333333vw, 30px);
  }
}

.ModuleIcon-arrowRight-16x16::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 768px) {
  .ModuleIcon-arrowRight-16x16::before {
    height: 4.2666666667vw;
    width: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-arrowRight-16x16::before {
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}

.ModuleIcon-arrowRightRound-19x19 {
  background-color: #009ee0;
  border-radius: 50%;
  height: 8vw;
  position: relative;
  width: 8vw;
  padding-bottom: 0.5333333333vw;
  padding-left: 0.5333333333vw;
}
.ModuleIcon-arrowRightRound-19x19::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
}
@media screen and (max-width: 768px) {
  .ModuleIcon-arrowRightRound-19x19::before {
    height: 5.0666666667vw;
    width: 5.0666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon-arrowRightRound-19x19::before {
    height: min(1.3194444444vw, 19px);
    width: min(1.3194444444vw, 19px);
  }
}

.ModuleIcon__pdf-19x19::before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuODIyNTggMTcuMjE4OEg0LjU2NDUyVjE5SDIuODIyNThDMS41NDE1MyAxOSAwLjUgMTcuOTM1IDAuNSAxNi42MjVWMi4zNzVDMC41IDEuMDY1MDQgMS41NDE1MyAwIDIuODIyNTggMEg4LjgyODYzQzkuNDQ1NTYgMCAxMC4wMzcxIDAuMjQ4NjMzIDEwLjQ3MjYgMC42OTM5NDVMMTMuNzU2OSA0LjA1MjM0QzE0LjE5MjMgNC40OTc2NiAxNC40MzU1IDUuMTAyNTQgMTQuNDM1NSA1LjczMzRWMTEuMjgxMkgxMi42OTM1VjUuOTM3NUg5Ljc5MDMyQzkuMTQ3OTggNS45Mzc1IDguNjI5MDMgNS40MDY4NCA4LjYyOTAzIDQuNzVWMS43ODEyNUgyLjgyMjU4QzIuNTAzMjMgMS43ODEyNSAyLjI0MTk0IDIuMDQ4NDQgMi4yNDE5NCAyLjM3NVYxNi42MjVDMi4yNDE5NCAxNi45NTE2IDIuNTAzMjMgMTcuMjE4OCAyLjgyMjU4IDE3LjIxODhaTTYuODg3MSAxMy4wNjI1SDguMDQ4MzlDOS4xNjk3NiAxMy4wNjI1IDEwLjA4MDYgMTMuOTkzOSAxMC4wODA2IDE1LjE0MDZDMTAuMDgwNiAxNi4yODczIDkuMTY5NzYgMTcuMjE4OCA4LjA0ODM5IDE3LjIxODhINy40Njc3NFYxOC40MDYyQzcuNDY3NzQgMTguNzMyOCA3LjIwNjQ1IDE5IDYuODg3MSAxOUM2LjU2Nzc0IDE5IDYuMzA2NDUgMTguNzMyOCA2LjMwNjQ1IDE4LjQwNjJWMTMuNjU2MkM2LjMwNjQ1IDEzLjMyOTcgNi41Njc3NCAxMy4wNjI1IDYuODg3MSAxMy4wNjI1Wk04LjA0ODM5IDE2LjAzMTJDOC41MzEwNSAxNi4wMzEyIDguOTE5MzUgMTUuNjM0MiA4LjkxOTM1IDE1LjE0MDZDOC45MTkzNSAxNC42NDcxIDguNTMxMDUgMTQuMjUgOC4wNDgzOSAxNC4yNUg3LjQ2Nzc0VjE2LjAzMTJIOC4wNDgzOVpNMTEuNTMyMyAxMy4wNjI1SDEyLjY5MzVDMTMuNjU1MiAxMy4wNjI1IDE0LjQzNTUgMTMuODYwNCAxNC40MzU1IDE0Ljg0MzhWMTcuMjE4OEMxNC40MzU1IDE4LjIwMjEgMTMuNjU1MiAxOSAxMi42OTM1IDE5SDExLjUzMjNDMTEuMjEyOSAxOSAxMC45NTE2IDE4LjczMjggMTAuOTUxNiAxOC40MDYyVjEzLjY1NjJDMTAuOTUxNiAxMy4zMjk3IDExLjIxMjkgMTMuMDYyNSAxMS41MzIzIDEzLjA2MjVaTTEyLjY5MzUgMTcuODEyNUMxMy4wMTI5IDE3LjgxMjUgMTMuMjc0MiAxNy41NDUzIDEzLjI3NDIgMTcuMjE4OFYxNC44NDM4QzEzLjI3NDIgMTQuNTE3MiAxMy4wMTI5IDE0LjI1IDEyLjY5MzUgMTQuMjVIMTIuMTEyOVYxNy44MTI1SDEyLjY5MzVaTTE1LjU5NjggMTMuNjU2MkMxNS41OTY4IDEzLjMyOTcgMTUuODU4MSAxMy4wNjI1IDE2LjE3NzQgMTMuMDYyNUgxNy45MTk0QzE4LjIzODcgMTMuMDYyNSAxOC41IDEzLjMyOTcgMTguNSAxMy42NTYyQzE4LjUgMTMuOTgyOCAxOC4yMzg3IDE0LjI1IDE3LjkxOTQgMTQuMjVIMTYuNzU4MVYxNS40Mzc1SDE3LjkxOTRDMTguMjM4NyAxNS40Mzc1IDE4LjUgMTUuNzA0NyAxOC41IDE2LjAzMTJDMTguNSAxNi4zNTc4IDE4LjIzODcgMTYuNjI1IDE3LjkxOTQgMTYuNjI1SDE2Ljc1ODFWMTguNDA2MkMxNi43NTgxIDE4LjczMjggMTYuNDk2OCAxOSAxNi4xNzc0IDE5QzE1Ljg1ODEgMTkgMTUuNTk2OCAxOC43MzI4IDE1LjU5NjggMTguNDA2MlYxMy42NTYyWiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuODIyNTggMTcuMjE4OEg0LjU2NDUyVjE5SDIuODIyNThDMS41NDE1MyAxOSAwLjUgMTcuOTM1IDAuNSAxNi42MjVWMi4zNzVDMC41IDEuMDY1MDQgMS41NDE1MyAwIDIuODIyNTggMEg4LjgyODYzQzkuNDQ1NTYgMCAxMC4wMzcxIDAuMjQ4NjMzIDEwLjQ3MjYgMC42OTM5NDVMMTMuNzU2OSA0LjA1MjM0QzE0LjE5MjMgNC40OTc2NiAxNC40MzU1IDUuMTAyNTQgMTQuNDM1NSA1LjczMzRWMTEuMjgxMkgxMi42OTM1VjUuOTM3NUg5Ljc5MDMyQzkuMTQ3OTggNS45Mzc1IDguNjI5MDMgNS40MDY4NCA4LjYyOTAzIDQuNzVWMS43ODEyNUgyLjgyMjU4QzIuNTAzMjMgMS43ODEyNSAyLjI0MTk0IDIuMDQ4NDQgMi4yNDE5NCAyLjM3NVYxNi42MjVDMi4yNDE5NCAxNi45NTE2IDIuNTAzMjMgMTcuMjE4OCAyLjgyMjU4IDE3LjIxODhaTTYuODg3MSAxMy4wNjI1SDguMDQ4MzlDOS4xNjk3NiAxMy4wNjI1IDEwLjA4MDYgMTMuOTkzOSAxMC4wODA2IDE1LjE0MDZDMTAuMDgwNiAxNi4yODczIDkuMTY5NzYgMTcuMjE4OCA4LjA0ODM5IDE3LjIxODhINy40Njc3NFYxOC40MDYyQzcuNDY3NzQgMTguNzMyOCA3LjIwNjQ1IDE5IDYuODg3MSAxOUM2LjU2Nzc0IDE5IDYuMzA2NDUgMTguNzMyOCA2LjMwNjQ1IDE4LjQwNjJWMTMuNjU2MkM2LjMwNjQ1IDEzLjMyOTcgNi41Njc3NCAxMy4wNjI1IDYuODg3MSAxMy4wNjI1Wk04LjA0ODM5IDE2LjAzMTJDOC41MzEwNSAxNi4wMzEyIDguOTE5MzUgMTUuNjM0MiA4LjkxOTM1IDE1LjE0MDZDOC45MTkzNSAxNC42NDcxIDguNTMxMDUgMTQuMjUgOC4wNDgzOSAxNC4yNUg3LjQ2Nzc0VjE2LjAzMTJIOC4wNDgzOVpNMTEuNTMyMyAxMy4wNjI1SDEyLjY5MzVDMTMuNjU1MiAxMy4wNjI1IDE0LjQzNTUgMTMuODYwNCAxNC40MzU1IDE0Ljg0MzhWMTcuMjE4OEMxNC40MzU1IDE4LjIwMjEgMTMuNjU1MiAxOSAxMi42OTM1IDE5SDExLjUzMjNDMTEuMjEyOSAxOSAxMC45NTE2IDE4LjczMjggMTAuOTUxNiAxOC40MDYyVjEzLjY1NjJDMTAuOTUxNiAxMy4zMjk3IDExLjIxMjkgMTMuMDYyNSAxMS41MzIzIDEzLjA2MjVaTTEyLjY5MzUgMTcuODEyNUMxMy4wMTI5IDE3LjgxMjUgMTMuMjc0MiAxNy41NDUzIDEzLjI3NDIgMTcuMjE4OFYxNC44NDM4QzEzLjI3NDIgMTQuNTE3MiAxMy4wMTI5IDE0LjI1IDEyLjY5MzUgMTQuMjVIMTIuMTEyOVYxNy44MTI1SDEyLjY5MzVaTTE1LjU5NjggMTMuNjU2MkMxNS41OTY4IDEzLjMyOTcgMTUuODU4MSAxMy4wNjI1IDE2LjE3NzQgMTMuMDYyNUgxNy45MTk0QzE4LjIzODcgMTMuMDYyNSAxOC41IDEzLjMyOTcgMTguNSAxMy42NTYyQzE4LjUgMTMuOTgyOCAxOC4yMzg3IDE0LjI1IDE3LjkxOTQgMTQuMjVIMTYuNzU4MVYxNS40Mzc1SDE3LjkxOTRDMTguMjM4NyAxNS40Mzc1IDE4LjUgMTUuNzA0NyAxOC41IDE2LjAzMTJDMTguNSAxNi4zNTc4IDE4LjIzODcgMTYuNjI1IDE3LjkxOTQgMTYuNjI1SDE2Ljc1ODFWMTguNDA2MkMxNi43NTgxIDE4LjczMjggMTYuNDk2OCAxOSAxNi4xNzc0IDE5QzE1Ljg1ODEgMTkgMTUuNTk2OCAxOC43MzI4IDE1LjU5NjggMTguNDA2MlYxMy42NTYyWiIgZmlsbD0iY3VycmVudENvbG9yIi8+Cjwvc3ZnPgo=");
}
@media screen and (max-width: 768px) {
  .ModuleIcon__pdf-19x19::before {
    height: 5.0666666667vw;
    width: 5.0666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIcon__pdf-19x19::before {
    height: min(1.3194444444vw, 19px);
    width: min(1.3194444444vw, 19px);
  }
}

.ModuleIframe {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleIframe {
    border-radius: 2.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleIframe {
    border-radius: min(2.0833333333vw, 30px);
  }
}

.ModuleIframe-map {
  aspect-ratio: 11/5;
}

.ModuleIframe__iframe {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.ModuleImage {
  display: block;
}

@media screen and (max-width: 768px) {
  .ModuleImage-round {
    border-radius: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleImage-round {
    border-radius: min(2.0833333333vw, 30px);
  }
}

.ModuleImage-certification {
  aspect-ratio: 316/176;
}
@media print, (min-width: 769px) {
  .ModuleImage-certification {
    width: min(21.9444444444vw, 316px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleImage-certification {
    width: 84.2666666667vw;
  }
}

.ModuleImage-certification img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

@media print, (min-width: 769px) {
  .ModuleInner {
    margin-inline: auto;
    width: min(75vw, 1080px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleInner-inline30 {
    padding-inline: 8vw;
  }
}

.ModuleInner-blue {
  background-color: #e8f3fa;
}

.ModuleInner-white {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .ModuleInner-round {
    border-radius: 8vw;
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInner-round {
    border-radius: min(2.7777777778vw, 40px);
    padding-block: min(2.7777777778vw, 40px);
    padding-inline: min(2.7777777778vw, 40px);
  }
}

.ModuleInner-inquiry {
  display: flex;
  gap: min(3.4722222222vw, 50px);
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .ModuleInner-inquiry {
    display: block;
    gap: 0;
    align-items: initial;
    padding-inline: 8vw;
  }
}

.ModuleInput {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #eff3f5;
  border: none;
  display: block;
  line-height: 1.6;
  outline: none;
}
@media screen and (max-width: 768px) {
  .ModuleInput {
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
    padding-block: 4vw;
    padding-inline: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInput {
    border-radius: min(0.6944444444vw, 10px);
    font-size: min(1.1111111111vw, 16px);
    padding-block: min(2.0833333333vw, 30px);
    padding-inline: min(2.0833333333vw, 30px);
  }
}

.ModuleInput-text {
  width: 100%;
}

.ModuleInput-textArea {
  width: 100%;
}

.ModuleInputList__break {
  flex-basis: 100%;
  height: 0;
}

.ModuleInputList {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .ModuleInputList {
    gap: 1.3333333333vw 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputList {
    gap: min(0.3472222222vw, 5px) min(2.0833333333vw, 30px);
  }
}

.ModuleInputListContact {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .ModuleInputListContact {
    gap: 0vw 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputListContact {
    gap: min(0vw, 0px) min(2.0833333333vw, 30px);
  }
}

.ModuleInputList__item {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .ModuleInputList__item {
    gap: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputList__item {
    gap: min(0.5555555556vw, 8px);
  }
}

.ModuleInputListContact .ModuleInputList__item {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .ModuleInputListContact .ModuleInputList__item {
    margin-bottom: 1.3333333333vw;
    gap: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputListContact .ModuleInputList__item {
    margin-bottom: min(0.3472222222vw, 5px);
    gap: min(0.5555555556vw, 8px);
  }
}

.ModuleInputList__radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ModuleInputList__radio::after {
  background-color: #c7d4d8;
  border: solid #c7d4d8;
  border-radius: 50%;
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  .ModuleInputList__radio::after {
    border-width: 0.8vw;
    height: 4.2666666667vw;
    width: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputList__radio::after {
    border-width: min(0.2083333333vw, 3px);
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}
.ModuleInputList__radio:checked::after {
  background-color: #009ee0;
}

.ModuleInputList__label {
  line-height: 1.6;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleInputList__label:hover {
    color: #50c2f7;
  }
}
@media screen and (max-width: 768px) {
  .ModuleInputList__label {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInputList__label {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleInterview {
  counter-reset: number;
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleInterview {
    gap: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview {
    gap: min(5.5555555556vw, 80px) min(4.1666666667vw, 60px);
    grid-template-columns: repeat(2, 1fr);
    margin-inline: auto;
    width: min(50vw, 720px);
  }
}

.ModuleInterview__item {
  align-content: start;
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleInterview__item {
    gap: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview__item {
    gap: min(2.0833333333vw, 30px);
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-2x-38-2t-31-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-37-39-2q-2c-2x-38-30-2t-18-w-1a-25-33-2s-39-30-2t-28-2w-33-38-33-15]:not(.does-not-exist) {
    grid-column: 1/-1;
  }
  .ModuleInterview__item:has(.ModuleInterview__subTitle, .ModulePhoto) {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo .ModuleInterview__item:not([csstools-has-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-37-39-2q-2c-2x-38-30-2t-15]) {
    gap: 1.3333333333vw;
  }
  .ModuleInterview__item:not(:has(.ModuleInterview__subTitle)) {
    gap: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo .ModuleInterview__item:not([csstools-has-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-37-39-2q-2c-2x-38-30-2t-15]) {
    gap: min(1.0416666667vw, 15px);
  }
  .ModuleInterview__item:not(:has(.ModuleInterview__subTitle)) {
    gap: min(1.0416666667vw, 15px);
  }
}

.ModuleInterview__title {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ModuleInterview__title {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview__title {
    font-size: min(1.3888888889vw, 20px);
  }
}

.ModuleInterview__subTitle {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4333333333;
}
@media screen and (max-width: 768px) {
  .ModuleInterview__subTitle {
    font-size: 6.4vw;
    margin-block-start: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview__subTitle {
    font-size: min(2.0833333333vw, 30px);
    margin-block-start: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleInterview__subTitle small {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview__subTitle small {
    font-size: min(1.25vw, 18px);
  }
}

.ModuleInterview__text {
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .ModuleInterview__text {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview__text {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo .ModuleInterview__item:not([csstools-has-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-37-39-2q-2c-2x-38-30-2t-15]) :where(.ModuleInterview__text) {
    font-size: 3.7333333333vw;
  }
  .ModuleInterview__item:not(:has(.ModuleInterview__subTitle)) :where(.ModuleInterview__text) {
    font-size: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo .ModuleInterview__item:not([csstools-has-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-21-32-38-2t-36-3a-2x-2t-3b-2n-2n-37-39-2q-2c-2x-38-30-2t-15]) :where(.ModuleInterview__text) {
    font-size: min(0.9722222222vw, 14px);
  }
  .ModuleInterview__item:not(:has(.ModuleInterview__subTitle)) :where(.ModuleInterview__text) {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleLabel {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .ModuleLabel {
    gap: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLabel {
    gap: min(0.6944444444vw, 10px);
  }
}

.ModuleLabel__item {
  background-color: #f5f7f8;
  border-radius: 100vw;
  display: flex;
  letter-spacing: 0.05em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .ModuleLabel__item {
    font-size: 3.7333333333vw;
    padding-block: 1.7333333333vw;
    padding-inline: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLabel__item {
    font-size: min(0.9722222222vw, 14px);
    padding-block: min(0.4513888889vw, 6.5px);
    padding-inline: min(2.0833333333vw, 30px);
  }
}

.ModuleLabel__number {
  font-style: normal;
}
.ModuleLabel__number::before {
  content: "：";
}

.ModuleLine {
  background-color: rgba(0, 158, 224, 0.1);
  border: none;
  border-radius: 100vw;
}
@media screen and (max-width: 768px) {
  .ModuleLine {
    height: 1.0666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLine {
    height: min(0.2777777778vw, 4px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleLine-margin2030 {
    margin-block: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLine-margin2030 {
    margin-block: min(2.0833333333vw, 30px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleLine-margin6080 {
    margin-block: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLine-margin6080 {
    margin-block: min(5.5555555556vw, 80px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleLine-margin3040 {
    margin-block: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLine-margin3040 {
    margin-block: min(2.7777777778vw, 40px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleLine-margin60120 {
    margin-block: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleLine-margin60120 {
    margin-block: min(8.3333333333vw, 120px);
  }
}

.ModuleLink {
  color: #009ee0;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleLink:hover {
    color: #50c2f7;
  }
}

.ModuleMember {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleMember {
    gap: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember {
    gap: min(4.1666666667vw, 60px);
    grid-template-columns: 1fr min(20.8333333333vw, 300px);
  }
}

.ModuleMember__photo {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleMember__photo {
    margin-inline: auto;
    width: 64vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember__photo {
    order: 1;
  }
}

.ModuleMember__image {
  display: block;
}

.ModuleMember__en {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .ModuleMember__en {
    font-size: 8vw;
    margin-block-end: 2.6666666667vw;
    text-align: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember__en {
    font-size: min(2.9166666667vw, 42px);
  }
}

.ModuleMember__name {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .ModuleMember__name {
    font-size: 5.3333333333vw;
    margin-block-end: 4vw;
    text-align: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember__name {
    font-size: min(1.3888888889vw, 20px);
    margin-block-end: min(1.0416666667vw, 15px);
  }
}

.ModuleMember__position {
  letter-spacing: 0.05em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .ModuleMember__position {
    font-size: 3.7333333333vw;
    margin-block-end: 8vw;
    text-align: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember__position {
    font-size: min(1.0416666667vw, 15px);
    margin-block-end: min(2.0833333333vw, 30px);
  }
}

.ModuleMember__text {
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .ModuleMember__text {
    font-size: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMember__text {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleMemberList {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleMemberList {
    gap: 12vw 5.3333333333vw;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, (min-width: 769px) {
  .ModuleMemberList {
    gap: min(4.1666666667vw, 60px) 0;
    grid-template-columns: repeat(4, 1fr);
  }
}

.ModuleMemberList__link {
  display: block;
  text-align: center;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleMemberList__link:hover {
    color: #50c2f7;
  }
}

.ModuleMemberList__photo {
  aspect-ratio: 1;
  border-radius: 50%;
  margin-inline: auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleMemberList__photo {
    width: 32vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMemberList__photo {
    width: min(10.4166666667vw, 150px);
  }
}

.ModuleMemberList__image {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleMemberList__image {
    transition: transform 0.3s ease-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  :where(.ModuleMemberList__link:hover) .ModuleMemberList__image {
    transform: scale(1.1);
  }
}

.ModuleMemberList__name {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-transform: uppercase;
  transition: color 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .ModuleMemberList__name {
    font-size: 5.3333333333vw;
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMemberList__name {
    font-size: min(1.6666666667vw, 24px);
    margin-block-start: min(1.0416666667vw, 15px);
  }
}
.ModuleMemberList__link:hover .ModuleMemberList__name {
  color: #50c2f7;
}

.ModuleMemberList__position {
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .ModuleMemberList__position {
    font-size: 3.4666666667vw;
    margin-block-start: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMemberList__position {
    font-size: min(0.9722222222vw, 14px);
    margin-block-start: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  :where(.ModuleMemberList__position) + .ModuleMemberList__position {
    margin-block-start: 0.8vw;
  }
}

.ModuleMore {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ModuleMore {
    font-size: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleMore {
    font-size: min(1.1111111111vw, 16px);
  }
}
.ModuleMore .ModuleIcon {
  color: #009ee0;
}

.ModuleMore .ModuleMore__link {
  align-items: center;
  display: flex;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleMore .ModuleMore__link:hover {
    color: #50c2f7;
  }
}
@media screen and (max-width: 768px) {
  .ModuleMore .ModuleMore__link {
    gap: 0.8vw;
    justify-content: flex-end;
  }
}
@media print, (min-width: 769px) {
  .ModuleMore .ModuleMore__link {
    gap: min(0.5555555556vw, 8px);
    justify-content: flex-end;
  }
}

.ModuleNewsList {
  border-block-start: 1px solid #e2eced;
}

.ModuleNewsList__item {
  border-block-end: 1px solid #e2eced;
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleNewsList__item {
    padding-block: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleNewsList__item {
    gap: min(2.7777777778vw, 40px);
    grid-template-columns: auto 1fr;
    padding-block: min(2.0833333333vw, 30px);
  }
}

.ModuleNewsList__date {
  color: #b0bec5;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleNewsList__date {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleNewsList__date {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleNewsList__text {
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleNewsList__text {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleNewsList__text {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleNewsList__link {
  color: #009ee0;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleNewsList__link:hover {
    color: #50c2f7;
  }
}

.ModulePrivacy {
  background-color: #eff3f5;
}
@media screen and (max-width: 768px) {
  .ModulePrivacy {
    border-radius: 2.6666666667vw;
    font-size: 3.7333333333vw;
    padding-block: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy {
    border-radius: min(0.6944444444vw, 10px);
    font-size: min(0.9722222222vw, 14px);
    padding-block: min(2.0833333333vw, 30px);
    padding-inline: min(2.0833333333vw, 30px);
  }
}
.ModulePrivacy * {
  all: revert;
}
.ModulePrivacy p {
  margin-block-end: 0;
}
.ModulePrivacy p:first-child {
  margin-block-start: 0;
}

.ModulePrivacy__inner {
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .ModulePrivacy__inner {
    max-height: calc(3.7333333333vw * 1.6 * 6);
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy__inner {
    max-height: calc(min(0.9722222222vw, 14px) * 1.6 * 6);
  }
}

.ModulePrivacy__inner__long {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #009ee0 #fff;
}
@media screen and (max-width: 768px) {
  .ModulePrivacy__inner__long {
    max-height: calc(9.0666666667vw * 1.6 * 6);
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy__inner__long {
    max-height: calc(min(2.3611111111vw, 34px) * 1.6 * 6);
  }
}
@media screen and (max-width: 768px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar {
    width: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar {
    width: min(0.5555555556vw, 8px);
  }
}
.ModulePrivacy__inner__long::-webkit-scrollbar-track {
  background: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar-track {
    border-radius: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar-track {
    border-radius: min(1.3888888889vw, 20px);
  }
}
.ModulePrivacy__inner__long::-webkit-scrollbar-thumb {
  background: #009ee0;
}
@media screen and (max-width: 768px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar-thumb {
    border-radius: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModulePrivacy__inner__long::-webkit-scrollbar-thumb {
    border-radius: min(1.3888888889vw, 20px);
  }
}

.ModuleProject {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleProject {
    gap: 12vw;
    margin-inline: calc(50% - 50vw);
  }
}
@media print, (min-width: 769px) {
  .ModuleProject {
    gap: min(3.125vw, 45px) min(4.1666666667vw, 60px);
    grid-template-columns: repeat(2, 1fr);
  }
}

.ModuleProject__item {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .ModuleProject__item {
    border-radius: 8vw;
    padding-block-end: 8vw;
    padding-inline: 8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProject__item {
    border-radius: min(2.0833333333vw, 30px);
    padding-block-end: min(2.0833333333vw, 30px);
    padding-inline: min(2.9166666667vw, 42px);
  }
}

.ModuleProjectTitle {
  background-color: #009ee0;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-feature-settings: "palt";
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4375;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ModuleProjectTitle {
    border-radius: 0 0 4vw 4vw;
    margin-block-end: 12vw;
    padding-block: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectTitle {
    border-radius: 0 0 min(1.0416666667vw, 15px) min(1.0416666667vw, 15px);
    justify-content: center;
    margin-block-end: min(3.125vw, 45px);
    min-height: min(5.2083333333vw, 75px);
    padding-block: min(0.8333333333vw, 12px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleProjectTitle__main {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectTitle__main {
    font-size: min(1.3888888889vw, 20px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleProjectTitle__sub {
    font-size: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectTitle__sub {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleProjectMember {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .ModuleProjectMember {
    gap: 5.3333333333vw;
    padding-inline: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectMember {
    gap: min(2.0833333333vw, 30px);
    grid-template-columns: repeat(2, min(13.1944444444vw, 190px));
    justify-content: center;
  }
}

.ModuleProjectMember__item {
  background-color: #fff;
  display: grid;
  justify-items: center;
}

.ModuleProjectMember__photo {
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleProjectMember__photo {
    height: 32vw;
    width: 32vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectMember__photo {
    height: min(10.4166666667vw, 150px);
    width: min(10.4166666667vw, 150px);
  }
}

.ModuleProjectMember__image {
  aspect-ratio: 1;
  display: block;
}

.ModuleProjectMember__name {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-box: trim-both cap alphabetic;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .ModuleProjectMember__name {
    font-size: 5.3333333333vw;
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectMember__name {
    font-size: min(1.25vw, 18px);
    margin-block: min(1.0416666667vw, 15px);
  }
}

.ModuleProjectMember__position {
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ModuleProjectMember__position {
    font-size: 3.4666666667vw;
    margin-block-start: 1.0666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectMember__position {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleProjectStructure {
  border-block-start: 1px solid #4e7c9b;
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .ModuleProjectStructure {
    gap: 2.6666666667vw 1.3333333333vw;
    margin-block-start: 5.3333333333vw;
    padding-block-start: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectStructure {
    gap: min(0.6944444444vw, 10px) min(0.3472222222vw, 5px);
    margin-block-start: min(1.3888888889vw, 20px);
    padding-block-start: min(1.3888888889vw, 20px);
  }
}

.ModuleProjectStructure__item {
  border: 1px solid #4e7c9b;
  border-radius: 100vw;
  color: #4e7c9b;
  display: flex;
  gap: 0.5em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .ModuleProjectStructure__item {
    font-size: 3.2vw;
    padding-block: 1.3333333333vw;
    padding-inline: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectStructure__item {
    font-size: min(0.9722222222vw, 14px);
    padding-block: min(0.3472222222vw, 5px);
    padding-inline: min(1.0416666667vw, 15px);
  }
}

.ModuleProjectStructure__number {
  font-style: normal;
}

.ModuleRecord {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleRecord {
    gap: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleRecord {
    gap: min(1.0416666667vw, 15px) min(1.3888888889vw, 20px);
    grid-template-columns: 5em 1fr;
  }
}

.ModuleRecord__head {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ModuleRecord__head {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleRecord__head {
    font-size: min(1.1111111111vw, 16px);
    padding-block-start: 0.5em;
  }
}
.ModuleRecord__head span {
  display: block;
  transform: translateY(0.15em);
}

.ModuleSection {
  contain: paint;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleSection {
    scroll-margin-block-start: 20.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSection {
    scroll-margin-block-start: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleSection:not(:last-child) {
    margin-block-end: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSection:not(:last-child) {
    margin-block-end: min(8.3333333333vw, 120px);
  }
}

.ModuleSection-white {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .ModuleSection-white:not(:first-child) {
    margin-block-start: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSection-white:not(:first-child) {
    margin-block-start: min(8.3333333333vw, 120px);
  }
}

.ModuleSection-blue {
  background-color: #e8f3fa;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-39-2t-1m-2w-2p-37-14-17-w-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-39-2t-15]:not(.does-not-exist) {
  padding-block-end: 0;
}
.ModuleSection-blue:has(+ .ModuleSection-blue) {
  padding-block-end: 0;
}
.ModuleSection-blue:last-child {
  padding-block-end: 0;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-39-2t-1m-2w-2p-37-14-17-w-1a-25-33-2s-39-30-2t-1v-2p-37-2t-15]:not(.does-not-exist) {
  margin-block-end: 0;
  padding-block-end: 0;
}
.ModuleSection-blue:has(+ .ModuleCase) {
  margin-block-end: 0;
  padding-block-end: 0;
}

.ModuleSection-blog {
  background-color: #f0fafe;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-33-2v-1m-2w-2p-37-14-17-w-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-33-2v-15]:not(.does-not-exist) {
  padding-block-end: 0;
}
.ModuleSection-blog:has(+ .ModuleSection-blog) {
  padding-block-end: 0;
}
.ModuleSection-blog:last-child {
  padding-block-end: 0;
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-33-2v-1m-2w-2p-37-14-17-w-1a-25-33-2s-39-30-2t-1v-2p-37-2t-15]:not(.does-not-exist) {
  margin-block-end: 0;
  padding-block-end: 0;
}
.ModuleSection-blog:has(+ .ModuleCase) {
  margin-block-end: 0;
  padding-block-end: 0;
}

.ModuleSection-round {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .ModuleSection-round {
    border-radius: 8vw;
    box-shadow: 8vw 8vw 24vw rgba(3, 155, 229, 0.1);
    padding-block: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSection-round {
    border-radius: min(4.1666666667vw, 60px);
    box-shadow: min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) min(6.25vw, 90px) rgba(3, 155, 229, 0.1);
    padding-block: min(8.3333333333vw, 120px);
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-36-33-39-32-2s-15-1m-2w-2p-37-14-2j-2r-30-2p-37-37-16-1p-25-33-2s-39-30-2t-25-2t-31-2q-2t-36-2l-15] {
    padding-block: min(6.25vw, 90px);
  }
  :where(.ModuleSection-round):has([class*=ModuleMember]) {
    padding-block: min(6.25vw, 90px);
  }
}
:where(.ModuleSection-round).ModuleSection-blue:last-of-type {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
  box-shadow: none;
}
.js-has-pseudo [csstools-has-1m-3b-2w-2t-36-2t-14-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-36-33-39-32-2s-15-1a-25-33-2s-39-30-2t-2b-2t-2r-38-2x-33-32-19-2q-30-39-2t-1m-30-2p-37-38-19-33-2u-19-38-3d-34-2t-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-1v-2p-37-2t-15]:not(.does-not-exist):not(.does-not-exist) {
  padding-block-end: 0;
}
:where(.ModuleSection-round).ModuleSection-blue:last-of-type:has(.ModuleCase) {
  padding-block-end: 0;
}

.ModuleService__inner {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleService__inner {
    gap: 6.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleService__inner {
    gap: min(2.4305555556vw, 35px);
    padding-inline-start: min(39.5833333333vw, 570px);
    position: relative;
  }
}

.ModuleService__title {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleService__title {
    font-size: 4.8vw;
    margin-block-end: 6.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleService__title {
    font-size: min(1.25vw, 18px);
    margin-block-end: min(1.7361111111vw, 25px);
  }
}

.ModuleService__lead {
  color: #009ee0;
  font-feature-settings: "palt";
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .ModuleService__lead {
    font-size: 8vw;
    line-height: 10vw;
    margin-block-end: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleService__lead {
    font-size: min(2.5vw, 36px);
    line-height: min(3.75vw, 54px);
    margin-block-end: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleService__lead strong {
    font-size: 11.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleService__lead strong {
    font-size: min(4.1666666667vw, 60px);
  }
}
.ModuleService__lead strong::before, .ModuleService__lead strong::after {
  font-weight: 400;
}
.ModuleService__lead strong::before {
  content: "“";
}
.ModuleService__lead strong::after {
  content: "”";
}

@media screen and (max-width: 768px) {
  .ModuleService__photo {
    border-radius: 8vw;
    margin-block-end: 6.6666666667vw;
    overflow: hidden;
  }
}
@media print, (min-width: 769px) {
  .ModuleService__photo {
    display: none;
  }
}

.ModuleService__image {
  display: block;
}

.ModuleServiceList {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleServiceList {
    gap: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList {
    gap: min(1.0416666667vw, 15px);
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList::after {
    background: url("../img/vote_img_01.webp") no-repeat left top/cover;
    border-radius: min(2.0833333333vw, 30px);
    content: "";
    display: block;
    height: 100%;
    inset: 0 auto 0 0;
    overflow: hidden;
    position: absolute;
    width: min(35.4166666667vw, 510px);
    z-index: -1;
  }
}

.ModuleServiceList__item {
  display: contents;
}

.ModuleServiceList__link {
  background-color: #f5f7f8;
  display: grid;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .ModuleServiceList__link {
    border-radius: 4vw;
    gap: 6.6666666667vw;
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList__link {
    align-items: center;
    border-radius: min(1.0416666667vw, 15px);
    gap: min(1.3888888889vw, 20px);
    grid-template-columns: auto 1fr;
    padding-block: min(2.2916666667vw, 33px);
    padding-inline: min(2.0833333333vw, 30px) min(3.125vw, 45px);
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList__link::after {
    background: no-repeat left top/cover;
    border-radius: min(2.0833333333vw, 30px);
    content: "";
    display: block;
    height: 100%;
    inset: 0 auto 0 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    width: min(35.4166666667vw, 510px);
  }
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-36-3a-2x-2r-2t-24-2x-37-38-2n-2n-30-2x-32-2z-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2b-2t-36-3a-2x-2r-2t-24-2x-37-38-2n-2n-30-33-2v-33-19-1c-1d-15]:not(.does-not-exist)::after {
  background-image: url("../img/vote_img_01.webp");
}
.ModuleServiceList__link:has(.ModuleServiceList__logo-01)::after {
  background-image: url("../img/vote_img_01.webp");
}
.js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2b-2t-36-3a-2x-2r-2t-24-2x-37-38-2n-2n-30-2x-32-2z-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2b-2t-36-3a-2x-2r-2t-24-2x-37-38-2n-2n-30-33-2v-33-19-1c-1e-15]:not(.does-not-exist)::after {
  background-image: url("../img/vote_img_02.webp");
}
.ModuleServiceList__link:has(.ModuleServiceList__logo-02)::after {
  background-image: url("../img/vote_img_02.webp");
}
.ModuleServiceList__link:hover::after {
  opacity: 1;
  visibility: visible;
}

.ModuleServiceList__logo {
  display: block;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .ModuleServiceList__logo-01 {
    height: 14.1333333333vw;
    width: 32vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList__logo-01 {
    height: min(3.6805555556vw, 53px);
    width: min(8.3333333333vw, 120px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleServiceList__logo-02 {
    height: 18.1333333333vw;
    width: 32vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList__logo-02 {
    height: min(4.7222222222vw, 68px);
    width: min(8.3333333333vw, 120px);
  }
}

.ModuleServiceList__text {
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ModuleServiceList__text {
    font-size: 3.7333333333vw;
    padding-inline: 2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleServiceList__text {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleServiceList__image {
  display: block;
}

.ModuleSkills {
  display: grid;
}
@media screen and (max-width: 768px) {
  .ModuleSkills {
    gap: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSkills {
    gap: min(0.6944444444vw, 10px);
  }
}

.ModuleSkills__head {
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleSkills__head {
    font-size: 4.8vw;
    padding-inline-start: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSkills__head {
    font-size: min(1.25vw, 18px);
    padding-inline-start: min(1.3888888889vw, 20px);
  }
}
.ModuleSkills__head::before {
  background-color: #009ee0;
  border-radius: 50%;
  content: "";
  display: block;
  inset: 0 auto 0 0;
  margin-block: auto;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .ModuleSkills__head::before {
    height: 3.2vw;
    width: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSkills__head::before {
    height: min(0.8333333333vw, 12px);
    width: min(0.8333333333vw, 12px);
  }
}

.ModuleSkills__body {
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .ModuleSkills__body {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSkills__body {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleSlider01 {
  margin-inline: calc(50% - 50vw);
  overflow: hidden;
}
@media print, (min-width: 769px) {
  .js-has-pseudo .ModuleSlider01:where([csstools-has-1m-2w-2p-37-14-1a-2y-37-19-37-34-2b-30-2x-2s-2t-36-15]) {
    margin-inline: 0;
  }
  .ModuleSlider01:where(:has(.js-spSlider)) {
    margin-inline: 0;
  }
}
.ModuleSlider01 .splide {
  margin-inline: auto;
  visibility: visible;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .splide {
    width: 76vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .splide {
    width: min(75vw, 1080px);
  }
}
.ModuleSlider01 .splide__track {
  overflow: visible;
}
.ModuleSlider01 .splide__arrow {
  background-color: #009ee0;
  color: #fff;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .splide__arrow {
    height: 16vw;
    width: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .splide__arrow {
    height: min(4.1666666667vw, 60px);
    transition: background-color 0.3s ease-out, color 0.3s ease-out;
    width: min(4.1666666667vw, 60px);
  }
}
.ModuleSlider01 .splide__arrow::before {
  background-color: currentColor;
  content: "";
  display: block;
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") no-repeat left top/contain;
          mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTg3MjQgOS42MTk4N0w1LjQxOTI4IDYuOTc4MTVDNC44NjE5NyA2LjQwNDcyIDQuODU5OTcgNS41MDkzIDUuNDE1MjUgNC45MzkzOUM1LjY5MTM4IDQuNjU2MjEgNi4wNjIyNCA0LjUgNi40NTkzMiA0LjVDNi44NDEyNyA0LjUgNy4yMDIwNiA0LjY0NzE0IDcuNDc1MTcgNC45MTM3TDExLjA0MDcgOC40Nzc3M0MxMS42ODA3IDkuMTIxMjEgMTEuNjgwNyAxMC4xNjczIDExLjA0MDcgMTAuODEwMkw3LjQ4MzIzIDE0LjM3MDhDNy4yMDUwOCAxNC42NDA4IDYuODQwMjYgMTQuNzkgNi40NTUyOSAxNC43OUM2LjA3MjM0IDE0Ljc5IDUuNzA5NTMgMTQuNjQyOSA1LjQzMzQgMTQuMzczOEM1LjE1NzI3IDE0LjEwMDcgNS4wMDMwNyAxMy43MzU5IDUuMDAwMDUgMTMuMzQ2OEM0Ljk5NzAyIDEyLjk1NjggNS4xNDYxNyAxMi41ODkgNS40MTkyOCAxMi4zMTA4TDcuOTg3MjQgOS42MTk4N1oiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K") no-repeat left top/contain;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .splide__arrow::before {
    height: 4.2666666667vw;
    width: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .splide__arrow::before {
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}
.ModuleSlider01 .splide__arrow svg {
  display: none;
}
.ModuleSlider01 .splide__arrow:hover {
  background-color: #50c2f7;
  opacity: 1;
}
.ModuleSlider01 .splide__arrow[disabled] {
  background-color: #b0bec5;
  pointer-events: none;
}
.ModuleSlider01 .splide__arrow--prev {
  transform: rotate(180deg) translateY(50%);
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .splide__arrow--prev {
    inset-inline-start: max(-12vw, -45px);
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .splide__arrow--prev {
    inset-inline-start: max(-3.125vw, -45px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .splide__arrow--next {
    inset-inline-end: max(-12vw, -45px);
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .splide__arrow--next {
    inset-inline-end: max(-3.125vw, -45px);
  }
}
.ModuleSlider01 .js-slider:not(.is-overflow) .splide__list {
  transform: none !important;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01 .js-slider:not(.is-overflow) .splide__list {
    justify-content: center;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .js-slider:not(.is-overflow) .splide__list {
    justify-content: flex-start;
  }
}
.ModuleSlider01 .js-slider:not(.is-overflow) .ModuleSlider01__item:last-child {
  margin-inline-end: 0 !important;
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .js-spSlider.is-initialized {
    margin-inline: 0;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .js-spSlider.is-initialized {
    visibility: visible;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01 .js-spSlider.is-initialized .splide__list {
    display: grid;
    gap: min(2.0833333333vw, 30px);
    grid-template-columns: repeat(3, 1fr);
  }
}

.ModuleSlider01__item {
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01__item {
    border-radius: 8vw;
    box-shadow: 0 0 1.6vw rgba(232, 243, 250, 0.25);
    width: 76vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01__item {
    border-radius: min(2.0833333333vw, 30px);
    box-shadow: 0 0 min(0.4166666667vw, 6px) rgba(232, 243, 250, 0.25);
    gap: min(2.0833333333vw, 30px);
    width: min(23.6111111111vw, 340px);
  }
}

.ModuleSlider01__link {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  text-decoration: none;
  transition: color 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleSlider01__link:hover {
    color: #50c2f7;
  }
}

.ModuleSlider01__body {
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: 1fr auto;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01__body {
    gap: 4vw;
    padding-block: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01__body {
    gap: min(2.4305555556vw, 35px);
    padding-block: min(1.6666666667vw, 24px);
    padding-inline: min(1.6666666667vw, 24px);
  }
}

.ModuleSlider01__photo {
  align-items: center;
  aspect-ratio: 51/28;
  background-color: #eaf0f5;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01__photo {
    font-size: 22.9333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01__photo {
    font-size: min(5.9722222222vw, 86px);
  }
}

.ModuleSlider01__photo-vote {
  aspect-ratio: 320/297;
}

.ModuleSlider01__photo-zenn {
  background-color: #cfe5ff;
}

.ModuleSlider01__image {
  display: block;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .ModuleSlider01__image {
    transform: scale(1.01);
    transition: transform 0.3s ease-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  .ModuleSlider01__link:hover .ModuleSlider01__image {
    transform: scale(1.1);
  }
}

.ModuleSlider01__title {
  font-weight: 700;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01__title {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01__title {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleSlider01__date {
  color: #b0bec5;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-block-start: auto;
  text-box: trim-both cap alphabetic;
}
@media screen and (max-width: 768px) {
  .ModuleSlider01__date {
    font-size: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleSlider01__date {
    font-size: min(0.9722222222vw, 14px);
  }
}

.ModuleTable__table {
  border-block-start: 1px solid #d2dae5;
  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 768px) {
  .ModuleTable__table {
    display: block;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable__table {
    width: 100%;
  }
}
.ModuleTable-noBlockBorder :where(.ModuleTable__table) {
  border-block-start: none;
}

.ModuleTable__thead {
  background-color: #d5e6ee;
  height: min(4.1666666667vw, 60px);
  vertical-align: center;
}
@media screen and (max-width: 768px) {
  .ModuleTable__thead {
    display: none;
  }
}

.ModuleTable__thead__th {
  font-weight: 700;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .ModuleTable__thead__th {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable__thead__th {
    padding-left: min(1.0416666667vw, 15px);
    font-size: min(1.25vw, 18px);
    width: min(19.4444444444vw, 280px);
  }
}

.ModuleTable__thead__td {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .ModuleTable__thead__td {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable__thead__td {
    font-size: min(1.25vw, 18px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleTable__tbody {
    display: contents;
  }
}

@media screen and (max-width: 768px) {
  .ModuleTable__tr {
    border-block-end: 1px solid #d2dae5;
    display: grid;
    gap: 4vw;
    padding-block: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .ModuleTable-noBlockBorder :where(.ModuleTable__tr:first-child) {
    padding-block-start: 0;
  }
}
@media screen and (max-width: 768px) {
  .ModuleTable-noBlockBorder :where(.ModuleTable__tr:last-child) {
    border-block-end: none;
    padding-block-end: 0;
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleTable__th, .ModuleTable__td, .ModuleTable__th__with__header) {
    display: block;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleTable__th, .ModuleTable__td, .ModuleTable__th__with__header) {
    border-block-end: 1px solid #d2dae5;
    padding-block: min(2.0833333333vw, 30px);
  }
}
@media print, (min-width: 769px) {
  .ModuleTable-noBlockBorder :where(.ModuleTable__tr:first-child) :where(.ModuleTable__th, .ModuleTable__td, .ModuleTable__th__with__header) {
    padding-block-start: 0;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable-noBlockBorder :where(.ModuleTable__tr:last-child) :where(.ModuleTable__th, .ModuleTable__td, .ModuleTable__th__with__header) {
    border-block-end: none;
    padding-block-end: 0;
  }
}

@media screen and (max-width: 768px) {
  .ModuleTable__tr__dashed:not(:last-child) {
    border-block-end: min(0.5555555556vw, 8px) dashed #d2dae5;
  }
}

@media print, (min-width: 769px) {
  :where(.ModuleTable__dashed) {
    border-block-end: 1px dashed #d2dae5;
  }
}

.ModuleTable__th {
  vertical-align: top;
  font-weight: 900;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .ModuleTable__th {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable__th {
    font-size: min(1.25vw, 18px);
    vertical-align: top;
    width: min(16.6666666667vw, 240px);
  }
}

.ModuleTable__th__with__header {
  vertical-align: top;
  font-weight: 700;
  text-align: start;
}
@media screen and (max-width: 768px) {
  .ModuleTable__th__with__header {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTable__th__with__header {
    font-size: min(1.25vw, 18px);
    vertical-align: top;
    width: min(16.6666666667vw, 240px);
  }
}

.ModuleTable__padding-top {
  padding-top: min(1.3888888889vw, 20px);
}

.ModuleText {
  line-height: 1.75;
}

.ModuleText-lh14 {
  line-height: 1.4;
}

.ModuleText-lh15 {
  line-height: 1.5;
}

.ModuleText-lh18 {
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .ModuleText-fz12 {
    font-size: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz12 {
    font-size: min(0.8333333333vw, 12px);
  }
}

.ModuleText-fz12ls5p {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .ModuleText-fz12ls5p {
    font-size: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz12ls5p {
    font-size: min(0.8333333333vw, 12px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleText-fz15 {
    font-size: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz15 {
    font-size: min(1.0416666667vw, 15px);
  }
}

.ModuleText-fz15ls5p {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .ModuleText-fz15ls5p {
    font-size: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz15ls5p {
    font-size: min(1.0416666667vw, 15px);
  }
}

.ModuleText-fz16ls5p {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .ModuleText-fz16ls5p {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz16ls5p {
    font-size: min(1.1111111111vw, 16px);
  }
}

.ModuleText-fz18ls5p {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .ModuleText-fz18ls5p {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleText-fz18ls5p {
    font-size: min(1.25vw, 18px);
  }
}

.ModuleTitle {
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .ModuleTitle {
    scroll-margin-block-start: 20.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle {
    scroll-margin-block-start: min(8.3333333333vw, 120px);
  }
}

.ModuleTitle-lv1 {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv1 {
    font-size: 13.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv1 {
    font-size: min(3.4722222222vw, 50px);
  }
}

.ModuleTitle-lv2 {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv2 {
    font-size: 7.4666666667vw;
    margin-block-end: 12vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv2 {
    font-size: min(2.5vw, 36px);
    margin-block-end: min(6.25vw, 90px);
  }
}
@media screen and (max-width: 768px) {
  :where(.ModuleSection-white.ModuleSection-round) .ModuleTitle-lv2 {
    margin-block-end: 4vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleSection-white.ModuleSection-round) .ModuleTitle-lv2 {
    margin-block-end: min(3.125vw, 45px);
  }
}

.ModuleTitle-lv3 {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv3 {
    font-size: 6.4vw;
    margin-block: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv3 {
    font-size: min(2.0833333333vw, 30px);
    margin-block: min(2.0833333333vw, 30px);
  }
}

@media print, (min-width: 769px) {
  .ModuleTitle-lv3-mke45 {
    margin-block-end: min(3.125vw, 45px);
  }
}

.ModuleTitle-lv3blue {
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv3blue {
    padding-inline-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv3blue {
    padding-inline-start: min(1.3888888889vw, 20px);
  }
}
.ModuleTitle-lv3blue::before {
  background-color: #009ee0;
  border-radius: 100vw;
  content: "";
  display: block;
  inset-inline-start: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv3blue::before {
    inset-block: 2.1333333333vw 0.8vw;
    width: 1.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv3blue::before {
    inset-block: min(0.5555555556vw, 8px) min(0.3472222222vw, 5px);
    width: min(0.6944444444vw, 10px);
  }
}

.ModuleTitle-lv4 {
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv4 {
    font-size: 5.3333333333vw;
    margin-block-end: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv4 {
    font-size: min(1.6666666667vw, 24px);
    margin-block-end: min(2.0833333333vw, 30px);
  }
}

.ModuleTitle-lv4blue {
  color: #009ee0;
}

.ModuleTitle-lv5 {
  letter-spacing: 0.05em;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv5 {
    font-size: 4.2666666667vw;
    margin-block-end: 1.3333333333vw;
    padding-inline-start: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv5 {
    font-size: min(1.1111111111vw, 16px);
    margin-block-end: min(0.3472222222vw, 5px);
    padding-inline-start: min(1.3888888889vw, 20px);
  }
}
.ModuleTitle-lv5::before {
  background-color: #009ee0;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .ModuleTitle-lv5::before {
    height: 3.2vw;
    inset: 1.3333333333vw auto auto 0;
    width: 3.2vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv5::before {
    height: min(0.8333333333vw, 12px);
    inset: min(0.3472222222vw, 5px) auto auto 0;
    width: min(0.8333333333vw, 12px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleTitleWrap {
    margin-block-end: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleWrap {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto;
    margin-block-end: min(4.1666666667vw, 60px);
  }
}
.ModuleTitleWrap [class*=ModuleTitle] {
  margin-block-end: 0;
}
@media screen and (max-width: 768px) {
  .ModuleTitleWrap .ModuleMore {
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleWrap .ModuleMore {
    margin-block-start: 0;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2c-33-34-15-w-1a-25-33-2s-39-30-2t-25-33-36-2t]:not(.does-not-exist):not(.does-not-exist) {
    margin-block-start: min(2.7777777778vw, 40px);
  }
  .ModuleTitleWrap:has(.ModuleTitleTop) .ModuleMore {
    margin-block-start: min(2.7777777778vw, 40px);
  }
}

.ModuleTitleTop {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .ModuleTitleTop {
    gap: 1.8666666667vw;
    margin-block-end: 12vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleTop {
    gap: min(1.0416666667vw, 15px);
    margin-block-end: min(4.1666666667vw, 60px);
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleTop.ModuleTitleTop-mke90 {
    margin-block-end: min(6.25vw, 90px);
  }
}

.ModuleTitleTop__ja {
  align-items: center;
  display: grid;
  font-feature-settings: "palt";
  font-weight: 700;
  grid-template-columns: auto 1fr;
  letter-spacing: 0.05em;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .ModuleTitleTop__ja {
    font-size: 3.2vw;
    gap: 2.1333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleTop__ja {
    font-size: min(1.25vw, 18px);
    gap: min(0.6944444444vw, 10px);
  }
}
.ModuleTitleTop__ja::before {
  background-color: #ffe100;
  border-radius: 50%;
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  .ModuleTitleTop__ja::before {
    height: 3.4666666667vw;
    width: 3.4666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleTop__ja::before {
    height: min(1.1111111111vw, 16px);
    width: min(1.1111111111vw, 16px);
  }
}

.ModuleTitleTop__en {
  color: #009ee0;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .ModuleTitleTop__en {
    font-size: 9.6vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitleTop__en {
    font-size: min(4.1666666667vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleTotal:not(:last-child) {
    margin-block-end: 13.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotal:not(:last-child) {
    margin-block-end: min(3.4722222222vw, 50px);
  }
}

.ModuleTotal-blue {
  background-color: #f0fafe;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .ModuleTotal-blue {
    border-radius: 8vw;
    grid-template-columns: 1fr;
    padding-block: 16vw;
    padding-inline: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotal-blue {
    border-radius: min(2.0833333333vw, 30px);
    padding-block: min(3.0555555556vw, 44px);
  }
}

@media print, (min-width: 769px) {
  .ModuleTotal-works {
    justify-self: center;
  }
}

.ModuleTotal__lead {
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ModuleTotal__lead {
    font-size: 6.4vw;
    margin-block-end: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotal__lead {
    font-size: min(2.3611111111vw, 34px);
    margin-block-end: min(2.7777777778vw, 40px);
  }
}
:where(.ModuleTotal-blue) .ModuleTotal__lead {
  background-color: #fff;
  border-radius: 100vw;
  box-shadow: 0 0 min(0.6944444444vw, 10px) rgba(3, 155, 229, 0.05);
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  :where(.ModuleTotal-blue) .ModuleTotal__lead {
    font-size: 4.2666666667vw;
    margin-block-end: min(2.6666666667vw, 10px);
    margin-inline: auto;
    padding-block: min(3.2vw, 12px);
    padding-inline: min(3.7333333333vw, 14px);
    width: 100%;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleTotal-blue) .ModuleTotal__lead {
    font-size: min(1.25vw, 18px);
    margin-block-end: min(1.3888888889vw, 20px);
    margin-inline-start: min(0.6944444444vw, 10px);
    padding-block: min(1.0416666667vw, 15px);
    padding-inline: min(2.0833333333vw, 30px);
    width: -moz-fit-content;
    width: fit-content;
  }
}

.ModuleTotalCount {
  text-align: center;
}
@media print, (min-width: 769px) {
  .ModuleTotal-works :where(.ModuleTotalCount) {
    text-align: end;
  }
}

.ModuleTotalCount__number {
  color: #009ee0;
  display: inline-block;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  white-space: nowrap;
  width: 1.9em;
}
@media screen and (max-width: 768px) {
  .ModuleTotalCount__number {
    font-size: 34.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotalCount__number {
    font-size: min(13.8888888889vw, 200px);
  }
}
:where(.ModuleTotal-blue) .ModuleTotalCount__number {
  letter-spacing: 0;
  width: 1.75em;
}
@media screen and (max-width: 768px) {
  :where(.ModuleTotal-blue) .ModuleTotalCount__number {
    font-size: 30.9333333333vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleTotal-blue) .ModuleTotalCount__number {
    font-size: min(9.2361111111vw, 133px);
  }
}

.ModuleTotalCount__text {
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .ModuleTotalCount__text {
    font-size: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotalCount__text {
    font-size: min(2.3611111111vw, 34px);
  }
}
:where(.ModuleTotal-blue) .ModuleTotalCount__text {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  :where(.ModuleTotal-blue) .ModuleTotalCount__text {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleTotal-blue) .ModuleTotalCount__text {
    font-size: min(1.5972222222vw, 23px);
  }
}

.ModuleTotal__note {
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ModuleTotal__note {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotal__note {
    font-size: min(1.25vw, 18px);
  }
}
:where(.ModuleTotal-blue) .ModuleTotal__note {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  :where(.ModuleTotal-blue) .ModuleTotal__note {
    font-size: 3.7333333333vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleTotal-blue) .ModuleTotal__note {
    font-size: min(1.25vw, 18px);
  }
}
.ModuleTotal-works :where(.ModuleTotal__note) {
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-align: end;
}
@media screen and (max-width: 768px) {
  .ModuleTotal-works :where(.ModuleTotal__note) {
    font-size: 3.2vw;
    margin-block-end: 2.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTotal-works :where(.ModuleTotal__note) {
    font-size: min(0.8333333333vw, 12px);
    margin-block-end: min(0.6944444444vw, 10px);
  }
}

.ModuleList {
  line-height: 1.6;
}

.ModuleList__Number {
  list-style: none;
  counter-reset: num;
}

.ModuleList__Number__Children {
  font-weight: 400;
  display: flex;
  counter-increment: num;
  position: relative;
  margin-bottom: min(2.7777777778vw, 40px);
}
@media screen and (max-width: 768px) {
  .ModuleList__Number__Children {
    margin-bottom: min(6.9444444444vw, 100px);
  }
}

.ModuleList__Number__Children::before {
  content: counter(num) ".";
  left: 0;
  font-weight: bold;
}
@media print, (min-width: 769px) {
  .ModuleList__Number__Children::before {
    margin-right: min(2.0833333333vw, 30px);
    font-size: min(1.1805555556vw, 17px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleList__Number__Children::before {
    margin-right: 6.6666666667vw;
    font-size: 4vw;
  }
}

@media print, (min-width: 769px) {
  .ModuleList__Number__Children:nth-child(n+10)::before {
    margin-right: min(1.5277777778vw, 22px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleList__Number__Children:nth-child(n+10)::before {
    margin-right: 4.8vw;
  }
}

.ModuleList__Dash {
  font-weight: 400;
  list-style: none;
}

.ModuleList__Dash__Children {
  display: flex;
  position: relative;
  margin-bottom: min(1.3888888889vw, 20px);
}
@media screen and (max-width: 768px) {
  .ModuleList__Dash__Children {
    margin-bottom: min(3.4722222222vw, 50px);
  }
}

.ModuleList__Dash__Children:last-child {
  margin-bottom: 0;
}

.ModuleList__Dash__Children::before {
  content: "ー";
  left: 0;
  margin-right: min(1.3888888889vw, 20px);
}

.ModuleList__Signature {
  font-weight: 400;
  margin-top: min(3.4722222222vw, 50px);
}
@media print, (min-width: 769px) {
  .ModuleList__Signature {
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleList__Signature {
    margin-bottom: 8vw;
  }
}

.ModuleList__Lead {
  font-weight: 700;
}

.ModuleList__Text {
  font-weight: 400;
}

.ModuleBanner {
  opacity: 1;
  transition: opacity 1s ease;
  position: fixed;
  background-color: none;
  height: auto;
  z-index: 9999;
}
@media screen and (max-width: 768px) {
  .ModuleBanner {
    left: 51%;
    transform: translateX(-50%);
    bottom: 2.6666666667vw;
    width: 96vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleBanner {
    bottom: min(1.3888888889vw, 20px);
    right: min(0.8333333333vw, 12px);
    width: min(24.3055555556vw, 350px);
  }
}

.ModuleBanner-is-hidden {
  opacity: 0;
  pointer-events: none;
}

.ModuleBanner__image {
  width: 100%;
  height: auto;
  display: block;
}

.ModuleBanner__Button {
  position: absolute;
  top: min(0vw, 0px);
  right: min(0vw, 0px);
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .ModuleBanner__Button {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleBanner__Button {
    width: min(2.2222222222vw, 32px);
    height: min(2.2222222222vw, 32px);
  }
}

.TopCase {
  background: no-repeat left top/cover;
}
@media screen and (max-width: 768px) {
  .TopCase {
    background-image: url("../img/common/bg_works_01_sp.webp");
    margin-block-end: min(-3.4722222222vw, -50px);
    padding-block: 16vw 34.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase {
    background-image: url("../img/common/bg_works_01_pc.webp");
    margin-block-end: min(-5.5555555556vw, -80px);
    padding-block: min(6.9444444444vw, 100px) min(12.5vw, 180px);
  }
}

.TopCase__row {
  display: grid;
}
@media screen and (max-width: 768px) {
  .TopCase__row {
    gap: 8vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__row {
    gap: min(5.5555555556vw, 80px);
    grid-template-columns: 1fr min(29.8611111111vw, 430px);
  }
}

.TopCase__head {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .TopCase__logo {
    height: 20.5333333333vw;
    width: 44.8vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__logo {
    height: min(5.8333333333vw, 84px);
    width: min(12.7777777778vw, 184px);
  }
}

.TopCase__title {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4545454545;
}
@media screen and (max-width: 768px) {
  .TopCase__title {
    font-size: 5.8666666667vw;
    margin-block-start: 2.9333333333vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__title {
    font-size: min(1.8055555556vw, 26px);
    margin-block-start: min(0.7638888889vw, 11px);
  }
}

.TopCase__lead {
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4375;
}
@media screen and (max-width: 768px) {
  .TopCase__lead {
    font-size: 4.2666666667vw;
    margin-block-start: 5.8666666667vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__lead {
    font-size: min(1.25vw, 18px);
    margin-block-start: min(1.8055555556vw, 26px);
  }
}

.TopCase__body {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .TopCase__body {
    border-radius: 8vw;
    padding-block: 10.6666666667vw;
    padding-inline: 7.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__body {
    border-radius: min(2.0833333333vw, 30px);
    padding-block: min(2.5vw, 36px);
    padding-inline: min(1.3888888889vw, 20px);
  }
}

.TopCase__text {
  display: grid;
  font-weight: 700;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 1.4;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .TopCase__text {
    font-size: 4.2666666667vw;
    gap: 2.1333333333vw;
    margin-block-end: 6.6666666667vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__text {
    font-size: min(1.1111111111vw, 16px);
    gap: min(0.5555555556vw, 8px);
    margin-block-end: min(1.7361111111vw, 25px);
  }
}
.TopCase__text em {
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .TopCase__text em {
    font-size: 4.8vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__text em {
    font-size: min(1.25vw, 18px);
  }
}
.TopCase__text::before, .TopCase__text::after {
  background: no-repeat left top/contain;
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  .TopCase__text::before, .TopCase__text::after {
    height: 9.6vw;
    margin-block-start: 2.9333333333vw;
    width: 4.5333333333vw;
  }
}
@media print, (min-width: 769px) {
  .TopCase__text::before, .TopCase__text::after {
    height: min(2.5vw, 36px);
    margin-block-start: min(0.7638888889vw, 11px);
    width: min(1.3888888889vw, 20px);
  }
}
.TopCase__text::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAxNyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9Ii0xLjUiIHgyPSIzNi40NjYzIiB5Mj0iLTEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC4zNjE1MDkgMC45MzIzNjkgLTAuODQwNDQ0IDAuNTQxODk4IDAuNTA3ODEyIDIpIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=");
}
.TopCase__text::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAxNyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9Ii0xLjUiIHgyPSIzNi40NjYzIiB5Mj0iLTEuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMzYxNTA5IDAuOTMyMzY5IDAuODQwNDQ0IDAuNTQxODk4IDE2LjQ5NDEgMikiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+Cg==");
}

.TopNews {
  background-color: #fff;
  display: grid;
}
@media screen and (max-width: 768px) {
  .TopNews {
    gap: 21.3333333333vw;
    padding-block: 21.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .TopNews {
    gap: 8.3333333333vw;
    padding-block: 8.3333333333vw;
  }
}

.TopNews__row {
  display: grid;
}
@media screen and (max-width: 768px) {
  .TopNews__row {
    gap: 13.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .TopNews__row {
    align-items: center;
    justify-content: space-between;
  }
}

@media print, (min-width: 769px) {
  .TopNews__row-news {
    grid-template-areas: "content image";
    grid-template-columns: min(43.75vw, 630px) 37.5vw;
    justify-self: end;
    width: 87.5vw;
  }
}

@media print, (min-width: 769px) {
  .TopNews__row-company {
    gap: min(14.5833333333vw, 210px);
    grid-template-areas: "image content";
    grid-template-columns: 37.5vw min(35.4166666667vw, 510px);
    width: 87.5vw;
  }
}
@media screen and (max-width: 768px) {
  .TopNews__row-company .ModuleButton {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  .TopNews__row-company .ModuleButton {
    margin-block-start: min(4.1666666667vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-2c-33-34-26-2t-3b-37-2n-2n-2r-33-30-39-31-32-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2c-33-34-15]:not(.does-not-exist) {
    padding-inline: 8vw;
  }
  .TopNews__column:has(.ModuleTitleTop) {
    padding-inline: 8vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-2c-33-34-26-2t-3b-37-2n-2n-2r-33-30-39-31-32-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2c-33-34-15]:not(.does-not-exist) {
    grid-area: content;
  }
  .TopNews__column:has(.ModuleTitleTop) {
    grid-area: content;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo [csstools-has-1a-2c-33-34-26-2t-3b-37-2n-2n-2r-33-30-39-31-32-1m-2w-2p-37-14-1a-2c-33-34-26-2t-3b-37-2n-2n-2x-31-2p-2v-2t-15]:not(.does-not-exist) {
    grid-area: image;
  }
  .TopNews__column:has(.TopNews__image) {
    grid-area: image;
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-2c-33-34-26-2t-3b-37-2n-2n-36-33-3b-19-32-2t-3b-37-w-1a-2c-33-34-26-2t-3b-37-2n-2n-2r-33-30-39-31-32-1m-2w-2p-37-14-1a-2c-33-34-26-2t-3b-37-2n-2n-2x-31-2p-2v-2t-15]:not(.does-not-exist):not(.does-not-exist) {
    padding-inline-start: 8vw;
  }
  .TopNews__row-news .TopNews__column:has(.TopNews__image) {
    padding-inline-start: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo [csstools-has-1a-2c-33-34-26-2t-3b-37-2n-2n-36-33-3b-19-2r-33-31-34-2p-32-3d-w-1a-2c-33-34-26-2t-3b-37-2n-2n-2r-33-30-39-31-32-1m-2w-2p-37-14-1a-2c-33-34-26-2t-3b-37-2n-2n-2x-31-2p-2v-2t-15]:not(.does-not-exist):not(.does-not-exist) {
    padding-inline-end: 8vw;
  }
  .TopNews__row-company .TopNews__column:has(.TopNews__image) {
    padding-inline-end: 8vw;
  }
}

.TopNews__image {
  display: block;
}

.ContactTitle {
  color: #009ee0;
  line-height: 1.75;
}
@media print, (min-width: 769px) {
  .ContactTitle {
    font-size: min(1.3888888889vw, 20px);
    font-weight: 700;
    margin-bottom: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .ContactTitle {
    font-size: 5.3333333333vw;
    font-weight: 700;
    margin-bottom: 5.3333333333vw;
  }
}

.ContactMembers {
  width: min(50vw, 720px);
}
@media screen and (max-width: 768px) {
  .ContactMembers {
    display: none;
  }
}

.ContactMembers__grid {
  list-style: none;
  margin-block: min(2.7777777778vw, 40px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(2.0833333333vw, 30px);
  background: #fff;
  border-radius: min(2.0833333333vw, 30px);
  padding: min(2.0833333333vw, 30px);
}

.ContactMembers__card {
  text-align: center;
}

.ContactMembers__image {
  width: 100%;
  height: auto;
  margin-bottom: min(1.0416666667vw, 15px);
  -o-object-fit: cover;
     object-fit: cover;
}

.ContactMembers__name {
  font-weight: 700;
  line-height: 1.4;
  margin-block: min(0.3472222222vw, 5px);
}

.ContactMembers__role {
  font-size: min(0.8333333333vw, 12px);
  line-height: 1.6;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .ContactMembers__title {
    margin-block: min(6.9444444444vw, 100px);
  }
}
@media print, (min-width: 769px) {
  .ContactMembers__title {
    display: none;
  }
}

.Blog-Post-Interview-Question {
  display: flex;
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Question {
    font-size: min(1.3888888889vw, 20px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Question {
    font-size: 4.8vw;
    margin-bottom: 8vw;
  }
}

.Blog-Post-Interview-Question::before {
  background-color: #009ee0;
  content: "";
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Question::before {
    height: min(2.0833333333vw, 30px);
    width: min(0.6944444444vw, 10px);
    margin-right: min(1.0416666667vw, 15px);
    border-radius: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Question::before {
    height: auto;
    width: 1.8666666667vw;
    margin-right: 2.1333333333vw;
    border-radius: 26.6666666667vw;
  }
}

.form-success,
.form-failure {
  display: none;
}

@media screen and (max-width: 768px) {
  .form-success {
    font-size: 4.2666666667vw;
  }
}
@media print, (min-width: 769px) {
  .form-success {
    font-size: min(1.1111111111vw, 16px);
  }
}

.form-failure {
  text-align: center;
}

.form-success-title {
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .form-success-title {
    font-size: 8vw;
  }
}
@media print, (min-width: 769px) {
  .form-success-title {
    font-size: min(2.0833333333vw, 30px);
  }
}

.form-success-message {
  font-weight: 500;
}

@media print, (min-width: 769px) {
  .Download-Content {
    width: min(50vw, 720px);
  }
}
@media screen and (max-width: 768px) {
  .Download-Content {
    width: 84vw;
  }
}

.Download-Step {
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 769px) {
  .Download-Step {
    gap: min(0.4166666667vw, 6px);
    margin-bottom: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Download-Step {
    gap: 1.6vw;
    margin-bottom: 5.3333333333vw;
  }
}

.Download-Step:last-child {
  margin-bottom: 0;
}

.Download-Step-Badge {
  background: #009ee0;
  color: #fff;
}
@media print, (min-width: 769px) {
  .Download-Step-Badge {
    width: min(5.5555555556vw, 80px);
    border-radius: min(2.0833333333vw, 30px);
    padding: min(0.2083333333vw, 3px) min(1.3888888889vw, 20px);
    font-size: min(0.9027777778vw, 13px);
  }
}
@media screen and (max-width: 768px) {
  .Download-Step-Badge {
    width: 21.3333333333vw;
    border-radius: 8vw;
    padding: 0.8vw 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
}

.Download-Title-Sample {
  font-weight: 700;
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Download-Title-Sample {
    font-size: min(1.3888888889vw, 20px);
    margin-block-end: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Download-Title-Sample {
    font-size: 5.3333333333vw;
    margin-block-end: 2.6666666667vw;
  }
}

.Download-Image {
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 769px) {
  .Download-Image {
    gap: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Download-Image {
    gap: 2.6666666667vw;
  }
}

.RecruitSeparator {
  background-color: rgba(0, 158, 224, 0.1);
  border-radius: 100vw;
  width: 100%;
  display: flex;
}
.RecruitSeparator::before {
  content: "";
}
@media screen and (max-width: 768px) {
  .RecruitSeparator::before {
    height: 1.0666666667vw;
    margin-inline: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  .RecruitSeparator::before {
    height: min(0.2777777778vw, 4px);
    margin-inline: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .RecruitSeparator {
    margin-block: min(9.7222222222vw, 140px);
  }
}
@media print, (min-width: 769px) {
  .RecruitSeparator {
    margin-block: min(2.7777777778vw, 40px);
  }
}

.RecruitEntry {
  margin-bottom: min(0.6944444444vw, 10px);
  display: flex;
  justify-content: center;
}

.Blog_ModuleSection-round {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .Blog_ModuleSection-round {
    border-radius: 8vw;
    box-shadow: 8vw 8vw 24vw rgba(3, 155, 229, 0.1);
    padding-block: 8vw;
    margin-block-end: min(4.1666666667vw, 60px);
  }
}
@media print, (min-width: 769px) {
  .Blog_ModuleSection-round {
    border-radius: min(4.1666666667vw, 60px);
    box-shadow: min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) min(6.25vw, 90px) rgba(3, 155, 229, 0.1);
    padding: min(2.0833333333vw, 30px) 0 min(4.1666666667vw, 60px) 0;
    margin-block-end: min(8.3333333333vw, 120px);
  }
}

.Blog-Card-title2 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 900;
  position: relative;
}
@media print, (min-width: 769px) {
  .Blog-Card-title2 {
    margin-bottom: min(1.3888888889vw, 20px);
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-title2 {
    margin-bottom: 5.3333333333vw;
    font-size: 5.3333333333vw;
  }
}

.Blog-Card-title2::before,
.Blog-Card-title2::after {
  content: "";
  display: inline-block;
  background: #009ee0;
  vertical-align: middle;
}
@media print, (min-width: 769px) {
  .Blog-Card-title2::before,
  .Blog-Card-title2::after {
    width: min(2.0833333333vw, 30px);
    height: min(0.1388888889vw, 2px);
    margin: 0 min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-title2::before,
  .Blog-Card-title2::after {
    width: 8vw;
    height: 0.6666666667vw;
    margin: 0 3.2vw;
  }
}

.Blog-Card-container {
  background: #f5f7f8;
}
@media print, (min-width: 769px) {
  .Blog-Card-container {
    border-radius: min(1.7361111111vw, 25px);
    padding: min(0.6944444444vw, 10px) min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-container {
    border-radius: 8vw;
    padding: 2.6666666667vw 5.3333333333vw;
  }
}

.Blog-Card-grid {
  display: grid;
  gap: 0;
}
@media print, (min-width: 769px) {
  .Blog-Card-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-grid {
    grid-template-columns: 1fr;
  }
}

.Blog-Card-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Card-category {
    padding-block: min(1.0416666667vw, 15px);
    transition: all 0.5s ease;
    border-bottom: min(0.1388888889vw, 2px) solid #e2eced;
    font-size: min(1.1111111111vw, 16px);
    margin: 0 min(0.6944444444vw, 10px) 0 min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-category {
    padding-block: 4.8vw;
    font-size: 4.2666666667vw;
    transition: all 0.5s ease;
    border-bottom: 0.5333333333vw solid #e2eced;
    margin: 0 2.6666666667vw;
  }
}

.Blog-Card-category:hover {
  color: #50c2f7;
}

@media print, (min-width: 769px) {
  .Blog-Card-category:nth-last-child(-n+2) {
    border-bottom: none;
  }
}

@media screen and (max-width: 768px) {
  .Blog-Card-category:last-child {
    border-bottom: none;
  }
}

.Blog-Card-category i {
  color: #009ee0;
}

.Blog-Card-tag_list {
  display: flex;
  flex-wrap: wrap;
}
@media print, (min-width: 769px) {
  .Blog-Card-tag_list {
    gap: min(0.6944444444vw, 10px);
    padding: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-tag_list {
    gap: 2.6666666667vw;
    padding: 6.6666666667vw;
  }
}

.Blog-Card-tag {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-weight: 500;
  background: #fff;
  transition: all 0.5s ease;
}
@media print, (min-width: 769px) {
  .Blog-Card-tag {
    border: min(0.0694444444vw, 1px) solid #b0bec5;
    border-radius: min(6.9444444444vw, 100px);
    padding-block: min(0.4861111111vw, 7px);
    padding-inline: min(1.3888888889vw, 20px);
    font-size: min(0.9722222222vw, 14px);
    gap: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-tag {
    border: 0.2666666667vw solid #b0bec5;
    border-radius: 26.6666666667vw;
    padding-block: 1.8666666667vw;
    padding-inline: 5.3333333333vw;
    font-size: 3.7333333333vw;
    gap: 2.1333333333vw;
  }
}

.Blog-Card-tag:hover {
  background: #50c2f7;
  border-color: #50c2f7;
  color: #fff;
}

.Blog-Card-tag i {
  color: #009ee0;
  transition: all 0.5s ease;
}

.Blog-Card-tag:hover i {
  color: #fff;
}

.Blog-Card-search_box {
  position: relative;
}
@media print, (min-width: 769px) {
  .Blog-Card-search_box {
    margin-top: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-search_box {
    margin-top: 8vw;
  }
}

.Blog-Card-search_box input {
  width: 100%;
  border: none;
  background: #f5f7f8;
  text-align: center;
  height: min(3.8194444444vw, 55px);
  border-radius: min(6.9444444444vw, 100px);
  font-size: min(0.9722222222vw, 14px);
  padding: 0 min(1.7361111111vw, 25px);
}
@media print, (min-width: 769px) {
  .Blog-Card-search_box input {
    height: min(3.8194444444vw, 55px);
    border-radius: min(6.9444444444vw, 100px);
    font-size: min(0.9722222222vw, 14px);
    padding: 0 min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Card-search_box input {
    height: 14.6666666667vw;
    border-radius: 26.6666666667vw;
    font-size: 3.7333333333vw;
    padding: 0 6.6666666667vw;
  }
}

.Blog-Category-Search input {
  margin-bottom: min(0.3472222222vw, 5px);
  width: 100%;
  border: none;
  background: #fff;
  text-align: center;
  height: min(3.8194444444vw, 55px);
  border-radius: min(6.9444444444vw, 100px);
  font-size: min(0.9722222222vw, 14px);
  padding: 0 min(1.7361111111vw, 25px);
}
@media print, (min-width: 769px) {
  .Blog-Category-Search input {
    height: min(3.8194444444vw, 55px);
    border-radius: min(6.9444444444vw, 100px);
    font-size: min(0.9722222222vw, 14px);
    padding: 0 min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Search input {
    height: 14.6666666667vw;
    border-radius: 26.6666666667vw;
    font-size: 3.7333333333vw;
    padding: 0 6.6666666667vw;
  }
}

.Blog-Card-search_box input::-moz-placeholder {
  text-align: center;
}

.Blog-Card-search_box input::placeholder {
  text-align: center;
}

.Blog-Card-search_icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(50% + min(5.5555555556vw, 80px)), -50%);
  color: #009ee0;
  pointer-events: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .Blog-Card-search_icon {
    display: none;
  }
}

.Blog-Card-search_box:focus-within .Blog-Card-search_icon {
  opacity: 0;
  visibility: hidden;
}

.Blog-Ranking-List {
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 769px) {
  .Blog-Ranking-List {
    gap: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-List {
    gap: 5.3333333333vw;
  }
}

.Blog-Ranking-Item {
  display: grid;
  align-items: center;
  text-decoration: none;
  background: #fff;
}
@media print, (min-width: 769px) {
  .Blog-Ranking-Item {
    grid-template-columns: min(5.5555555556vw, 80px) min(16.6666666667vw, 240px) 1fr;
    gap: min(1.6666666667vw, 24px);
    border-radius: min(2.0833333333vw, 30px);
    padding: min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Item {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    border-radius: 8vw;
    padding: 6.6666666667vw;
  }
}

.Blog-Ranking-Rank {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Blog-Ranking-Rank {
    flex-direction: column;
    padding-block: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Rank {
    flex-direction: row;
    padding-block: 1.3333333333vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Ranking-Text {
    font-size: min(0.9027777778vw, 13px);
    margin-bottom: min(0.2777777778vw, 4px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Text {
    font-size: 3.4666666667vw;
    line-height: 1;
  }
}

@media screen and (max-width: 768px) {
  .Blog-Ranking-Text::after {
    content: " ";
    width: 5.3333333333vw;
    height: 0.5333333333vw;
    margin-left: 2.1333333333vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Ranking-Number {
    font-size: min(4.1666666667vw, 60px);
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Number {
    font-size: 3.4666666667vw;
    line-height: 1;
  }
}

.Blog-Ranking-Thumb img {
  width: 100%;
  height: auto;
  border-radius: min(0.8333333333vw, 12px);
  display: block;
}

.Blog-Ranking-Content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Content {
    gap: 5.3333333333vw;
  }
}

.Blog-Ranking-Top {
  height: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
}

.Blog-Ranking-Bottom {
  display: flex;
  justify-content: space-between;
  height: auto;
  align-items: end;
}

.Blog-Ranking-Date {
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #b0bec5;
}

.Blog-Ranking-Tag {
  background: #e6f6ff;
  color: #009fe3;
  white-space: nowrap;
}
@media print, (min-width: 769px) {
  .Blog-Ranking-Tag {
    padding: min(0.4166666667vw, 6px) min(0.8333333333vw, 12px);
    border-radius: min(3.4722222222vw, 50px);
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Ranking-Tag {
    padding: 1.6vw 3.2vw;
    border-radius: 26.6666666667vw;
    font-size: 3.2vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Category-Container {
    display: flex;
    align-items: flex-start;
    gap: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Container {
    display: block;
  }
}

@media print, (min-width: 769px) {
  .Blog-Category-Container1 {
    width: min(52.0833333333vw, 750px);
  }
}

.Blog-Category-Card-Container {
  display: grid;
  grid-template-columns: 1fr;
  background: #fff;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card-Container {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card-Container {
    border-radius: 8vw;
  }
}

.Blog-Category-Tag-Title {
  text-decoration: none;
  font-weight: 900;
}
@media print, (min-width: 769px) {
  .Blog-Category-Tag-Title {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Tag-Title {
    font-size: 4.2666666667vw;
  }
}

.Blog-Category-Content {
  display: flex;
  flex-wrap: wrap;
}
@media print, (min-width: 769px) {
  .Blog-Category-Content {
    gap: min(2.0833333333vw, 30px);
    padding-block: min(2.7777777778vw, 40px);
    width: min(49.3055555556vw, 710px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Content {
    gap: 8vw;
    padding-block: 8vw;
    width: 84vw;
  }
}

.Blog-Category-Content-Container {
  background-color: #fff;
}
@media print, (min-width: 769px) {
  .Blog-Category-Content-Container {
    border-radius: min(2.0833333333vw, 30px);
    width: min(23.6111111111vw, 340px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Content-Container {
    border-radius: 8vw;
    width: 90.6666666667vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Category-Content-Container span {
    border-radius: min(2.0833333333vw, 30px) min(2.0833333333vw, 30px) 0 0;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Content-Container span {
    border-radius: 8vw 8vw 0 0;
  }
}

.Blog-Category-Card {
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card {
    gap: min(1.7361111111vw, 25px);
    width: min(24.3055555556vw, 350px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card {
    gap: 6.6666666667vw;
    width: 100%;
    margin-top: 16vw;
  }
}

.Blog-Category-Card1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.5s ease;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card1 {
    padding-block: min(1.25vw, 18px);
    font-size: min(1.1111111111vw, 16px);
    border-bottom: min(0.1388888889vw, 2px) solid #e2eced;
    padding-inline: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card1 {
    padding-block: 4.8vw;
    font-size: 4.2666666667vw;
    border-bottom: 0.5333333333vw solid #e2eced;
    padding-inline: 5.3333333333vw;
  }
}

.Blog-Category-Card1:hover {
  color: #50c2f7;
}

.Blog-Category-Card1:last-child {
  border-bottom: none;
}

.Blog-Category-Card-Title {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 900;
  transition: all 0.5s ease;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card-Title {
    gap: min(0.3472222222vw, 5px);
    padding-block: min(1.25vw, 18px);
    font-size: min(1.1111111111vw, 16px);
    border-bottom: min(0.1388888889vw, 2px) solid #e2eced;
    padding-inline: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card-Title {
    gap: 1.3333333333vw;
    padding-block: 4.8vw;
    font-size: 4.2666666667vw;
    border-bottom: 0.5333333333vw solid #e2eced;
    padding-inline: 5.3333333333vw;
  }
}

.Blog-Category-Card-Title::before {
  content: "";
  background-color: #009ee0;
  gap: 0;
  padding: 0;
  margin: 0;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card-Title::before {
    border-radius: 100vw;
    height: min(1.3888888889vw, 20px);
    width: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card-Title::before {
    border-radius: 100vw;
    height: 5.3333333333vw;
    width: 1.3333333333vw;
  }
}

.Blog-Category-Card2 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.5s ease;
  align-items: center;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card2 {
    font-size: min(0.9027777778vw, 13px);
    border-bottom: min(0.1388888889vw, 2px) solid #e2eced;
    padding-block: min(0.6944444444vw, 10px);
    padding-inline: min(1.3888888889vw, 20px);
    gap: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card2 {
    font-size: 3.4666666667vw;
    border-bottom: 0.5333333333vw solid #e2eced;
    padding-block: 2.6666666667vw;
    padding-inline: 5.3333333333vw;
    gap: 2.6666666667vw;
  }
}

.Blog-Category-Card2:last-child {
  border-bottom: none;
}

.Blog-Category-Card2 p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media print, (min-width: 769px) {
  .Blog-Category-Card2 p {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Card2 p {
    font-size: 2.9333333333vw;
  }
}

.Blog-Category-Tag-Container {
  display: flex;
  flex-wrap: wrap;
}
@media print, (min-width: 769px) {
  .Blog-Category-Tag-Container {
    gap: min(0.6944444444vw, 10px);
    padding-block: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Tag-Container {
    gap: 2.6666666667vw;
    padding-block: 2.6666666667vw;
  }
}

.Blog-Category-Title {
  display: flex;
  text-decoration: none;
  font-weight: 900;
  align-items: start;
}
@media print, (min-width: 769px) {
  .Blog-Category-Title {
    font-size: min(2.0833333333vw, 30px);
    border-bottom: min(0.2083333333vw, 3px) solid #e2eced;
    height: min(4.5138888889vw, 65px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Title {
    font-size: 5.3333333333vw;
    border-bottom: 1.0666666667vw solid #e2eced;
    height: 13.3333333333vw;
  }
}

.Blog-Category-Tag {
  background: #e6f6ff;
  color: #009fe3;
  white-space: nowrap;
}
@media print, (min-width: 769px) {
  .Blog-Category-Tag {
    padding: min(0.4166666667vw, 6px) min(1.0416666667vw, 15px);
    border-radius: min(2.0833333333vw, 30px);
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Category-Tag {
    padding: 1.6vw 4vw;
    border-radius: 26.6666666667vw;
    font-size: 3.2vw;
  }
}

.Pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, (min-width: 769px) {
  .Pagination {
    gap: min(0.8333333333vw, 12px);
    margin-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .Pagination {
    gap: 2.6666666667vw;
    margin-top: 10.6666666667vw;
  }
}

.Pagination-page,
.Pagination-arrow {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c7d4d8;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: background 0.3s ease;
}
@media print, (min-width: 769px) {
  .Pagination-page,
  .Pagination-arrow {
    width: min(3.0555555556vw, 44px);
    height: min(3.0555555556vw, 44px);
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .Pagination-page,
  .Pagination-arrow {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    font-size: 3.7333333333vw;
  }
}

.Pagination-page.is-active {
  background: #50c2f7;
}

.Pagination-page:hover,
.Pagination-arrow:hover {
  background: #50c2f7;
}

.Pagination-arrow.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.Pagination-arrow.is-prev i {
  transform: rotate(180deg);
}

.Pagination-arrow i {
  display: block;
}

.Pagination-arrow i::before {
  position: relative;
}
@media print, (min-width: 769px) {
  .Pagination-arrow i::before {
    top: min(-0.0486111111vw, -0.7px);
    left: min(0.0347222222vw, 0.5px);
  }
}
@media screen and (max-width: 768px) {
  .Pagination-arrow i::before {
    top: -0.1866666667vw;
    left: 0.2133333333vw;
  }
}

.Blog-Post-Date {
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.Blog-Post-Category {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
}
@media print, (min-width: 769px) {
  .Blog-Post-Category {
    font-size: min(0.9722222222vw, 14px);
    gap: min(0.6944444444vw, 10px);
    margin-bottom: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Category {
    font-size: 3.7333333333vw;
    gap: 2.6666666667vw;
    margin-bottom: 4vw;
  }
}

.Blog-Post-Category span {
  color: #009ee0;
}

.Blog-Post-Title {
  font-size: min(1.9444444444vw, 28px);
  font-weight: 900;
  line-height: 1.4;
}
@media print, (min-width: 769px) {
  .Blog-Post-Title {
    font-size: min(2.0833333333vw, 30px);
    margin-bottom: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Title {
    font-size: 6.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}

.Blog-Post-Tag-List {
  display: flex;
  flex-wrap: wrap;
}
@media print, (min-width: 769px) {
  .Blog-Post-Tag-List {
    gap: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Tag-List {
    gap: 2.1333333333vw;
  }
}

.Blog-Post-Tag {
  background: #fff;
  text-decoration: none;
}
@media print, (min-width: 769px) {
  .Blog-Post-Tag {
    border-radius: min(2.0833333333vw, 30px);
    padding: min(0.4166666667vw, 6px) min(1.3888888889vw, 20px);
    font-size: min(0.9027777778vw, 13px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Tag {
    border-radius: 8vw;
    padding: 1.6vw 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
}

.Blog-Post-Tag:hover {
  background: #50c2f7;
  border-color: #50c2f7;
  color: #fff;
}

@media print, (min-width: 769px) {
  .Blog-Post-Image-Area {
    margin: min(2.2222222222vw, 32px) 0;
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Image-Area {
    margin: 8.5333333333vw 0;
    border-radius: 8vw;
  }
}

.Blog-Post-Image-Area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media print, (min-width: 769px) {
  .Blog-Post-Image-Area img {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Image-Area img {
    border-radius: 8vw;
  }
}

.Blog-Post-Image-Caption {
  display: flex;
  justify-content: flex-end;
}
@media print, (min-width: 769px) {
  .Blog-Post-Image-Caption {
    margin-top: min(0.5555555556vw, 8px);
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Image-Caption {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
  }
}

.Blog-Post-Text-Block {
  font-weight: 400;
}

.Blog-Post-Note-List {
  margin-top: min(1.0416666667vw, 15px);
}

.Blog-Post-Note-List li:before {
  content: "※ ";
}

.Blog-Post-Intro-Text {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Intro-Text {
    margin-bottom: min(2.2222222222vw, 32px);
    font-size: min(1.0416666667vw, 15px);
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Intro-Text {
    margin-bottom: 8.5333333333vw;
    font-size: 4vw;
    line-height: 1.8;
  }
}

.Blog-Post-Index-Box {
  background: #e0eff5;
}
@media print, (min-width: 769px) {
  .Blog-Post-Index-Box {
    border-radius: min(2.0833333333vw, 30px);
    padding: min(2.0833333333vw, 30px);
    margin-bottom: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-Box {
    border-radius: 8vw;
    padding: 8vw;
    margin-bottom: 10.6666666667vw;
  }
}

.Blog-Post-Index-Title {
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Blog-Post-Index-Title {
    font-size: min(0.9722222222vw, 14px);
    margin-bottom: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-Title {
    font-size: 3.7333333333vw;
    margin-bottom: 3.2vw;
  }
}

.Blog-Post-Index-List {
  transition: max-height 0.3s ease;
  counter-reset: number;
}
@media print, (min-width: 769px) {
  .Blog-Post-Index-List {
    padding-left: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-List {
    padding-left: 0vw;
  }
}

.Blog-Post-Index-List li {
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Blog-Post-Index-List li {
    margin: 0 min(0.3472222222vw, 5px) min(0.5555555556vw, 8px) min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-List li {
    margin: 0 1.3333333333vw 2.1333333333vw 0;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Index-Indent1 {
    padding-left: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-Indent1 {
    padding-left: 4vw;
  }
}

.Blog-Post-Index-Button {
  background: #fff;
  cursor: pointer;
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Blog-Post-Index-Button {
    border: min(0.0694444444vw, 1px) solid #009ee0;
    padding: min(0.5555555556vw, 8px) min(1.1111111111vw, 16px);
    border-radius: min(1.3888888889vw, 20px);
    font-size: min(0.9027777778vw, 13px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Index-Button {
    border: 0.2666666667vw solid #009ee0;
    padding: 2.1333333333vw 4.2666666667vw;
    border-radius: 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
}

.Blog-Post-Index-List.is-collapsed li:nth-child(n+4) {
  display: none;
}

.Blog-Post-Content-Item {
  margin-bottom: min(1.1111111111vw, 16px);
}

.Blog-Post-Content-Item-Blue h2,
.Blog-Post-Content-Item-Blue h3,
.Blog-Post-Content-Item-Blue h4 {
  background-color: #009ee0;
  color: #fff;
}
@media print, (min-width: 769px) {
  .Blog-Post-Content-Item-Blue h2,
  .Blog-Post-Content-Item-Blue h3,
  .Blog-Post-Content-Item-Blue h4 {
    padding: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Content-Item-Blue h2,
  .Blog-Post-Content-Item-Blue h3,
  .Blog-Post-Content-Item-Blue h4 {
    padding: 2.1333333333vw;
  }
}

@media print, (min-width: 769px) {
  .Index-Item h1,
  .Index-Item h2,
  .Index-Item h3,
  .Index-Item h4,
  .Index-Item h5,
  .Index-Item h6,
  .Index-Item .Blog-Post-Faq-Question-Text {
    scroll-margin-top: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 768px) {
  .Index-Item h1,
  .Index-Item h2,
  .Index-Item h3,
  .Index-Item h4,
  .Index-Item h5,
  .Index-Item h6,
  .Index-Item .Blog-Post-Faq-Question-Text {
    scroll-margin-top: 40vw;
  }
}

blockquote {
  color: #555;
}
@media print, (min-width: 769px) {
  blockquote {
    border-left: min(0.2777777778vw, 4px) solid #ccc;
    padding-left: min(1.1111111111vw, 16px);
    margin: 1.5em 0;
  }
}
@media screen and (max-width: 768px) {
  blockquote {
    border-left: 1.0666666667vw solid #ccc;
    padding-left: 4.2666666667vw;
    margin: 1.5em 0;
  }
}

.Blog-Post-Content p {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Content p {
    font-size: min(1.1111111111vw, 16px);
    line-height: 1.8;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Content p {
    font-size: 4.2666666667vw;
    line-height: 1.8;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Parts {
    margin-bottom: min(2.0833333333vw, 30px);
    margin-top: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts {
    margin-bottom: 8vw;
    margin-top: 8vw;
  }
}

.Blog-Post-Parts-Card {
  background: #fff;
  overflow: hidden;
}
@media print, (min-width: 769px) {
  .Blog-Post-Parts-Card {
    display: grid;
    grid-template-columns: minmax(0, min(34.7222222222vw, 500px)) min(13.8888888889vw, 200px);
    border-radius: min(2.0833333333vw, 30px);
    padding: min(2.0833333333vw, 30px);
    gap: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts-Card {
    display: block;
    border-radius: 5.3333333333vw;
    padding: 8vw;
    gap: 4.2666666667vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Parts-Card .Blog-Post-Parts-Text {
    display: flex;
    flex-direction: column;
  }
}

.Blog-Post-Parts-Title {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Parts-Title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: min(1.25vw, 18px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts-Title {
    font-size: 4.8vw;
    margin-bottom: 6.6666666667vw;
  }
}

.Blog-Post-Parts-Description {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Parts-Description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts-Description {
    font-size: 4vw;
    margin-bottom: 6.6666666667vw;
  }
}

.Blog-Post-Parts-Link {
  font-weight: 700;
  color: #009ee0;
}
@media print, (min-width: 769px) {
  .Blog-Post-Parts-Link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    font-size: min(0.9722222222vw, 14px);
    margin-top: auto;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts-Link {
    font-size: 3.7333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}

.Blog-Post-Parts-Image {
  display: flex;
}
@media print, (min-width: 769px) {
  .Blog-Post-Parts-Image {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Parts-Image {
    width: 100%;
    height: auto;
    margin-top: 5.3333333333vw;
  }
}

.Blog-Post-Parts-Image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  display: block;
}

.Blog-Post-Quote-Box * {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.Blog-Post-Quote-Box {
  font-weight: 400;
  background: #fff;
}
@media print, (min-width: 769px) {
  .Blog-Post-Quote-Box {
    border: min(0.6944444444vw, 10px) solid #cbe4f4;
    padding: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Quote-Box {
    border: 2.6666666667vw solid #cbe4f4;
    padding: 5.3333333333vw;
  }
}

.Blog-Post-Quote-Box p {
  font-weight: 400;
  line-height: 1.7;
}

.Blog-Post-Quote-Source {
  display: flex;
  justify-content: flex-end;
}
@media print, (min-width: 769px) {
  .Blog-Post-Quote-Source {
    margin-top: min(2.0833333333vw, 30px);
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Quote-Source {
    margin-top: 8vw;
    font-size: 3.2vw;
  }
}

.Blog-Post-Quote-Source a {
  color: #009ee0;
}

.Blog-Post-Author-Container {
  background: #fff;
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Container {
    border-radius: min(2.0833333333vw, 30px);
    padding: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Container {
    border-radius: 8vw;
    padding: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Author-Box {
    display: grid;
    grid-template-columns: 1fr min(13.8888888889vw, 200px);
    gap: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Box {
    display: block;
    gap: 5.3333333333vw;
  }
}

@media screen and (max-width: 768px) {
  .Blog-Post-Author-Text {
    margin-bottom: 5.3333333333vw;
  }
}

.Blog-Post-Author-Image {
  display: flex;
  justify-content: flex-end;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Image {
    width: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Image {
    width: 100%;
    height: auto;
  }
}

.Blog-Post-Author-Image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.Blog-Post-Author-Title {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Title {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Title {
    font-size: 3.7333333333vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Author-Description {
    margin-top: min(0.6944444444vw, 10px);
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Description {
    margin-top: 2.6666666667vw;
    font-size: 4vw;
  }
}

.Blog-Post-Author-Name {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Name {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Name {
    font-size: 5.3333333333vw;
  }
}

.Blog-Post-Author-Name-Romaji {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Name-Romaji {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Name-Romaji {
    font-size: 3.2vw;
  }
}

.Blog-Post-Author-Description {
  margin-bottom: min(1.3888888889vw, 20px);
}

.Blog-Post-Author-Link {
  font-weight: 700;
  color: #009ee0;
  text-decoration: underline;
}
@media print, (min-width: 769px) {
  .Blog-Post-Author-Link {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Author-Link {
    font-size: 3.7333333333vw;
  }
}

.Blog-Post-Credit {
  font-weight: 400;
}

.Blog-Post-Credit-Title {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Credit-Title {
    font-size: min(1.25vw, 18px);
    margin-bottom: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Credit-Title {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Credit-List {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Credit-List {
    font-size: 4.2666666667vw;
  }
}

.Blog-Post-People-List {
  background: #fff;
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-People-List {
    border-radius: min(2.0833333333vw, 30px);
    padding-inline: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-People-List {
    border-radius: 8vw;
    padding-inline: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Person-Card {
    display: grid;
    grid-template-columns: 1fr min(13.8888888889vw, 200px);
    border-bottom: rgba(30, 45, 54, 0.1019607843) solid min(0.1388888889vw, 2px);
    padding-block: min(2.0833333333vw, 30px);
    gap: min(1.3888888889vw, 20px);
  }
  .Blog-Post-Person-Card .Blog-Post-Person-Text {
    grid-column: 1;
    grid-row: 1;
  }
  .Blog-Post-Person-Card .Blog-Post-Person-Image {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Person-Card {
    display: block;
    border-bottom: rgba(30, 45, 54, 0.1019607843) solid 0.5333333333vw;
    padding-block: 8vw;
    gap: 8vw;
  }
}

.Blog-Post-Person-Image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.Blog-Post-Person-Card:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .Blog-Post-Person-Text {
    margin-top: 8vw;
  }
}

.Blog-Post-Person-Image {
  aspect-ratio: 200/275;
  display: flex;
  justify-content: flex-end;
}

.Blog-Post-Company-Box {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Company-Box {
    display: grid;
    grid-template-columns: min(23.9583333333vw, 345px) 1fr;
    gap: min(2.0833333333vw, 30px);
    align-items: start;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Company-Box {
    display: block;
    gap: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Company-Image {
    border-radius: min(2.0833333333vw, 30px);
    width: min(23.9583333333vw, 345px);
    height: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Company-Image {
    border-radius: 8vw;
    width: 100%;
    height: auto;
  }
}

.Blog-Post-Company-Image img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
}
@media print, (min-width: 769px) {
  .Blog-Post-Company-Image img {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Company-Image img {
    border-radius: 8vw;
    margin-bottom: 8vw;
  }
}

.Blog-Post-Interview {
  font-weight: 400;
}

.Blog-Post-Interview-Title {
  font-weight: 900;
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Title {
    font-size: min(2.0833333333vw, 30px);
    border-radius: min(2.0833333333vw, 30px);
    margin-bottom: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Title {
    font-size: 6.4vw;
    border-radius: 8vw;
    margin-bottom: 10.6666666667vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Interview-Description {
    margin-bottom: min(2.0833333333vw, 30px);
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Description {
    margin-bottom: 8vw;
    font-size: 4.2666666667vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Point-Title {
    margin-bottom: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Point-Title {
    margin-bottom: 5.3333333333vw;
  }
}

.Blog-Post-Box-Round {
  background: #e0eff5;
  align-items: center;
}
@media print, (min-width: 769px) {
  .Blog-Post-Box-Round {
    border-radius: min(2.0833333333vw, 30px);
    padding: min(2.0833333333vw, 30px);
    gap: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Box-Round {
    display: block;
    border-radius: 5.3333333333vw;
    padding: 8vw;
    gap: 4.2666666667vw;
  }
}

.Blog-Post-Content-Item ul,
.Blog-Post-Content-Item-Blue ul,
.Blog-Post-Box-Round ul {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: disc;
}
@media print, (min-width: 769px) {
  .Blog-Post-Content-Item ul,
  .Blog-Post-Content-Item-Blue ul,
  .Blog-Post-Box-Round ul {
    padding-left: min(3.125vw, 45px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Content-Item ul,
  .Blog-Post-Content-Item-Blue ul,
  .Blog-Post-Box-Round ul {
    padding-left: 6.6666666667vw;
  }
}
.Blog-Post-Content-Item ol,
.Blog-Post-Content-Item-Blue ol,
.Blog-Post-Box-Round ol {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: decimal;
}
@media print, (min-width: 769px) {
  .Blog-Post-Content-Item ol,
  .Blog-Post-Content-Item-Blue ol,
  .Blog-Post-Box-Round ol {
    padding-left: min(3.125vw, 45px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Content-Item ol,
  .Blog-Post-Content-Item-Blue ol,
  .Blog-Post-Box-Round ol {
    padding-left: 6.6666666667vw;
  }
}

.Blog-Post-Hand-Icon {
  position: relative;
}
@media print, (min-width: 769px) {
  .Blog-Post-Hand-Icon {
    bottom: min(0.2777777778vw, 4px);
    margin-right: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Hand-Icon {
    bottom: 1.0666666667vw;
    margin-right: 2.6666666667vw;
  }
}

.Blog-Post-Interview-Question {
  display: flex;
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Question {
    font-size: min(1.3888888889vw, 20px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Question {
    font-size: 4.8vw;
    margin-bottom: 8vw;
  }
}

.Blog-Post-Interview-Question::before {
  background-color: #009ee0;
  content: "";
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Question::before {
    height: min(2.0833333333vw, 30px);
    width: min(0.6944444444vw, 10px);
    margin-right: min(1.0416666667vw, 15px);
    border-radius: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Question::before {
    height: auto;
    width: 1.8666666667vw;
    margin-right: 2.1333333333vw;
    border-radius: 26.6666666667vw;
  }
}

.Blog-Post-Interview-Answer {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Interview-Answer {
    font-size: min(1.1111111111vw, 16px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Interview-Answer {
    font-size: 4.2666666667vw;
    margin-bottom: 8vw;
  }
}

.Blog-Post-Faq-Title {
  font-weight: 900;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Title {
    font-size: min(2.0833333333vw, 30px);
    margin-bottom: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Title {
    font-size: 8vw;
    margin-bottom: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-Faq-Item {
    margin-bottom: min(3.125vw, 45px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Item {
    margin-bottom: 8vw;
  }
}

.Blog-Post-Faq-Item:last-child {
  margin-bottom: 0;
}

.Blog-Post-Faq-Section {
  display: flex;
  align-items: flex-start;
  font-family: "Josefin Sans", "Noto Sans JP", sans-serif;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Section {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Section {
    font-size: 4vw;
  }
}

.Blog-Post-Faq-Question-Text {
  display: flex;
  align-items: baseline;
  min-width: 0;
  flex: 1;
  font-weight: 900;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Question-Text {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Question-Text {
    font-size: 5.3333333333vw;
  }
}

.Blog-Post-Faq-Question-Text::before {
  content: "Q.";
  flex-shrink: 0;
  color: #009ee0;
  font-weight: 900;
  position: relative;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Question-Text::before {
    width: min(3.4722222222vw, 50px);
    font-size: min(2.0833333333vw, 30px);
    top: min(0.1388888889vw, 2px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Question-Text::before {
    width: 13.3333333333vw;
    font-size: 8vw;
    top: 0.5333333333vw;
  }
}

.Blog-Post-Faq-Answer-Text {
  display: flex;
  align-items: baseline;
  flex: 1;
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Answer-Text {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Answer-Text {
    font-size: 4.2666666667vw;
  }
}

.Blog-Post-Faq-Answer-Text::before {
  content: "A.";
  flex-shrink: 0;
  font-weight: 400;
  position: relative;
}
@media print, (min-width: 769px) {
  .Blog-Post-Faq-Answer-Text::before {
    width: min(3.4722222222vw, 50px);
    font-size: min(2.0833333333vw, 30px);
    top: min(0.1388888889vw, 2px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Faq-Answer-Text::before {
    width: 13.3333333333vw;
    font-size: 8vw;
    top: 0.5333333333vw;
  }
}

.Blog-Post-List {
  font-weight: 400;
}

.Blog-Post-List-Title {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-List-Title {
    font-size: min(2.0833333333vw, 30px);
    margin-bottom: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-List-Title {
    font-size: 8vw;
    margin-bottom: 5.3333333333vw;
  }
}

/* Normal list */
.Blog-Post-ListNormal {
  list-style: disc;
}
@media print, (min-width: 769px) {
  .Blog-Post-ListNormal {
    padding-left: min(1.3888888889vw, 20px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ListNormal {
    padding-left: 5.3333333333vw;
    margin-bottom: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-ListNormal li {
    margin-bottom: min(0.4166666667vw, 6px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ListNormal li {
    margin-bottom: 1.6vw;
  }
}

.Blog-Post-ListBox {
  background: #e0eff5;
}
@media print, (min-width: 769px) {
  .Blog-Post-ListBox {
    border-radius: min(2.0833333333vw, 30px);
    padding: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ListBox {
    border-radius: 8vw;
    padding: 8vw;
  }
}

.Blog-Post-ListBoxInner {
  list-style: disc;
}
@media print, (min-width: 769px) {
  .Blog-Post-ListBoxInner {
    padding-left: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ListBoxInner {
    padding-left: 5.3333333333vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-ListBoxInner li {
    margin-bottom: min(0.4166666667vw, 6px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ListBoxInner li {
    margin-bottom: 1.6vw;
  }
}

.Blog-Post-Img {
  background-color: #cbe4f4;
}
@media print, (min-width: 769px) {
  .Blog-Post-Img {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Img {
    border-radius: 8vw;
  }
}

.Blog-Post-Img--Large {
  width: 100%;
}
@media print, (min-width: 769px) {
  .Blog-Post-Img--Large {
    height: min(24.3055555556vw, 350px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Img--Large {
    height: auto;
    margin-bottom: 8vw;
  }
}

.Blog-Post-Img--Large img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media print, (min-width: 769px) {
  .Blog-Post-Img--Large img {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Img--Large img {
    border-radius: 8vw;
  }
}

.Blog-Post-Img--Small {
  aspect-ratio: 315/280;
}
@media print, (min-width: 769px) {
  .Blog-Post-Img--Small {
    width: 100%;
    height: min(19.4444444444vw, 280px);
    margin-bottom: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Img--Small {
    height: auto;
    margin-bottom: 2.6666666667vw;
  }
}

.Blog-Post-Img--Small img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media print, (min-width: 769px) {
  .Blog-Post-Img--Small img {
    border-radius: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-Img--Small img {
    border-radius: 8vw;
  }
}

@media print, (min-width: 769px) {
  .Blog-Post-ImgRow {
    display: flex;
    gap: min(2.0833333333vw, 30px);
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ImgRow {
    display: block;
    gap: 8vw;
  }
}

.Blog-Post-ImgGroup {
  flex: 1;
}

.Blog-Post-ImgTitle {
  font-weight: 700;
}
@media print, (min-width: 769px) {
  .Blog-Post-ImgTitle {
    font-size: min(1.1111111111vw, 16px);
    margin-bottom: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ImgTitle {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}

.Blog-Post-ImgText {
  font-weight: 400;
}
@media print, (min-width: 769px) {
  .Blog-Post-ImgText {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 768px) {
  .Blog-Post-ImgText {
    font-size: 4vw;
    margin-bottom: 8vw;
  }
}

.login-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.login {
  background: #fff;
  padding: min(2.7777777778vw, 40px);
  width: min(24.3055555556vw, 350px);
  border-radius: min(2.0833333333vw, 30px);
  box-shadow: 0 min(0.6944444444vw, 10px) min(2.0833333333vw, 30px) rgba(0, 0, 0, 0.2);
}

.login h2 {
  text-align: center;
  margin-bottom: min(1.7361111111vw, 25px);
  color: #333;
}

.input-group {
  margin-bottom: min(1.3888888889vw, 20px);
}

.input-group label {
  font-size: min(0.9722222222vw, 14px);
  color: #555;
  display: block;
  margin-bottom: min(0.4166666667vw, 6px);
}

.input-group input {
  width: 100%;
  padding: min(0.8333333333vw, 12px);
  border: 1px solid #ddd;
  border-radius: min(0.4166666667vw, 6px);
  font-size: min(0.9722222222vw, 14px);
  background-color: #fff;
  color: #333;
  transition: 0.3s;
}
.input-group input:focus {
  border-color: #009ee0;
  outline: none;
  box-shadow: 0 0 min(0.3472222222vw, 5px) rgba(99, 102, 241, 0.4);
}
.input-group input::-moz-placeholder {
  color: #b0bec5;
}
.input-group input::placeholder {
  color: #b0bec5;
}

.login-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: min(0.8333333333vw, 12px);
  border: none;
  border-radius: min(0.6944444444vw, 10px);
  background: #009ee0;
  color: white;
  font-size: min(1.1111111111vw, 16px);
  cursor: pointer;
  transition: 0.3s;
  margin-top: min(1.3888888889vw, 20px);
}
.login-btn:hover {
  background: #6788d1;
}

.admin-page {
  font-family: "Noto Sans JP", sans-serif;
  background: #f5f7f8;
  color: #263134;
  font-size: min(0.9027777778vw, 13px);
  line-height: 1.5;
  min-height: 100vh;
  padding: min(1.9444444444vw, 28px);
}
@media (max-width: min(48.6111111111vw, 700px)) {
  .admin-page {
    padding: min(1.1111111111vw, 16px);
  }
}

.page-title {
  font-size: min(1.5277777778vw, 22px);
  font-weight: 700;
  color: #263134;
  margin-bottom: min(1.3888888889vw, 20px);
  letter-spacing: -0.3px;
}

.card {
  background: #fff;
  border: 1px solid #e2eced;
  border-radius: min(0.8333333333vw, 12px);
  box-shadow: 0 min(0.0694444444vw, 1px) min(0.2083333333vw, 3px) rgba(0, 0, 0, 0.06), 0 min(0.0694444444vw, 1px) min(0.1388888889vw, 2px) rgba(0, 0, 0, 0.04);
  margin-bottom: min(1.1111111111vw, 16px);
  overflow: hidden;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(1.1111111111vw, 16px) min(1.3888888889vw, 20px);
  border-bottom: 1px solid #e2eced;
}

.card-title {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 700;
  color: #263134;
}

.card-header-inner {
  display: flex;
  align-items: center;
  gap: min(1.1111111111vw, 16px);
}

.drag-hint {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  font-weight: 500;
}
.drag-hint::before, .drag-hint::after {
  content: "";
  display: inline-block;
  width: min(2.2222222222vw, 32px);
  height: 1px;
  background: #c7d4d8;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
  padding: min(0.4861111111vw, 7px) min(0.9722222222vw, 14px);
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(0.8333333333vw, 12px);
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.btn svg {
  width: min(0.9027777778vw, 13px);
  height: min(0.9027777778vw, 13px);
}
.btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

.btn-primary {
  background: #009ee0;
  color: white;
}
.btn-primary:hover {
  background: #009ee0;
  transform: translateY(min(-0.0694444444vw, -1px));
  box-shadow: 0 min(0.2777777778vw, 4px) min(0.8333333333vw, 12px) rgba(0, 0, 0, 0.08), 0 min(0.1388888889vw, 2px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.04);
}

.btn-outline {
  background: transparent;
  color: #5a6270;
  border: 1px solid #c7d4d8;
}
.btn-outline:hover {
  background: #f8f9fb;
  border-color: #009ee0;
  color: #009ee0;
}

.btn-danger {
  background: #fdf0ef;
  color: #f67a7c;
  border: 1px solid #f5c5c2;
}
.btn-danger:hover {
  background: #f67a7c;
  color: white;
}

.btn-warning {
  background: #f0a050;
  color: white;
}
.btn-warning:hover {
  background: #e08840;
  transform: translateY(min(-0.0694444444vw, -1px));
  box-shadow: 0 min(0.2777777778vw, 4px) min(0.8333333333vw, 12px) rgba(0, 0, 0, 0.08), 0 min(0.1388888889vw, 2px) min(0.2777777778vw, 4px) rgba(0, 0, 0, 0.04);
}

.btn-save {
  background: #009ee0;
  color: white;
  width: 100%;
  justify-content: center;
  padding: min(0.625vw, 9px) min(0.9722222222vw, 14px);
}
.btn-save:hover {
  background: #009ee0;
}

.btn-sm {
  padding: min(0.3472222222vw, 5px) min(0.6944444444vw, 10px);
  font-size: min(0.7638888889vw, 11px);
}

.tag-table {
  width: 100%;
  border-collapse: collapse;
}
.tag-table thead tr {
  background: #f8f9fb;
  border-bottom: 1px solid #e2eced;
}
.tag-table th {
  padding: min(0.625vw, 9px) min(0.8333333333vw, 12px);
  font-size: min(0.7638888889vw, 11px);
  font-weight: 600;
  color: #9aa0ad;
  text-align: left;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
}
.tag-table th:first-child,
.tag-table td:first-child {
  padding-left: min(1.1111111111vw, 16px);
}
.tag-table tbody tr {
  border-bottom: 1px solid #e2eced;
  transition: background 0.1s;
}
.tag-table tbody tr:last-child {
  border-bottom: none;
}
.tag-table tbody tr:hover {
  background: #fafbfc;
}
.tag-table tbody tr.dragging {
  opacity: 0.4;
  cursor: grabbing;
}
.tag-table tbody tr.drag-over {
  background: #d2dae5;
  border-top: min(0.1388888889vw, 2px) solid #009ee0;
}
.tag-table td {
  padding: min(0.6944444444vw, 10px) min(0.8333333333vw, 12px);
  vertical-align: middle;
}

.col-priority {
  width: min(3.6111111111vw, 52px);
}

.col-drag {
  width: min(1.25vw, 18px);
}

.col-name-wide {
  width: min(11.1111111111vw, 160px);
}

.col-recommended {
  width: min(4.8611111111vw, 70px);
}

.col-nonrec {
  width: min(5.5555555556vw, 80px);
}

.col-articles {
  width: min(4.1666666667vw, 60px);
}

.col-actions {
  width: min(8.3333333333vw, 120px);
}

.col-rank {
  width: min(3.6111111111vw, 52px);
}

.col-handle {
  width: min(2.5vw, 36px);
}

.col-thumb {
  width: min(5vw, 72px);
}

.col-action-sm {
  width: min(5.5555555556vw, 80px);
}

.empty-state {
  padding: min(2.2222222222vw, 32px) min(1.3888888889vw, 20px);
  text-align: center;
  color: #9aa0ad;
  font-size: min(0.8333333333vw, 12px);
}
.empty-state svg {
  display: block;
  margin: 0 auto min(0.6944444444vw, 10px);
  opacity: 0.3;
}

.drag-handle {
  cursor: pointer;
  color: #9aa0ad;
  padding: min(0.2777777778vw, 4px);
  border-radius: min(0.2777777778vw, 4px);
  transition: color 0.15s;
  display: inline-flex;
}
.drag-handle:hover {
  color: #009ee0;
  background: #d2dae5;
}
.drag-handle:active {
  cursor: grabbing;
}

tr[draggable=true] {
  cursor: pointer;
}
tr[draggable=true]:active {
  cursor: grabbing;
}

#recTableBody tr,
#popTableBody tr {
  cursor: pointer !important;
}
#recTableBody tr td,
#recTableBody tr span,
#recTableBody tr div,
#popTableBody tr td,
#popTableBody tr span,
#popTableBody tr div {
  cursor: pointer !important;
}

.drag-chevron {
  cursor: pointer;
}

.order-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(1.6666666667vw, 24px);
  height: min(1.6666666667vw, 24px);
  border-radius: 50%;
  background: #f8f9fb;
  border: 1px solid #e2eced;
  font-size: min(0.7638888889vw, 11px);
  font-weight: 700;
  color: #5a6270;
  font-family: "Noto Sans JP", sans-serif;
}

.tag-name {
  font-weight: 600;
  font-size: min(0.9027777778vw, 13px);
  color: #263134;
  white-space: nowrap;
}

.alias-input {
  width: 100%;
  max-width: 100%;
  border: 1px solid transparent;
  border-radius: min(0.3472222222vw, 5px);
  padding: min(0.3472222222vw, 5px) min(0.5555555556vw, 8px);
  font-size: min(0.8333333333vw, 12px);
  font-family: "Noto Sans JP", sans-serif;
  color: #5a6270;
  background: transparent;
  transition: all 0.15s;
  outline: none;
}
.alias-input:hover {
  border-color: #c7d4d8;
  background: #f8f9fb;
}
.alias-input:focus {
  border-color: #009ee0;
  background: white;
  box-shadow: 0 0 0 min(0.2083333333vw, 3px) rgba(79, 110, 247, 0.1);
}
.alias-input::-moz-placeholder {
  color: #9aa0ad;
  font-style: italic;
}
.alias-input::placeholder {
  color: #9aa0ad;
  font-style: italic;
}

.tog {
  position: relative;
  width: min(2.5vw, 36px);
  height: min(1.3888888889vw, 20px);
  border-radius: min(1.3888888889vw, 20px);
  cursor: pointer;
  flex-shrink: 0;
  background: #f5f7f8;
  transition: background 0.2s;
  display: inline-block;
}
.tog.on {
  background: #009ee0;
}
.tog.on .tog-thumb {
  transform: translateX(min(1.1111111111vw, 16px));
}

.tog-thumb {
  position: absolute;
  top: min(0.2083333333vw, 3px);
  left: min(0.2083333333vw, 3px);
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  border-radius: 50%;
  background: white;
  box-shadow: 0 min(0.0694444444vw, 1px) min(0.2083333333vw, 3px) rgba(0, 0, 0, 0.2);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.check-cell {
  display: flex;
  align-items: center;
  gap: min(0.3472222222vw, 5px);
}
.check-cell input[type=checkbox] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  accent-color: #009ee0;
  color-scheme: light;
  cursor: pointer;
}
.check-cell .x-icon {
  color: #f67a7c;
  font-size: min(0.9027777778vw, 13px);
  cursor: pointer;
}

.action-cell {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
}

.table-footer {
  display: flex;
  justify-content: flex-end;
  padding: min(0.6944444444vw, 10px) min(1.3888888889vw, 20px);
  border-top: 1px solid #e2eced;
  background: #f8f9fb;
}
.table-footer span {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  font-weight: 500;
}

.table-action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(0.6944444444vw, 10px) min(1.1111111111vw, 16px);
  border-top: 1px dashed #c7d4d8;
}

.table-action-bar-right {
  display: flex;
  align-items: center;
  gap: min(0.8333333333vw, 12px);
}

.count-label {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  font-weight: 500;
}

.bottom-grid {
  display: grid;
  grid-template-columns: 1fr min(13.8888888889vw, 200px);
  gap: min(1.1111111111vw, 16px);
  align-items: start;
}
@media (max-width: min(48.6111111111vw, 700px)) {
  .bottom-grid {
    grid-template-columns: 1fr;
  }
}

.section-body {
  padding: min(1.25vw, 18px) min(1.3888888889vw, 20px);
}

.merge-row {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  flex-wrap: wrap;
}

.merge-select {
  padding: min(0.4861111111vw, 7px) min(0.6944444444vw, 10px);
  border: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(0.8333333333vw, 12px);
  font-family: "Noto Sans JP", sans-serif;
  color: #263134;
  background: #fff;
  outline: none;
  cursor: pointer;
  min-width: min(9.0277777778vw, 130px);
  transition: border-color 0.15s;
}
.merge-select:focus {
  border-color: #009ee0;
  box-shadow: 0 0 0 min(0.2083333333vw, 3px) rgba(79, 110, 247, 0.1);
}

.arrow-icon {
  color: #9aa0ad;
  font-size: min(1.1111111111vw, 16px);
}

.section-note {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  margin-top: min(0.5555555556vw, 8px);
}

.non-rec-row {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  flex-wrap: wrap;
}

.non-rec-hint {
  font-size: min(0.8333333333vw, 12px);
  color: #5a6270;
  white-space: nowrap;
}

.tag-chips {
  display: flex;
  align-items: center;
  gap: min(0.4166666667vw, 6px);
  flex-wrap: wrap;
  flex: 1;
  min-height: min(2.3611111111vw, 34px);
  border: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px);
  padding: min(0.3472222222vw, 5px) min(0.6944444444vw, 10px);
  background: #fff;
  cursor: text;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: min(0.3472222222vw, 5px);
  background: #d2dae5;
  border: 1px solid #d0d9fc;
  border-radius: min(0.2777777778vw, 4px);
  padding: min(0.1388888889vw, 2px) min(0.5555555556vw, 8px);
  font-size: min(0.7638888889vw, 11px);
  font-weight: 600;
  color: #009ee0;
}

.chip-remove {
  cursor: pointer;
  color: #009ee0;
  opacity: 0.6;
  font-size: min(0.9027777778vw, 13px);
  line-height: 1;
  transition: opacity 0.15s;
}
.chip-remove:hover {
  opacity: 1;
}

.chip-input {
  border: none;
  outline: none;
  font-size: min(0.8333333333vw, 12px);
  font-family: "Noto Sans JP", sans-serif;
  color: #263134;
  flex: 1;
  min-width: min(5.5555555556vw, 80px);
  background: transparent;
}

.chip-clear {
  font-size: min(1.25vw, 18px);
  color: #9aa0ad;
}

.settings-card {
  background: #fff;
  border: 1px solid #e2eced;
  border-radius: min(0.8333333333vw, 12px);
  box-shadow: 0 min(0.0694444444vw, 1px) min(0.2083333333vw, 3px) rgba(0, 0, 0, 0.06), 0 min(0.0694444444vw, 1px) min(0.1388888889vw, 2px) rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.settings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(0.8333333333vw, 12px) min(1.1111111111vw, 16px);
  background: #f8f9fb;
  border-bottom: 1px solid #e2eced;
  cursor: pointer;
}

.settings-title {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 700;
  color: #263134;
}

.chevron {
  font-size: min(0.8333333333vw, 12px);
  color: #9aa0ad;
  transition: transform 0.2s;
}
.chevron.open {
  transform: rotate(180deg);
}

.settings-body {
  padding: min(0.9722222222vw, 14px) min(1.1111111111vw, 16px);
}

.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(0.6944444444vw, 10px);
}

.settings-label {
  font-size: min(0.8333333333vw, 12px);
  color: #5a6270;
  font-weight: 500;
}

.count-input-wrap {
  display: flex;
  align-items: center;
  gap: min(0.5555555556vw, 8px);
}

.count-input {
  width: min(3.6111111111vw, 52px);
  padding: min(0.3472222222vw, 5px) min(0.5555555556vw, 8px);
  border: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(0.8333333333vw, 12px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  text-align: center;
  outline: none;
  color: #263134;
  transition: border-color 0.15s;
  color-scheme: light;
}
.count-input:focus {
  border-color: #009ee0;
  box-shadow: 0 0 0 min(0.2083333333vw, 3px) rgba(79, 110, 247, 0.1);
}

.count-unit {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  font-weight: 500;
}

.checkbox-row {
  display: flex;
  align-items: center;
  gap: min(0.4861111111vw, 7px);
  font-size: min(0.8333333333vw, 12px);
  color: #5a6270;
  cursor: pointer;
}
.checkbox-row input {
  accent-color: #009ee0;
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  color-scheme: light;
}

.checkbox-row-spaced {
  margin-bottom: min(0.9722222222vw, 14px);
}

.tabs {
  display: flex;
  gap: 0;
  margin-bottom: min(1.3888888889vw, 20px);
  border-bottom: min(0.1388888889vw, 2px) solid #e2eced;
}

.tab-btn {
  padding: min(0.625vw, 9px) min(1.5277777778vw, 22px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  font-family: "Noto Sans JP", sans-serif;
  background: none;
  border: none;
  cursor: pointer;
  color: #9aa0ad;
  border-bottom: min(0.1388888889vw, 2px) solid transparent;
  margin-bottom: min(-0.1388888889vw, -2px);
  transition: color 0.15s, border-color 0.15s;
}
.tab-btn:hover {
  color: #263134;
}
.tab-btn.active {
  color: #009ee0;
  border-bottom-color: #009ee0;
}

.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}

.blog-thumb {
  width: min(3.8888888889vw, 56px);
  height: min(2.7777777778vw, 40px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(0.2777777778vw, 4px);
  background: #f8f9fb;
  display: block;
}

.blog-thumb-placeholder {
  width: min(3.8888888889vw, 56px);
  height: min(2.7777777778vw, 40px);
  border-radius: min(0.2777777778vw, 4px);
  background: #f8f9fb;
  border: 1px solid #e2eced;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-select-item {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  padding: min(0.625vw, 9px) min(0.8333333333vw, 12px);
  cursor: pointer;
  border-bottom: 1px solid #e2eced;
  transition: background 0.1s;
}
.blog-select-item:last-child {
  border-bottom: none;
}
.blog-select-item:hover, .blog-select-item.selected {
  background: #d2dae5;
}
.blog-select-item input[type=checkbox] {
  accent-color: #009ee0;
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  flex-shrink: 0;
  color-scheme: light;
}

.blog-select-thumb {
  width: min(3.3333333333vw, 48px);
  height: min(2.3611111111vw, 34px);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(0.2083333333vw, 3px);
  background: #f8f9fb;
  flex-shrink: 0;
}

.blog-select-title {
  font-size: min(0.8333333333vw, 12px);
  font-weight: 600;
  color: #263134;
  line-height: 1.4;
}

.blog-list-inner {
  display: flex;
  align-items: center;
  gap: min(0.5555555556vw, 8px);
  flex: 1;
}

.blog-thumb-empty {
  background: #f8f9fb;
  border: 1px solid #e2eced;
  border-radius: min(0.2083333333vw, 3px);
  flex-shrink: 0;
}

.blog-title-cell {
  font-size: min(0.8333333333vw, 12px);
  font-weight: 500;
}

.blog-select-name-normal {
  font-weight: 500;
}

.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 18, 28, 0.45);
  -webkit-backdrop-filter: blur(min(0.2083333333vw, 3px));
          backdrop-filter: blur(min(0.2083333333vw, 3px));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.modal-overlay.show {
  opacity: 1;
  pointer-events: all;
}
.modal-overlay.show .modal {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.modal {
  background: #fff;
  border: 1px solid #e2eced;
  border-radius: min(0.8333333333vw, 12px);
  box-shadow: 0 min(0.6944444444vw, 10px) min(2.0833333333vw, 30px) rgba(0, 0, 0, 0.1), 0 min(0.2777777778vw, 4px) min(0.5555555556vw, 8px) rgba(0, 0, 0, 0.05);
  width: min(30.5555555556vw, 440px);
  max-width: calc(100vw - min(2.2222222222vw, 32px));
  transform: translateY(min(0.8333333333vw, 12px)) scale(0.97);
  opacity: 0;
  transition: transform 0.24s cubic-bezier(0.34, 1.4, 0.64, 1), opacity 0.2s ease;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(1.1111111111vw, 16px) min(1.3888888889vw, 20px) min(0.9722222222vw, 14px);
  border-bottom: 1px solid #e2eced;
}

.modal-title {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 700;
  color: #263134;
}

.modal-close {
  width: min(1.8055555556vw, 26px);
  height: min(1.8055555556vw, 26px);
  border-radius: 50%;
  border: none;
  background: #f8f9fb;
  color: #9aa0ad;
  font-size: min(1.1111111111vw, 16px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}
.modal-close:hover {
  background: #fdf0ef;
  color: #f67a7c;
}

.modal-body {
  padding: min(1.3888888889vw, 20px);
  display: flex;
  flex-direction: column;
  gap: min(0.9722222222vw, 14px);
}

.modal-body-flush {
  padding: 0;
  gap: 0;
}

.modal-body-search-wrap {
  padding: min(0.9722222222vw, 14px) min(1.1111111111vw, 16px) min(0.6944444444vw, 10px);
}

.modal-body-search-note {
  font-size: min(0.8333333333vw, 12px);
  color: #9aa0ad;
  margin-bottom: min(0.6944444444vw, 10px);
}

.modal-body-count-wrap {
  padding: min(0.5555555556vw, 8px) min(1.1111111111vw, 16px) min(0.2777777778vw, 4px);
}

.modal-info-note {
  font-size: min(0.8333333333vw, 12px);
  color: #9aa0ad;
  background: #f8f9fb;
  border: 1px solid #e2eced;
  border-radius: min(0.3472222222vw, 5px);
  padding: min(0.5555555556vw, 8px) min(0.6944444444vw, 10px);
  line-height: 1.6;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: min(0.5555555556vw, 8px);
  padding: min(0.9722222222vw, 14px) min(1.3888888889vw, 20px);
  border-top: 1px solid #e2eced;
  background: #f8f9fb;
  border-radius: 0 0 min(0.8333333333vw, 12px) min(0.8333333333vw, 12px);
}

.field-group {
  display: flex;
  flex-direction: column;
  gap: min(0.3472222222vw, 5px);
}

.field-label {
  font-size: min(0.7638888889vw, 11px);
  font-weight: 700;
  color: #5a6270;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
.field-label .required {
  color: #f67a7c;
  margin-left: min(0.1388888889vw, 2px);
}

.field-input {
  padding: min(0.5555555556vw, 8px) min(0.7638888889vw, 11px);
  border: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px);
  font-size: min(0.9027777778vw, 13px);
  font-family: "Noto Sans JP", sans-serif;
  color: #263134;
  background: #fff;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.field-input:focus {
  border-color: #009ee0;
  box-shadow: 0 0 0 min(0.2083333333vw, 3px) rgba(79, 110, 247, 0.12);
}
.field-input.input-error {
  border-color: #f67a7c;
  box-shadow: 0 0 0 min(0.2083333333vw, 3px) rgba(229, 83, 75, 0.1);
}

.field-error {
  font-size: min(0.7638888889vw, 11px);
  color: #f67a7c;
  font-weight: 500;
  display: none;
  margin-top: min(0.1388888889vw, 2px);
}
.field-error.show {
  display: block;
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(0.8333333333vw, 12px);
}

.toggle-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(0.2777777778vw, 4px) 0;
}

.toggle-field-label {
  font-size: min(0.8333333333vw, 12px);
  color: #5a6270;
  font-weight: 500;
}

.tag-select-list {
  max-height: min(15.2777777778vw, 220px);
  overflow-y: auto;
  border: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px);
  background: #fff;
}
.tag-select-list::-webkit-scrollbar {
  width: min(0.3472222222vw, 5px);
}
.tag-select-list::-webkit-scrollbar-thumb {
  background: #c7d4d8;
  border-radius: min(0.2777777778vw, 4px);
}

.tag-select-item {
  display: flex;
  align-items: center;
  gap: min(0.6944444444vw, 10px);
  padding: min(0.625vw, 9px) min(0.8333333333vw, 12px);
  cursor: pointer;
  border-bottom: 1px solid #e2eced;
  transition: background 0.1s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tag-select-item:last-child {
  border-bottom: none;
}
.tag-select-item:hover, .tag-select-item.selected {
  background: #d2dae5;
}
.tag-select-item input[type=checkbox] {
  accent-color: #009ee0;
  width: min(0.9722222222vw, 14px);
  height: min(0.9722222222vw, 14px);
  flex-shrink: 0;
  cursor: pointer;
  color-scheme: light;
}

.tag-select-name {
  font-weight: 600;
  font-size: min(0.9027777778vw, 13px);
  color: #263134;
}

.tag-select-alias {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  margin-top: min(0.0694444444vw, 1px);
}

.tag-select-empty {
  padding: min(1.6666666667vw, 24px);
  text-align: center;
  color: #9aa0ad;
  font-size: min(0.8333333333vw, 12px);
}

.select-search {
  padding: min(0.5555555556vw, 8px) min(0.7638888889vw, 11px);
  border: none;
  border-bottom: 1px solid #c7d4d8;
  border-radius: min(0.3472222222vw, 5px) min(0.3472222222vw, 5px) 0 0;
  font-size: min(0.8333333333vw, 12px);
  font-family: "Noto Sans JP", sans-serif;
  color: #263134;
  background: #f8f9fb;
  outline: none;
  width: 100%;
  transition: background 0.15s;
}
.select-search:focus {
  background: white;
}

.select-count {
  font-size: min(0.7638888889vw, 11px);
  color: #9aa0ad;
  padding: min(0.2777777778vw, 4px) 0 0;
}

.toast {
  position: fixed;
  bottom: min(1.6666666667vw, 24px);
  right: min(1.6666666667vw, 24px);
  background: #263134;
  color: white;
  padding: min(0.6944444444vw, 10px) min(1.25vw, 18px);
  border-radius: min(0.5555555556vw, 8px);
  font-size: min(0.8333333333vw, 12px);
  font-weight: 600;
  box-shadow: 0 min(0.6944444444vw, 10px) min(2.0833333333vw, 30px) rgba(0, 0, 0, 0.1), 0 min(0.2777777778vw, 4px) min(0.5555555556vw, 8px) rgba(0, 0, 0, 0.05);
  opacity: 0;
  transform: translateY(min(0.5555555556vw, 8px));
  transition: all 0.25s ease;
  pointer-events: none;
  z-index: 999;
}
.toast.show {
  opacity: 1;
  transform: translateY(0);
}

#loginError {
  display: none;
  font-size: min(0.7638888889vw, 11px);
  color: #f67a7c;
  font-weight: 500;
}

#dashboardPage {
  display: none;
}

.dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: min(1.3888888889vw, 20px);
}
.dashboard-header .page-title, .dashboard-header__title {
  margin-bottom: 0;
}

.loading-cell {
  padding: min(2.2222222222vw, 32px);
  text-align: center;
  color: #9aa0ad;
  font-size: min(0.8333333333vw, 12px);
}

.loading-spinner {
  display: inline-block;
  margin-bottom: min(0.5555555556vw, 8px);
  animation: spin 1s linear infinite;
}

.js-hidden {
  display: none;
}

/* ── blog count badge ── */
.blog-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: min(0.4166666667vw, 6px);
  min-width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  padding: 0 min(0.3472222222vw, 5px);
  border-radius: min(0.625vw, 9px);
  background: var(--color__primary, #4f6ef7);
  color: #fff;
  font-size: min(0.7638888889vw, 11px);
  font-weight: 600;
  vertical-align: middle;
}

/* ── expand toggle chevron ── */
.expand-toggle {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

/* ── child row wrapper ── */
.blog-child-rows > td {
  background: #f8fafc;
  padding: min(0.5555555556vw, 8px) min(0.8333333333vw, 12px);
  border-bottom: min(0.0694444444vw, 1px) solid #e8edf2;
  vertical-align: middle;
}

.blog-child-rows:last-child > td {
  border-bottom: none;
}

.blog-child-rows:hover > td {
  background: #f0f4ff;
}

.blog-child-img-cell {
  display: flex;
  align-items: center;
  gap: min(0.8333333333vw, 12px);
}

.blog-child-spacer {
  padding: 0 !important;
  border-bottom: min(0.0694444444vw, 1px) solid #e8edf2;
  background: #f8fafc;
}

.blog-child-rows:hover .blog-child-spacer {
  background: #f0f4ff;
}

.blog-child-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(27.7777777778vw, 400px);
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  color: #2d3748;
  font-size: min(0.8333333333vw, 12px);
}

.col-view {
  width: min(5.5555555556vw, 80px);
  white-space: nowrap;
}

.tag-view-count {
  font-size: min(0.8333333333vw, 12px);
  color: #5a6270;
}

.col-hide {
  width: min(5.5555555556vw, 80px);
  white-space: nowrap;
  text-align: center;
}

.hide-checkbox {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: min(1.1111111111vw, 16px);
  height: min(1.1111111111vw, 16px);
  accent-color: #009ee0;
  color-scheme: light;
  cursor: pointer;
}

body.is-dragging,
body.is-dragging * {
  cursor: grabbing !important;
}

@media screen and (max-width: 768px) {
  :where(.LocalNavigation):not(:first-child) {
    margin-block-start: 12vw;
  }
}
@media print, (min-width: 769px) {
  :where(.LocalNavigation):not(:first-child) {
    margin-block-start: min(4.1666666667vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleAccordion):not(:first-child) {
    margin-block-start: 12vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleAccordion):not(:first-child) {
    margin-block-start: min(3.125vw, 45px);
  }
}

@media screen and (max-width: 768px) {
  [class*=Module] + :where(.ModuleButton) {
    margin-block-start: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  [class*=Module] + :where(.ModuleButton) {
    margin-block-start: min(3.125vw, 45px);
  }
}

@media screen and (max-width: 768px) {
  [class*=Module] + :where(.ModuleForm) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  [class*=Module] + :where(.ModuleForm) {
    margin-block-start: min(3.4722222222vw, 50px);
  }
}

@media screen and (max-width: 768px) {
  :not(.ModuleTitle) + :where(.ModuleGrid) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  :not(.ModuleTitle) + :where(.ModuleGrid) {
    margin-block-start: min(4.1666666667vw, 60px);
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleIframe):not(:first-child) {
    margin-block-start: 5.3333333333vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleIframe):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleInterview):not(:first-child) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleInterview):not(:first-child) {
    margin-block-start: min(4.1666666667vw, 60px);
  }
}

.ModuleInterview__text + :where(.ModuleInterview__text) {
  margin-block-start: 1.5em;
}

@media screen and (max-width: 768px) {
  :where(.ModuleLabel):not(:first-child) {
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleLabel):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleProjectMember + :where(.ModuleLabel) {
    margin-block-start: 12vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleProjectMember + :where(.ModuleLabel) {
    margin-block-start: min(3.125vw, 45px);
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleMore):not(:first-child) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleMore):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleInterview + :where(.ModulePhoto) {
    margin-block-start: 16vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleInterview + :where(.ModulePhoto) {
    margin-block-start: min(8.3333333333vw, 120px);
  }
}

@media screen and (max-width: 768px) {
  :where(.ModuleRecord):not(:first-child) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  :where(.ModuleRecord):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}
@media print, (min-width: 769px) {
  .ModuleGrid-works .ModuleRecord {
    margin-block-start: 0;
  }
}

:where(.ModuleText) + .ModuleText {
  margin-block-start: 1.5em;
}
@media screen and (max-width: 768px) {
  [class*=Module]:not(:where([class*=ModuleTitle]), :where(.ModulePhoto)) + :where(.ModuleText) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  [class*=Module]:not(:where([class*=ModuleTitle]), :where(.ModulePhoto)) + :where(.ModuleText) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .ModulePhoto + :where(.ModuleText) {
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModulePhoto + :where(.ModuleText) {
    margin-block-start: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  .ModuleHeader .ModuleTitle-lv2 + :where(.ModuleText) {
    margin-block-start: 0;
  }
}
@media print, (min-width: 769px) {
  .ModuleHeader .ModuleTitle-lv2 + :where(.ModuleText) {
    margin-block-start: 0;
  }
}
@media print, (min-width: 769px) {
  .ModuleGrid-works .ModuleText {
    margin-block-start: 0;
  }
}

@media screen and (max-width: 768px) {
  .js-has-pseudo :where(:is(.ModuleTitle-lv3,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1f-15]:not(.does-not-exist))):not(:first-child) {
    margin-block-start: 16vw;
  }
  :where(:is(.ModuleTitle-lv3, .ModuleTitleWrap:has(.ModuleTitle-lv3))):not(:first-child) {
    margin-block-start: 16vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo :where(:is(.ModuleTitle-lv3,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1f-15]:not(.does-not-exist))):not(:first-child) {
    margin-block-start: min(8.3333333333vw, 120px);
  }
  :where(:is(.ModuleTitle-lv3, .ModuleTitleWrap:has(.ModuleTitle-lv3))):not(:first-child) {
    margin-block-start: min(8.3333333333vw, 120px);
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo .ModuleGrid-works :is(.ModuleTitle-lv3,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1f-15]:not(.does-not-exist)) {
    margin-block-end: 0;
  }
  .ModuleGrid-works :is(.ModuleTitle-lv3, .ModuleTitleWrap:has(.ModuleTitle-lv3)) {
    margin-block-end: 0;
  }
}

@media screen and (max-width: 768px) {
  .js-has-pseudo :where(:is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist))):not(:first-child) {
    margin-block-start: 8vw;
  }
  :where(:is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4))):not(:first-child) {
    margin-block-start: 8vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo :where(:is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist))):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
  :where(:is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4))):not(:first-child) {
    margin-block-start: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  .js-has-pseudo :is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist)) ~ :where(:is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist))) {
    margin-block-start: 16vw;
  }
  :is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4)) ~ :where(:is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4))) {
    margin-block-start: 16vw;
  }
}
@media print, (min-width: 769px) {
  .js-has-pseudo :is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist)) ~ :where(:is(.ModuleTitle-lv4,[csstools-has-w-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-2f-36-2p-34-1m-2w-2p-37-14-1a-25-33-2s-39-30-2t-2c-2x-38-30-2t-19-30-3a-1g-15]:not(.does-not-exist))) {
    margin-block-start: min(6.25vw, 90px);
  }
  :is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4)) ~ :where(:is(.ModuleTitle-lv4, .ModuleTitleWrap:has(.ModuleTitle-lv4))) {
    margin-block-start: min(6.25vw, 90px);
  }
}

@media screen and (max-width: 768px) {
  .ModuleTitle-lv5 ~ :where(.ModuleTitle-lv5) {
    margin-block-start: 4vw;
  }
}
@media print, (min-width: 769px) {
  .ModuleTitle-lv5 ~ :where(.ModuleTitle-lv5) {
    margin-block-start: min(1.3888888889vw, 20px);
  }
}