:root {
  --anim-duration: 0.35s;
  --anim-duration-short: 0.125s;
  --anim-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
}
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-white-20: rgb(255 255 255 / 20%);
  --color-gray-900: #1d242b;
  --color-gray-900-10: rgb(29 36 43 / 10%);
  --color-gray-600: #5a7186;
  --color-gray-400: #91a4b5;
  --color-gray-200: #ced6de;
  --color-gray-50: #f0f3f5;
  --color-gray-20: #f9fafb;
  --color-blue-700: #0053a3;
  --color-blue-600: #005eb8;
  --color-blue-600-20: rgb(0 94 184 / 20%);
  --color-blue-400: #0075e3;
  --color-blue-20: #ebf5ff;
  --color-blue-10: #f5faff;
  --color-gradation: linear-gradient(to right, #007df5, #1140c4);
  --color-dropshadow: 0.4rem 0.4rem 2.4rem 0px rgb(0 83 163 / 20%);
  --color-disabled: var(--color-gray-200);
  --color-bg-white: var(--color-white);
  --color-bg-blue: var(--color-blue-10);
  --color-bg-gray-dark: var(--color-gray-50);
  --color-surface-white: var(--color-white);
  --color-surface-blue: var(--color-blue-600);
  --color-surface-blue-light: var(--color-blue-20);
  --color-border-gray: var(--color-gray-900-10);
  --color-border-blue: var(--color-blue-600);
  --color-border-blue-low: var(--color-blue-600-20);
  --color-border-blue-hover: var(--color-blue-400);
  --color-border-white: var(--color-white);
  --color-border-white-low: var(--color-white-20);
  --color-text: var(--color-gray-900);
  --color-text-light: var(--color-gray-600);
  --color-text-disabled: var(--color-disabled);
  --color-text-blue: var(--color-blue-600);
  --color-text-blue-hover: var(--color-blue-400);
  --color-text-blue-emphasis: var(--color-blue-700);
  --color-text-white: var(--color-white);
  --color-sns-x: #000;
  --color-sns-facebook: #1877f2;
  --color-sns-youtube: #f00;
  --color-sns-linkedin: #2867b2;
}
:root {
  --size-r-small: 0.2rem;
  --size-r: 0.4rem;
  --size-r-large-inner: var(--size-r);
  --size-r-large: 0.8rem;
  --size-inner-width: 124rem;
  --size-card-max-width: 54rem;
  --size-inner-width-slim: 96rem;
  --size-thumbnail-width: 59.2rem;
}
:root {
  --space-600: 12rem;
  --space-500: 10.4rem;
  --space-450: 8rem;
  --space-400: 6.4rem;
  --space-350: 5.6rem;
  --space-320: 4.8rem;
  --space-300: 4rem;
  --space-270: 3.6rem;
  --space-250: 3.2rem;
  --space-220: 2.8rem;
  --space-200: 2.4rem;
  --space-150: 2rem;
  --space-100: 1.6rem;
  --space-75: 1.2rem;
  --space-60: 1rem;
  --space-50: 0.8rem;
  --space-10: 0.4rem;
  --space-5: 0.2rem;
  --space-8xl: var(--space-400);
  --space-7xl: var(--space-350);
  --space-6xl: var(--space-320);
  --space-5xl: var(--space-300);
  --space-4xl: var(--space-270);
  --space-3xl: var(--space-250);
  --space-2xl: var(--space-220);
  --space-xl: var(--space-200);
  --space-l: var(--space-150);
  --space-m: var(--space-100);
  --space-s: var(--space-75);
  --space-xs: var(--space-60);
  --space-2xs: var(--space-50);
  --space-3xs: var(--space-10);
  --space-4xs: var(--space-5);
  --space-inner-width: 124rem;
  --space-gutter: var(--space-200);
  --space-gap: var(--space-200);
}
@media print, all and (min-width: 48em) {
  :root {
    --space-gutter: var(--space-300);
    --space-gap: var(--space-300);
  }
}
:root {
  --typo-family: "Shorai Sans";
  --typo-family-en: "Avenir Next";
  --typo-size-600: 4.8rem;
  --typo-size-500: 4rem;
  --typo-size-400: 3.2rem;
  --typo-size-350: 2.8rem;
  --typo-size-300: 2.4rem;
  --typo-size-200: 2rem;
  --typo-size-100: 1.6rem;
  --typo-size-50: 1.4rem;
  --typo-size-20: 1.2rem;
  --typo-lh-small: 1.2;
  --typo-lh-demi-small: 1.4;
  --typo-lh: 1.5;
  --typo-lh-large: 1.75;
  --typo-weight-regular: 400;
  --typo-weight-medium: 500;
  --typo-weight-demi: 600;
  --typo-reading-width: 56em;
  --typo-reading-width-slim: 20em;
}
:root {
  --z-modal: 1000;
  --z-lang-menu: 100;
  --z-header: 10;
  --z-fixed-button: 5;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
:where([hidden]:not([hidden="until-found"])) {
  display: none !important;
}
:where(html) {
  -moz-tab-size: 2;
  tab-size: 2;
  text-size-adjust: none;
}
:where(body) {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
:where(button) {
  all: unset;
}
:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}
:where(textarea) {
  resize: vertical;
  resize: block;
}
:where(button, label, select, summary, [role="button"], [role="option"]) {
  cursor: pointer;
}
:where(:disabled) {
  cursor: not-allowed;
}
:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}
:where(a) {
  color: inherit;
  text-underline-offset: 0;
}
:where(ul, ol) {
  list-style: none;
}
:where(img, svg, video, canvas, audio, embed, object) {
  display: block;
}
:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}
: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;
  overflow: visible;
  color: inherit;
  border: none;
  border-block-start: 1px solid;
}
:where(:focus-visible) {
  outline: 3px solid CanvasText;
  outline-offset: 0;
  box-shadow: 0 0 0 5px Canvas;
}
:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}
.common-main [id] {
  scroll-margin-top: var(--anchor-offset, 132px);
}
:where(.visually-hidden:not(:focus-within, :active)) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
html {
  color: var(--color-text);
}
:where(body) {
  font-family: var(--typo-family-en), var(--typo-family);
  font-weight: var(--typo-weight-regular);
}
:where(body).-modal-show {
  padding-right: var(--scrollbar-width);
}
:where(body) img {
  image-rendering: -webkit-optimize-contrast;
}
@media print, all and (min-width: 48em) {
  .common-article {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--space-gap);
  }
}
.common-article_image > img {
  width: 100%;
  border-radius: var(--size-r-small);
}
@media print, all and (min-width: 48em) {
  .common-article_image {
    grid-column: span 5;
  }
}
.common-article_contents {
  margin-top: var(--space-200);
}
@media print, all and (min-width: 48em) {
  .common-article_contents {
    grid-column: span 7;
    margin-top: 0;
  }
}
.common-article_text {
  margin-top: var(--space-200);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
.common-article_text.-ceo {
  text-align: right;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-article_text p:not(:first-child) {
  margin-top: 1.75em;
}
.common-articleHeader {
  padding: var(--space-5xl) var(--space-gap) var(--space-xl);
}
@media print, all and (min-width: 48em) {
  .common-articleHeader {
    padding: var(--space-450) var(--space-gap) var(--space-6xl);
  }
}
.common-articleHeader_inner {
  max-width: var(--size-inner-width);
  margin-right: auto;
  margin-left: auto;
}
.common-articleThumbnail {
  display: flex;
  flex-direction: column;
  max-width: var(--size-thumbnail-width);
  height: 100%;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
.common-articleThumbnail_top {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}
.common-articleThumbnail_head {
  position: relative;
  padding: var(--space-10);
}
.common-articleThumbnail_image {
  overflow: hidden;
  border-radius: var(--size-r-large-inner);
}
.common-articleThumbnail_image > img {
  width: 100%;
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media (hover: hover) {
  .common-articleThumbnail_top:hover .common-articleThumbnail_image > img {
    transform: scale(1.05);
  }
}
.common-articleThumbnail_title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: var(--space-50);
  align-items: center;
  max-width: 95%;
  padding: var(--space-50) var(--space-100);
  color: var(--color-text-blue);
  background-color: var(--color-bg-white);
  border-top-right-radius: var(--size-r-large);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-articleThumbnail_title:before,
.common-articleThumbnail_title:after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: var(--color-bg-white);
  -webkit-mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
  mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
}
.common-articleThumbnail_title:before {
  top: 0;
  left: var(--space-10);
  transform: translateY(-100%);
}
.common-articleThumbnail_title:after {
  right: 0;
  bottom: var(--space-10);
  transform: translate(100%);
}
@media (hover: hover) {
  .common-articleThumbnail:hover .common-articleThumbnail_title {
    color: var(--color-text-blue-hover);
  }
}
.common-articleThumbnail_category {
  position: relative;
  display: inline-block;
  padding-left: var(--space-50);
  line-height: 1;
}
.common-articleThumbnail_category:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  content: "";
  background-color: var(--color-blue-600);
  transform: translateY(-50%);
}
.common-articleThumbnail_contents {
  display: flex;
  flex: 1;
  gap: var(--space-50);
  align-items: flex-end;
  padding: var(--space-75) var(--space-100) var(--space-100) var(--space-100);
}
@media (hover: hover) {
  .common-articleThumbnail_top:hover .common-articleThumbnail_contents {
    color: var(--color-text-blue-hover);
  }
}
.common-articleThumbnail_inner {
  display: -webkit-box;
  flex: 1;
  height: 3lh;
  min-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.common-articleThumbnail_inner,
.common-articleThumbnail_inner > p {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-large);
}
@media print, all and (min-width: 48em) {
  .common-articleThumbnail_inner {
    -webkit-line-clamp: 2;
    height: 2lh;
  }
}
.common-articleThumbnail.-pickup .common-articleThumbnail_inner {
  -webkit-line-clamp: 2;
  height: 2lh;
}
@media print, all and (min-width: 48em) {
  .common-articleThumbnail.-pickup .common-articleThumbnail_inner {
    -webkit-line-clamp: 1;
    height: 1lh;
  }
}
.common-articleThumbnail_icon {
  line-height: 1;
  vertical-align: top;
}
.common-articleThumbnail_tagList {
  position: relative;
  padding: var(--space-s) var(--space-m);
}
.common-articleThumbnail_tagList:before {
  position: absolute;
  top: 0;
  left: var(--space-75);
  width: calc(100% - 2 * var(--space-75));
  height: 1px;
  content: "";
  background-color: var(--color-border-gray);
}
.common-banner {
  position: relative;
  display: grid;
  max-width: var(--size-card-max-width);
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  text-decoration: none;
  border-radius: var(--size-r-large);
}
.common-banner:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
@media print, all and (min-width: 48em) {
  .common-banner {
    max-width: none;
  }
}
.common-banner_image {
  width: 100%;
  height: 100%;
}
.common-banner_image img {
  width: 100%;
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media (hover: hover) {
  .common-banner:hover .common-banner_image img {
    transform: scale(1.05);
  }
}
.common-banner_contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 85%;
  height: 100%;
}
.common-banner_title {
  position: absolute;
  bottom: var(--space-150);
  left: 0;
  display: inline-flex;
  gap: var(--space-10);
  align-items: center;
  padding: var(--space-50) var(--space-100);
  background-color: var(--color-bg-white);
  border-radius: 0 var(--size-r) var(--size-r) 0;
}
@media print, all and (min-width: 48em) {
  .common-banner_title {
    top: 50%;
    bottom: auto;
    padding: var(--space-100);
    transform: translateY(-50%);
  }
  .common-banner.-large .common-banner_title {
    padding: var(--space-100) var(--space-250);
  }
  .common-banner.-small .common-banner_title {
    padding: var(--space-75) var(--space-100);
  }
}
.common-banner_label {
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-banner_label {
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
  .common-banner.-small .common-banner_label {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
}
@media (hover: hover) {
  .common-banner:hover .common-banner_label {
    color: var(--color-text-blue-hover);
  }
}
.common-breadcrumb {
  position: relative;
}
.common-breadcrumb {
  font-family: var(--typo-family-en), var(--typo-family);
}
.common-breadcrumb :where(ol, ul) {
  padding-left: 0;
  margin-bottom: auto;
  line-height: inherit;
  list-style: none;
}
.common-breadcrumb :where(h1) {
  margin: 0;
}
.common-breadcrumb a {
  color: var(--color-text);
}
.common-breadcrumb a:focus,
.common-breadcrumb a:hover {
  text-decoration: none !important;
}
.common-breadcrumb :where(p) {
  margin: 0;
  font-size: 1.6rem;
  line-height: inherit;
}
.common-breadcrumb_inner {
  padding: var(--space-100) var(--space-gutter);
  overflow-x: auto;
}
.common-breadcrumb_inner > ol {
  display: flex;
  gap: var(--space-50);
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-breadcrumb_inner > ol > li {
  display: flex;
  gap: var(--space-50);
  align-items: center;
  white-space: nowrap;
}
.common-breadcrumb_inner > ol > li a {
  color: var(--color-text-blue);
}
@media (hover: hover) {
  .common-breadcrumb_inner > ol > li a:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-breadcrumb_inner > ol > li:not(:first-child):before {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24" height="24"><path stroke="%230053a3" stroke-width="2" stroke-linecap="round" fill="none" d="M10 7.25L15 12.25L10 17.25" /></svg>')
    no-repeat center center;
}
.common-buttonBox:not(:first-child) {
  margin-top: 4rem;
}
@media print, all and (min-width: 48em) {
  .common-buttonBox.-right {
    text-align: right;
  }
}
.common-buttonBox.-center {
  text-align: center;
}
.common-card {
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
  container: common-card/inline-size;
}
@container common-card (min-width: 48em) {
  .common-card_layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--space-gap);
  }
}
.common-card_image {
  min-width: 32rem;
}
@container common-card (min-width: 48em) {
  .common-card_image {
    grid-column: span 5;
    min-width: auto;
  }
}
.common-card_image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-card_contents {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 2.4rem;
}
@container common-card (min-width: 48em) {
  .common-card_contents {
    grid-column: span 7;
    padding-left: 0;
  }
}
.common-card_label {
  color: var(--color-text-blue);
  font-size: var(--typo-size-20);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-card_label {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
}
.common-card_title {
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-card_title:not(:first-child) {
  margin-top: var(--space-10);
}
@media print, all and (min-width: 48em) {
  .common-card_title {
    font-size: var(--typo-size-200);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
}
.common-card_text {
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
.common-card_title + .common-card_text {
  margin-top: var(--space-2xs);
}
.common-card_text > p {
  max-width: var(--typo-reading-width);
}
.common-card_button {
  margin-top: var(--space-m);
}
.common-carousel {
  padding: 0 var(--space-gutter);
  container-type: inline-size;
}
.common-carousel.-no-padding {
  padding: 0;
}
.common-carousel_inner {
  max-width: var(--size-inner-width);
  margin-right: auto;
  margin-left: auto;
}
.common-carousel_item {
  width: 27rem;
  max-width: 100%;
  height: auto;
}
@container (width > 30em) {
  .common-carousel_item {
    width: 38.6rem;
  }
}
.splide__track--draggable {
  overflow: visible !important;
}
.common-carousel_navigation {
  --this-button-size: 4.4rem;
  position: relative;
  display: none;
  margin-top: var(--space-200);
}
.splide.-overflow .common-carousel_navigation {
  display: block;
}
.common-carousel_navigation .splide__arrows {
  display: flex;
  gap: var(--space-50);
}
.common-carousel_navigation .splide__toggle,
.common-carousel_navigation .splide__arrow {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  box-sizing: border-box;
  width: var(--this-button-size);
  height: var(--this-button-size);
  overflow: hidden;
  color: var(--color-text-blue);
  text-align: center;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-blue-low);
  border-radius: var(--size-r);
  opacity: 1;
  transform: none;
}
.common-carousel_navigation .splide__toggle:disabled,
.common-carousel_navigation .splide__arrow:disabled {
  color: var(--color-text-disabled);
  opacity: 1;
}
.common-carousel_navigation .splide__toggle:before,
.common-carousel_navigation .splide__arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-gradation);
  opacity: 0;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
.common-carousel_navigation .splide__toggle:focus-visible,
.splide.is-focus-in .common-carousel_navigation .splide__toggle:focus,
.common-carousel_navigation .splide__arrow:focus-visible,
.splide.is-focus-in .common-carousel_navigation .splide__arrow:focus {
  outline: 3px solid CanvasText;
  outline-offset: 1px;
  box-shadow: 0 0 0 5px Canvas;
}
@media (hover: hover) {
  .common-carousel_navigation .splide__toggle:hover:not(:disabled),
  .common-carousel_navigation .splide__arrow:hover:not(:disabled) {
    color: var(--color-white);
    border: 0;
  }
  .common-carousel_navigation .splide__toggle:hover:not(:disabled):before,
  .common-carousel_navigation .splide__arrow:hover:not(:disabled):before {
    opacity: 1;
  }
}
.common-carousel_navigation.-inside {
  --this-offset: var(--space-60);
  position: absolute;
  right: var(--this-offset);
  bottom: var(--this-offset);
}
@media print, all and (min-width: 48em) {
  .common-carousel_navigation.-inside {
    --this-offset: var(--space-200);
  }
}
.common-carousel_icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: auto;
  margin-left: auto;
  image-rendering: optimize-contrast;
  backface-visibility: hidden;
}
.splide__arrow--prev > .common-carousel_icon {
  transform: rotate(180deg);
}
.common-carousel_current {
  --this-offset: -0.3333em;
  display: flex;
  align-items: center;
}
.common-carousel_current span {
  position: relative;
  font-weight: var(--typo-weight-demi);
  line-height: 1;
  color: var(--color-text-blue-emphasis);
}
.common-carousel_current span[data-current] {
  top: var(--this-offset);
  min-width: 1.2em;
  text-align: right;
}
.common-carousel_current span[data-total] {
  bottom: var(--this-offset);
  min-width: 1.2em;
  text-align: left;
}
.common-control {
  --this-button-size: 4.4rem;
  position: relative;
  box-sizing: border-box;
  width: var(--this-button-size);
  height: var(--this-button-size);
  overflow: hidden;
  color: var(--color-text-blue);
  text-align: center;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-blue-low);
  border-radius: var(--size-r);
  opacity: 1;
  transform: none;
}
.common-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-gradation);
  opacity: 0;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-control:hover:not(:disabled) {
    color: var(--color-white);
  }
  .common-control:hover:not(:disabled):before {
    opacity: 1;
  }
}
.common-control_play {
  display: inline;
}
.common-control.-is-playing .common-control_play,
.common-control_pause {
  display: none;
}
.common-control.-is-playing .common-control_pause {
  display: inline;
}
.common-control_icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: auto;
  margin-left: auto;
  image-rendering: optimize-contrast;
  backface-visibility: hidden;
}
.common-door {
  max-width: var(--size-card-max-width);
  height: 100%;
  text-decoration: none;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
.common-door_head {
  position: relative;
  display: block;
  padding: var(--space-10);
}
.common-door_image {
  aspect-ratio: 42/17;
  overflow: hidden;
  background-color: #d3d3d3;
  border-radius: var(--size-r-large-inner);
}
.common-door_image > img {
  width: 100%;
  object-fit: cover;
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media (hover: hover) {
  .common-door_head:hover .common-door_image > img {
    transform: scale(1.05);
  }
}
.common-door_title {
  position: absolute;
  bottom: 1px;
  left: 1px;
  max-width: 95%;
  padding: var(--space-50) var(--space-100);
  background-color: var(--color-bg-white);
  border-top-right-radius: var(--size-r-large);
  border-bottom-left-radius: var(--size-r-large);
}
.common-door_title:before,
.common-door_title:after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: var(--color-bg-white);
  -webkit-mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
  mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
}
.common-door_title:before {
  top: 0;
  left: calc(var(--space-10) - 1px);
  transform: translateY(-100%);
}
.common-door_title:after {
  right: 0;
  bottom: calc(var(--space-10) - 1px);
  transform: translate(100%);
}
.common-door_contents[class] {
  padding: 0 var(--space-100) var(--space-50) var(--space-100);
}
@media print, all and (min-width: 48em) {
  .common-door_contents[class] {
    padding: 0 var(--space-100) var(--space-50) var(--space-100);
  }
}
.common-door_contents[class] > li {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 6.4rem;
  padding: var(--space-100) 0;
  padding-left: 0.4rem;
}
.common-door_contents[class] > li:not(:first-child) {
  border-top: 1px solid var(--color-border-gray);
}
.common-dropdown {
  height: 100%;
}
.common-header.-disabled .common-dropdown {
  height: auto;
  max-height: calc(100vh - 12.4rem);
  overflow-y: auto;
}
.common-dropdown_panel {
  display: none;
  grid-template-columns: 1fr 1fr;
  width: 66.6666%;
  height: 100%;
}
.common-dropdown_panel.-show {
  display: grid;
}
.common-header.-disabled .common-dropdown_panel {
  grid-template-columns: 1fr 1fr 1fr;
  width: auto;
}
.common-dropdown_head {
  display: none;
}
.common-header.-disabled .common-dropdown_head {
  display: block;
  grid-column: 1/4;
  padding-top: var(--space-50);
  padding-right: var(--space-gutter);
  padding-left: var(--space-gutter);
}
.common-dropdown_title {
  position: relative;
  display: block;
  color: var(--color-text-blue);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-gray);
  font-size: var(--typo-size-300);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media (hover: hover) {
  .common-dropdown_title:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-dropdown_inside {
  position: relative;
  display: inline-flex;
  gap: var(--space-50);
  align-items: center;
  padding: var(--space-100) 0;
}
.common-dropdown_inside:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 4rem;
  height: 1px;
  content: "";
  background-color: var(--color-text-blue-emphasis);
  transition: width var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-dropdown_title:hover .common-dropdown_inside:before {
    width: 100%;
  }
}
.common-dropdown_3rd {
  padding: 0 0 var(--space-200);
  background-color: var(--color-bg-white);
  border-right: 1px solid var(--color-border-gray);
}
.common-header.-disabled .common-dropdown_3rd {
  padding-top: var(--space-100);
  padding-bottom: var(--space-250);
  background-color: transparent;
}
.common-header.-disabled .common-dropdown_3rd.-sp {
  display: none;
}
.common-dropdown_4th {
  padding: 0 0 var(--space-200);
}
.common-header.-disabled .common-dropdown_4th {
  padding-top: var(--space-100);
  padding-bottom: var(--space-250);
}
.common-header.-disabled .common-dropdown_4th.-sp {
  display: none;
}
.common-dropdown_4th:has(> .common-dropdown_4thList > li.-show) {
  background-color: var(--color-bg-blue);
}
.common-dropdown_banner {
  display: none;
}
.common-header.-disabled .common-dropdown_banner {
  display: flex;
  flex-direction: column;
  gap: var(--space-50);
  align-items: center;
  padding: var(--space-250);
  border-left: 1px solid var(--color-border-gray);
}
.common-header.-disabled .common-dropdown_banner.-sp {
  display: none;
}
.common-dropdown_banner a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--size-r-large);
}
.common-dropdown_banner a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
.common-dropdown_banner a > img {
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media (hover: hover) {
  .common-dropdown_banner a:hover > img {
    transform: scale(1.05);
  }
}
.common-dropdown_4thList > li {
  display: none;
}
.common-dropdown_4thList > li.-show {
  display: block;
}
.common-dropdown_back {
  background-color: var(--color-bg-white);
}
.common-dropdown_back > button {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: var(--space-75) 0 var(--space-75) var(--space-150);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-dropdown_back common-icon {
  color: var(--color-text-blue);
  transform: rotate(180deg);
}
.common-header.-disabled .common-dropdown_back {
  display: none;
}
.common-dropdown_heading {
  display: flex;
  gap: var(--space-50);
  align-items: center;
  padding: var(--space-200) var(--space-100) var(--space-100) var(--space-200);
  color: var(--color-text-blue);
  text-decoration: none;
  background-color: var(--color-bg-white);
  font-size: var(--typo-size-300);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-header.-disabled .common-dropdown_heading,
.common-dropdown_business {
  display: none;
}
.common-header.-disabled .common-dropdown_business {
  display: block;
  grid-column: 1/4;
  padding: var(--space-250);
}
.common-dropdown_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-200);
  max-width: 124rem;
  margin: 0 auto;
}
@media print, all and (min-width: 75em) {
  .common-dropdown_grid {
    gap: var(--space-300);
  }
}
.common-fixedButton {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: var(--z-fixed-button);
  padding: var(--space-60);
}
.common-footer {
  container: footer/inline-size;
  position: relative;
}
.common-footer {
  font-family: var(--typo-family-en), var(--typo-family);
}
.common-footer :where(ol, ul) {
  padding-left: 0;
  margin-bottom: auto;
  line-height: inherit;
  list-style: none;
}
.common-footer :where(h1) {
  margin: 0;
}
.common-footer a {
  color: var(--color-text);
}
.common-footer a:focus,
.common-footer a:hover {
  text-decoration: none !important;
}
.common-footer :where(p) {
  margin: 0;
  font-size: 1.6rem;
  line-height: inherit;
}
.comon-footer_vi {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 50%;
}
.common-footer_bottom {
  padding-top: var(--space-7xl);
  padding-bottom: var(--space-600);
  color: var(--color-text-light);
  background-color: var(--color-bg-white);
  border-top: 1px solid var(--border-low-emphasis, var(--color-border-gray));
}
@media print, all and (min-width: 75em) {
  .common-footer_bottom {
    padding-top: var(--space-8xl);
  }
}
.common-footer_inner {
  width: fit-content;
  margin: 0 auto;
}
.common-footer_links {
  display: flex;
  flex-flow: column wrap;
  gap: var(--space-75);
  justify-content: center;
  margin-top: var(--space-300);
}
.common-footer_links > li {
  position: relative;
  padding: 0 var(--space-100);
}
.common-footer_links > li:not(:first-child):before {
  position: absolute;
  top: 50%;
  left: 0;
  display: none;
  width: 1px;
  height: 1em;
  content: "";
  background-color: var(--color-text-light);
  transform: translateY(-50%);
}
.common-footer_links a {
  text-decoration: none;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
@media (hover: hover) {
  .common-footer_links a:hover:not(:root) {
    color: var(--color-text-blue-hover);
    text-decoration: underline !important;
  }
}
@media print, all and (min-width: 75em) {
  .common-footer_links {
    flex-direction: row;
    gap: 0;
    margin-top: var(--space-250);
  }
  .common-footer_links > li:not(:first-child):before {
    display: block;
  }
}
.common-footer_copy {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.6rem;
  justify-content: flex-start;
  padding: 0 var(--space-100);
}
.common-footer_copy[class] {
  margin-top: var(--space-300);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
@container footer (min-width: 75em) {
  .common-footer_copy[class] {
    margin-top: var(--space-100);
  }
}
@container footer (min-width: 75em) {
  .common-footer_copy {
    justify-content: center;
  }
}
.common-footer_sns {
  display: flex;
  gap: 1.6rem;
  justify-content: center;
}
.common-goTop[class] {
  --this-size: 5.6rem;
  position: relative;
  display: block;
  width: var(--this-size);
  height: var(--this-size);
  overflow: hidden;
  color: var(--color-text-white);
  background-color: var(--color-surface-blue);
  border-radius: var(--size-r);
}
@media print, all and (min-width: 48em) {
  .common-goTop[class] {
    --this-size: 7.2rem;
  }
}
.common-goTop[class]:focus-visible {
  outline: 3px solid CanvasText;
  outline-offset: 1px;
  box-shadow: 0 0 0 5px Canvas;
}
.common-goTop[class]:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-gradation);
  opacity: 0;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-goTop[class]:focus,
  .common-goTop[class]:hover {
    text-decoration: none !important;
  }
  .common-goTop[class]:hover:before {
    opacity: 1;
  }
}
.common-goTop_icon {
  padding: var(--space-10) 0 0 0;
  text-align: center;
}
@media print, all and (min-width: 48em) {
  .common-goTop_icon {
    padding: var(--space-150) 0 var(--space-50);
  }
}
.common-goTop_icon > * {
  margin: 0 auto;
  transform: rotate(-90deg);
}
.common-goTop_label {
  position: relative;
  font-size: 1rem;
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-small);
  text-align: center;
}
.common-grid {
  container-type: inline-size;
}
.common-grid_list {
  --this-column: 1;
  display: grid;
  grid-template-columns: repeat(var(--this-column), 1fr);
  gap: var(--space-gap);
}
@media print, all and (min-width: 48em) {
  .common-grid_list {
    --this-column: 2;
  }
}
@media print, all and (min-width: 75em) {
  .common-grid_list {
    --this-column: 3;
  }
}
.common-grid_list > li {
  display: block;
}
.common-grid_list > li > * {
  margin: 0 auto;
}
.common-header {
  --this-header-height-top: 4rem;
  --this-header-height-total: 4rem;
  --this-top-menu-width: 21rem;
  --this-z-title: 10;
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  font-size: 1.6rem;
  background-color: var(--color-bg-white);
}
.common-header.-disabled {
  --this-header-height-total: 11.6rem;
  padding-top: var(--space-75);
}
.common-header {
  font-family: var(--typo-family-en), var(--typo-family);
}
.common-header :where(ol, ul) {
  padding-left: 0;
  margin-bottom: auto;
  line-height: inherit;
  list-style: none;
}
.common-header :where(h1) {
  margin: 0;
}
.common-header a {
  color: var(--color-text);
}
.common-header a:focus,
.common-header a:hover {
  text-decoration: none !important;
}
.common-header :where(p) {
  margin: 0;
  font-size: 1.6rem;
  line-height: inherit;
}
.common-header_title {
  position: relative;
  z-index: var(--this-z-title);
  padding-top: var(--space-50);
  background-color: var(--color-bg-white);
}
.common-header_title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background-color: var(--color-border-gray);
}
.common-header.-disabled .common-header_title {
  display: none;
}
.common-header_titlePc {
  grid-area: menu0;
  min-width: 28.8rem;
}
.common-header:not(.-disabled) .common-header_titlePc {
  display: none;
}
.common-header_name {
  display: flex;
  align-items: center;
  height: var(--this-header-height-top);
  padding: 0 var(--space-50) 0 var(--space-200);
}
.common-header_logo {
  display: inline-block;
  display: flex;
  align-items: center;
  vertical-align: top;
}
.common-header_logo[aria-hidden="true"] {
  display: none;
}
.common-header_logo img {
  width: auto;
  height: 1.6rem;
}
.common-header.-disabled .common-header_logo img {
  height: 2.4rem;
}
.common-header_category {
  display: flex;
  gap: var(--space-50);
  align-items: center;
  margin-left: var(--space-75);
  font-size: var(--typo-size-20);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
.common-header.-disabled .common-header_category {
  padding: 0;
  background-color: transparent;
}
.common-header_bg {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-white);
}
.common-header_bg[aria-hidden="false"] {
  display: block;
}
.common-header_topSp {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background-color: var(--color-bg-white);
  border-bottom: 1px solid var(--color-border-gray);
}
.common-header.-disabled .common-header_topSp {
  display: none;
}
.common-header_topPc {
  display: flex;
  grid-area: menu3;
  justify-content: space-between;
  width: 100%;
}
.common-header:not(.-disabled) .common-header_topPc {
  display: none;
}
.common-header_sub {
  display: flex;
  flex-direction: column;
  width: 33.3333%;
}
.common-header.-disabled .common-header_sub {
  flex-direction: row;
  grid-area: menu2;
  align-items: center;
  width: auto;
  min-width: 46rem;
  margin-left: auto;
}
.common-header_search {
  position: relative;
  z-index: 1;
}
.common-header_main {
  width: 33.3333%;
  margin-top: var(--space-200);
  pointer-events: none;
}
.common-header.-disabled .common-header_main {
  position: relative;
  grid-area: menu1;
  width: auto;
  min-height: 6.4rem;
  padding-right: var(--space-75);
  margin-top: 0;
}
.common-header.-disabled .common-header_main:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-bg-white);
  border-bottom: 1px solid var(--color-border-gray);
}
.common-header_mainList {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.common-header.-disabled .common-header_mainList {
  flex-direction: row;
  gap: var(--space-50);
  height: 100%;
}
.common-header_button {
  position: absolute;
  top: 0;
  right: 0;
}
.common-header.-disabled .common-header_button {
  display: none;
}
.common-header_navi {
  --this-offset-top: calc(var(--this-header-height-top) + var(--space-50));
  position: fixed;
  top: var(--this-offset-top);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - var(--this-offset-top));
  overflow: hidden auto;
}
.common-header_navi[aria-hidden="true"] {
  display: none;
}
.common-header.-disabled .common-header_navi {
  position: relative;
  top: 0;
  display: block;
  height: auto;
  max-height: none;
  padding-top: 0;
  overflow: initial;
}
.common-header_grid {
  position: relative;
  flex: 1;
  width: 300%;
  transition: transform var(--anim-duration) var(--anim-easing);
}
.common-header.-disabled .common-header_grid {
  position: initial;
  display: grid;
  grid-template: "menu0 menu2 menu3" var(--this-header-height-top) "menu1 menu1 menu1" auto/auto 1fr auto;
  width: auto;
}
.common-header_grid[data-step="1"] {
  transform: translate(-33.3333%);
}
.common-header_grid[data-step="2"] {
  transform: translate(-66.6666%);
}
.common-header_trap {
  width: 0;
  height: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.common-header.-disabled .common-header_trap.-sp,
.common-header_trap.-pc {
  display: none;
}
:where(.common-header.-disabled) .common-header_trap.-pc {
  display: block;
}
.common-header_trap:has(+ .common-mainMenu[aria-selected="false"]),
.common-mainMenu[aria-selected="false"] + .common-header_trap {
  display: none;
}
.common-header_trap:has(+ .common-pageButton[aria-selected="false"]),
.common-pageButton[aria-selected="false"] + .common-header_trap {
  display: none;
}
.common-header_dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  grid-area: menu1;
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-white);
  transform: translate(33.3333%);
}
.common-header.-disabled .common-header_dropdown {
  position: fixed;
  top: var(--this-header-height-total);
  display: none;
  height: auto;
  overflow: hidden;
  border-top: 4px solid var(--color-blue-600);
  border-bottom: 4px solid var(--color-blue-600);
  transform: none;
}
.common-header.-disabled .common-header_dropdown[aria-hidden="false"] {
  display: block;
}
.common-heading {
  --this-label-size: var(--typo-size-50);
  --this-label-lh: var(--typo-lh-small);
  --this-title-size: var(--typo-size-350);
  --this-title-lh: var(--typo-lh);
}
.common-heading.-second {
  --this-label-lh: var(--typo-lh);
  --this-title-size: var(--typo-size-300);
}
.common-heading.-third {
  --this-title-size: var(--typo-size-100);
}
@media print, all and (min-width: 75em) {
  .common-heading {
    --this-label-size: var(--typo-size-100);
    --this-label-lh: var(--typo-lh);
    --this-title-size: var(--typo-size-600);
    --this-title-lh: var(--typo-lh-small);
  }
  .common-heading.-second {
    --this-title-size: var(--typo-size-500);
  }
  .common-heading.-third {
    --this-title-size: var(--typo-size-400);
    --this-title-lh: var(--typo-lh);
  }
}
.common-heading_label {
  font-size: var(--this-label-size);
  font-weight: var(--typo-weight-demi);
  line-height: var(--this-label-lh);
  color: var(--color-text-blue-emphasis);
}
@media print, all and (min-width: 75em) {
  .common-heading.-second .common-heading_label {
    margin-bottom: var(--space-2xs);
  }
}
.common-heading_title {
  font-size: var(--this-title-size);
  font-weight: var(--typo-weight-demi);
  line-height: var(--this-title-lh);
  text-wrap: initial;
}
.common-heading_description {
  margin-top: var(--space-s);
  line-height: var(--typo-lh-large);
}
@media print, all and (min-width: 48em) {
  .common-heading_description {
    margin-top: var(--space-m);
  }
}
.common-heading_description p + p {
  margin-top: var(--space-50);
}
.common-heading_description p:not(:root) {
  max-width: var(--typo-reading-width);
  font-size: var(--typo-size-50);
}
@media print, all and (min-width: 48em) {
  .common-heading_description p:not(:root) {
    font-size: var(--typo-size-100);
  }
}
.common-heading_menu {
  margin-top: var(--space-2xs);
}
.common-heading_button {
  margin-top: var(--space-250);
}
@media print, all and (min-width: 75em) {
  .common-heading_button {
    margin-top: var(--space-300);
  }
}
.common-icon {
  display: inline-block;
  width: var(--icon-size, 1.5rem);
  aspect-ratio: 1/1;
  vertical-align: top;
}
.common-lang {
  --this-header-height: 4rem;
  position: relative;
  padding: var(--space-100) 0;
}
.common-header.-disabled .common-lang {
  padding: 0;
}
.common-lang_label {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
@media (hover: hover) {
  .common-lang_btn:hover .common-lang_label {
    color: var(--color-text-blue-hover);
  }
}
.common-lang_btn {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 4rem;
  padding-right: var(--space-50);
  padding-left: var(--space-200);
  outline-offset: -3px;
}
.common-header.-disabled .common-lang_btn {
  padding-left: var(--space-75);
  border-radius: var(--size-r);
}
.common-header.-disabled .common-lang_btn:before,
.common-header.-disabled .common-lang_btn:after {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 3.2rem;
  content: "";
  background-color: var(--color-border-gray);
  transform: translateY(-50%);
}
.common-header.-disabled .common-lang_btn:before {
  left: 0;
}
.common-header.-disabled .common-lang_btn:after {
  right: 0;
}
.common-header.-disabled .common-lang[aria-expanded="true"] .common-lang_btn {
  background-color: var(--color-surface-blue-light);
  border-color: var(--color-border-gray);
}
.common-header.-disabled
  .common-lang[aria-expanded="true"]
  .common-lang_btn:before,
.common-header.-disabled
  .common-lang[aria-expanded="true"]
  .common-lang_btn:after {
  display: none;
}
.common-lang_btnInner {
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .common-lang_btn:hover .common-lang_btnInner {
    border-bottom: 1px solid var(--color-border-blue);
  }
}
.common-lang_icon {
  --this-icon-size: 2.4rem;
  width: var(--this-icon-size);
  height: var(--this-icon-size);
  color: var(--color-text-blue);
  transition: transform var(--anim-duration) var(--anim-easing);
}
.common-lang_icon *[data-type="close"] {
  display: none;
}
.common-lang_icon.-open {
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
}
.common-lang_icon.-open > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.common-lang[aria-expanded="true"] .common-lang_icon.-open *[data-type="open"] {
  display: none;
}
.common-lang[aria-expanded="true"]
  .common-lang_icon.-open
  *[data-type="close"] {
  display: initial;
}
@media (hover: hover) {
  .common-lang_btn:hover .common-lang_icon {
    color: var(--color-text-blue-hover);
  }
}
.common-lang_menu {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: var(--z-lang-menu);
  display: flex;
  flex-direction: column;
  width: 100vw;
  padding: var(--space-50) 0;
  pointer-events: none;
  background-color: var(--color-bg-white);
  opacity: 0;
  transition: opacity var(--anim-duration) var(--anim-easing),
    transform var(--anim-duration) var(--anim-easing);
  transform: translateY(95%);
}
.common-lang[aria-expanded="true"] .common-lang_menu {
  pointer-events: auto;
  opacity: 1;
  transform: translateY(100%);
}
.common-header.-disabled .common-lang_menu {
  inset-block-end: -0.4rem;
  width: max-content;
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r);
  box-shadow: var(--color-dropshadow);
}
.common-lang_item {
  display: flex;
  align-items: center;
  min-height: 4.4rem;
  padding: var(--space-10) var(--space-100);
  text-decoration: none;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
@media (hover: hover) {
  .common-lang_item:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-lang_item.-selected {
  background-color: var(--color-surface-blue-light);
}
.common-lang_bg {
  --this-top: calc(var(--this-header-height) + 8rem);
  position: fixed;
  top: var(--this-top);
  right: 0;
  width: 100vw;
  height: calc(100% - var(--this-top));
  background-color: var(--color-black);
  opacity: 0.5;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
.common-lang[aria-expanded="false"] .common-lang_bg {
  pointer-events: none;
  opacity: 0;
}
.common-header.-disabled .common-lang_bg {
  display: none;
}
.common-link {
  display: inline-flex;
  gap: var(--space-10);
  align-items: center;
  color: var(--color-text);
  text-decoration: none;
  vertical-align: bottom;
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-demi-small);
}
.common-link.-small {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-link.-blue {
  color: var(--color-text-blue);
}
.common-link.-bold {
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-link.-bold.-small {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-link.-full {
  gap: var(--space-50);
  width: 100%;
}
.common-link.-full .common-link_label {
  flex: 1;
}
.common-link_icon {
  line-height: 1;
  vertical-align: top;
}
.common-link_icon.-blue {
  color: var(--color-text-blue);
}
@media (hover: hover) {
  a:hover .common-link,
  a:hover .common-link_icon,
  a.common-link:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-linkBlock {
  --this-border-height: 2px;
  position: relative;
  display: flex;
  column-gap: var(--space-100);
  align-items: center;
  padding: var(--space-150) 0;
  color: var(--color-text);
  text-decoration: none;
  border-bottom: var(--this-border-height) solid var(--color-border-gray);
}
@media print, all and (min-width: 48em) {
  .common-linkBlock {
    column-gap: var(--space-200);
  }
}
.common-linkBlock:after {
  position: absolute;
  bottom: calc(-1 * var(--this-border-height));
  left: 0;
  width: 4rem;
  height: var(--this-border-height);
  content: "";
  background: var(--color-border-blue);
  transition: width var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-linkBlock:hover {
    text-decoration: none;
  }
  .common-linkBlock:hover:after {
    width: 100%;
    background: var(--color-gradation);
  }
}
.common-linkBlock_label {
  flex: 1;
}
@media print, all and (min-width: 48em) {
  .common-linkBlock_label {
    display: flex;
    gap: var(--space-200);
  }
}
.common-linkBlock_head {
  display: flex;
  padding-bottom: var(--space-10);
  font-family: var(--typo-family-en);
  color: var(--color-text-blue);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-linkBlock_head {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
    padding-bottom: 0;
  }
}
@media (hover: hover) {
  .common-linkBlock:hover .common-linkBlock_head {
    color: var(--color-text-blue-hover);
  }
}
.common-linkBlock_type {
  margin-left: var(--space-10);
  color: var(--color-text-blue);
}
.common-linkBlock_inner {
  display: flex;
  gap: var(--space-10);
}
.common-linkBlock_title {
  display: -webkit-box;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
@media print, all and (min-width: 48em) {
  .common-linkBlock_title {
    -webkit-line-clamp: 2;
  }
}
@media (hover: hover) {
  .common-linkBlock:hover .common-linkBlock_title {
    color: var(--color-text-blue-hover);
  }
}
.common-linkBlock_icon {
  --this-size: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--this-size);
  height: var(--this-size);
  color: var(--color-text-blue);
}
@media (hover: hover) {
  .common-linkBlock:hover .common-linkBlock_icon {
    color: var(--color-text-blue-hover);
  }
}
.common-main {
  font-size: 1.6rem;
}
.common-main {
  font-family: var(--typo-family-en), var(--typo-family);
}
.common-main :where(ol, ul) {
  padding-left: 0;
  margin-bottom: auto;
  line-height: inherit;
  list-style: none;
}
.common-main :where(h1) {
  margin: 0;
}
.common-main a {
  color: var(--color-text);
}
.common-main a:focus,
.common-main a:hover {
  text-decoration: none !important;
}
.common-main :where(p) {
  margin: 0;
  font-size: 1.6rem;
  line-height: inherit;
}
.common-mainMenu {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: var(--space-100) var(--space-150) var(--space-100) var(--space-200);
  pointer-events: initial;
  border-bottom: 1px solid var(--color-border-gray);
  outline-offset: 1px;
  transition: background-color var(--anim-duration-short) var(--anim-easing);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-header.-disabled .common-mainMenu {
  width: auto;
  height: calc(100% - var(--space-100));
  padding: 0 var(--space-60);
  padding-top: var(--space-50);
  padding-bottom: var(--space-200);
  margin-top: var(--space-75);
  border-bottom: 0;
}
.common-header.-disabled .common-mainMenu[aria-selected="true"] {
  color: var(--color-text-white);
  background-color: var(--color-border-blue);
  border-radius: var(--size-r-large) var(--size-r-large) 0 0;
}
.common-header.-disabled
  .common-mainMenu[aria-selected="true"]
  [data-open="true"] {
  display: inline-block;
}
.common-header.-disabled
  .common-mainMenu[aria-selected="true"]
  [data-open="false"] {
  display: none;
}
.common-header.-disabled .common-mainMenu[aria-selected="true"]:before,
.common-header.-disabled .common-mainMenu[aria-selected="true"]:after {
  position: absolute;
  top: auto;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: var(--color-border-blue);
  border-radius: 0;
  -webkit-mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
  mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
}
.common-header.-disabled .common-mainMenu[aria-selected="true"]:before {
  bottom: 0;
  left: 0;
  transform: translate(-100%) rotate(-90deg);
}
.common-header.-disabled .common-mainMenu[aria-selected="true"]:after {
  right: 0;
  bottom: 0;
  left: auto;
  transform: translate(100%);
}
.common-mainMenu_bg {
  --this-padding: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - var(--this-padding));
  border-radius: var(--size-r-large);
  opacity: 0;
}
.common-header.-disabled .common-mainMenu.-active .common-mainMenu_bg {
  background-color: var(--color-surface-blue-light);
  opacity: 1;
  transition: opacity var(--anim-duration-short) var(--anim-easing);
}
.common-header.-disabled
  .common-mainMenu[aria-selected="true"]
  .common-mainMenu_bg {
  opacity: 0;
}
.common-mainMenu_inner {
  position: relative;
  display: inline-flex;
  gap: var(--space-10);
  align-items: center;
  width: 100%;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .common-header.-disabled .common-mainMenu:hover .common-mainMenu_inner {
    color: var(--color-text-blue-hover);
    border-bottom: 1px solid var(--color-border-blue-hover);
  }
  .common-header.-disabled
    .common-mainMenu[aria-selected="true"]:hover
    .common-mainMenu_inner {
    color: var(--color-text-white);
    border-bottom: 1px solid var(--color-border-white);
  }
}
.common-mainMenu_icon {
  --this-size: 2.4rem;
  width: var(--this-size);
  height: var(--this-size);
  margin-left: auto;
  color: var(--color-text-blue);
}
.common-mainMenu_icon *[data-open] {
  display: none;
}
.common-header.-disabled .common-mainMenu_icon {
  --this-size: 1.6rem;
  position: relative;
  margin-left: 0;
}
.common-header.-disabled .common-mainMenu_icon * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.common-header.-disabled .common-mainMenu_icon *[data-open="true"] {
  display: none;
}
.common-header.-disabled .common-mainMenu_icon *[data-open="false"] {
  display: block;
}
.common-header.-disabled .common-mainMenu_icon *[data-sp] {
  display: none;
}
.common-header.-disabled
  .common-mainMenu[aria-selected="true"]
  .common-mainMenu_icon {
  color: var(--color-text-white);
}
@media (hover: hover) {
  .common-mainMenu:hover .common-mainMenu_icon {
    color: var(--color-text-blue-hover);
  }
}
.common-message {
  padding: var(--space-250) var(--space-gutter) var(--space-300)
    var(--space-gutter);
  overflow: hidden;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border-gray);
}
@media print, all and (min-width: 48em) {
  .common-message {
    padding: var(--space-300) var(--space-gutter) var(--space-320)
      var(--space-gutter);
  }
}
.common-message_inner {
  max-width: var(--size-inner-width);
  margin-right: auto;
  margin-left: auto;
}
.common-message_main {
  width: 100%;
  max-width: var(--typo-reading-width);
  font-size: var(--typo-size-200);
  font-weight: var(--typo-weight-demi);
  line-height: 1.6;
}
@media print, all and (min-width: 48em) {
  .common-message_main {
    font-size: var(--typo-size-300);
  }
}
.common-message_sub {
  max-width: var(--typo-reading-width);
  margin-top: var(--space-75);
}
.common-message_sub p {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: 2;
}
@media print, all and (min-width: 48em) {
  .common-message_sub p {
    font-size: var(--typo-size-100);
  }
}
.common-message_sub p + p {
  margin-top: var(--space-50);
}
.common-modal {
  --this-color-title: var(--modal-menu-color-title, black);
  --this-color-bg: var(--modal-menu-color-bg, white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-modal);
  display: none;
}
.common-modal.is-open {
  display: block;
}
.common-modal_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0009;
}
.common-modal .common-modal_overlay {
  will-change: transform;
}
.common-modal[aria-hidden="false"] .common-modal_overlay {
  animation: mm-fade-in 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.common-modal[aria-hidden="true"] .common-modal_overlay {
  animation: mm-fade-out 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.common-modal_container {
  display: flex;
  align-items: center;
  height: 100vh;
  padding: var(--space-200);
}
@media print, all and (min-width: 48em) {
  .common-modal_container {
    padding: var(--space-300);
  }
}
.common-modal .common-modal_container {
  will-change: transform;
}
.common-modal[aria-hidden="false"] .common-modal_container {
  animation: mm-slide-in 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.common-modal[aria-hidden="true"] .common-modal_container {
  animation: mm-slide-out 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.common-modal_scroll {
  position: relative;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--this-color-bg);
  border-radius: var(--size-r-large);
}
.common-modal_inner {
  max-width: 74.8rem;
  padding: var(--space-200);
  padding-top: var(--space-250);
}
@media print, all and (min-width: 48em) {
  .common-modal_inner {
    padding: var(--space-300);
    padding-top: var(--space-320);
  }
}
.common-modal_close {
  position: sticky;
  top: 0;
  right: 0;
  height: 0;
  text-align: right;
}
.common-modal_close > button {
  padding: var(--space-100);
  color: var(--color-text-blue);
}
@media (hover: hover) {
  .common-modal_close > button:hover {
    color: var(--color-text-blue-hover);
  }
}
@keyframes mm-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mm-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mm-slide-in {
  0% {
    transform: translateY(5%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mm-slide-out {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-5%);
  }
}
.common-modalContents_title {
  font-size: var(--typo-size-200);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-modalContents_title {
    font-size: var(--typo-size-350);
  }
}
.common-modalContents_image {
  margin-top: var(--space-100);
}
.common-modalContents_heading {
  margin-top: var(--space-200);
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-modalContents_text {
  margin-top: var(--space-2xs);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
.common-modalContents_button {
  margin-top: var(--space-200);
}
.common-pageButton {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 4rem;
  padding: 0 var(--space-150) 0 var(--space-200);
  text-decoration: none;
  border-top: 1px solid var(--color-border-gray);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-pageButton.-selected {
  width: calc(100% + 1px);
  padding-right: 1px;
  background-color: var(--color-bg-blue);
}
.common-header.-disabled .common-pageButton {
  padding: 0 var(--space-300);
  border-top: 0;
  outline-offset: -3px;
}
.common-pageButton.-pc {
  display: none;
}
.common-header.-disabled .common-pageButton.-pc {
  display: block;
  font-weight: var(--typo-weight-demi);
  color: var(--color-text-blue-emphasis);
}
@media (hover: hover) {
  .common-pageButton:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-pageButton_icon {
  color: var(--color-text-blue);
}
.common-pageButton_icon.-selected,
.common-pageButton.-selected .common-pageButton_icon {
  display: none;
}
.common-pageButton.-selected .common-pageButton_icon.-selected {
  display: block;
}
@media (hover: hover) {
  .common-pageButton:hover .common-pageButton_icon {
    color: var(--color-text-blue-hover);
  }
}
.common-pageButton_inner {
  display: flex;
  gap: var(--space-50);
  align-items: center;
  padding: var(--space-100) 0;
}
.common-header.-disabled .common-pageButton_inner {
  position: relative;
  padding: var(--space-75) 0;
  border-bottom: 1px solid var(--color-border-gray);
}
.common-header.-disabled .common-pageButton_inner:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 1.6rem;
  height: 1px;
  content: "";
  background-color: var(--color-text-blue-emphasis);
  transition: width var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-pageButton:hover .common-pageButton_inner:before {
    width: 100%;
  }
}
.common-pageButton_label {
  flex: 1;
}
.common-pageHeader {
  position: relative;
}
.common-pageHeader_inner {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: var(--space-150) 0;
  transform: translate(-50%);
}
@media print, all and (min-width: 48em) {
  .common-pageHeader_inner {
    align-items: center;
  }
}
@media print, all and (min-width: 75em) {
  .common-pageHeader_inner {
    max-width: calc(var(--size-inner-width) + 4 * var(--space-300));
    padding: var(--space-150) var(--space-300);
  }
}
.common-pageHeader_contents {
  max-width: calc(100% - var(--space-100));
  padding: 0 var(--space-250);
  background-color: var(--color-bg-white);
  border-radius: 0 var(--size-r-large) var(--size-r-large) 0;
}
@media print, all and (min-width: 75em) {
  .common-pageHeader_contents {
    padding: 0 var(--space-300);
    border-radius: var(--size-r-large);
  }
}
.common-pageHeader_image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.common-pageHeader_image img {
  width: 100%;
  object-fit: cover;
}
@media print, all and (min-width: 48em) {
  .common-pageHeader_image img {
    min-height: 30rem;
    max-height: 36rem;
  }
}
.common-pannel {
  text-align: center;
}
.common-pannel_item {
  padding: var(--space-200) 0;
  background-color: var(--color-bg-white);
}
.common-pannel_item + .common-pannel_item {
  margin-top: var(--space-50);
}
@media print, all and (min-width: 48em) {
  .common-pannel_item {
    padding: var(--space-300);
  }
}
.common-pannel_img {
  padding: 0 var(--space-75);
}
.common-pannel_img > img {
  margin-right: auto;
  margin-left: auto;
}
.common-pannel_title {
  color: var(--color-text-blue);
  font-size: var(--typo-size-200);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-pannel_title {
    font-size: var(--typo-size-400);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
}
.common-pannel_button {
  margin-top: var(--space-200);
  text-align: center;
}
.common-pannel_contents {
  max-width: 102.4rem;
  margin: 0 auto;
  text-align: left;
}
.common-pannel_contents:not(:first-child) {
  margin-top: var(--space-100);
}
@media print, all and (min-width: 48em) {
  .common-pannel_contents:not(:first-child) {
    margin-top: var(--space-200);
  }
}
.common-pannel_contents.-padding-bottom {
  padding-bottom: var(--space-200);
}
.common-pannel_contents > iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 0;
}
.common-pannel_contents p {
  color: var(--color-text-light);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
@media print, all and (min-width: 48em) {
  .common-pannel_contents p {
    font-size: var(--typo-size-100);
    font-weight: var(--typo-weight-regular);
    line-height: var(--typo-lh-large);
  }
}
.common-pannel_inner {
  --this-side-padding: 2.4rem;
  padding: 0 var(--this-side-padding);
}
@media print, all and (min-width: 48em) {
  .common-pannel_inner {
    --this-side-padding: 0;
  }
}
.common-related {
  padding: var(--space-7xl) var(--space-gutter) var(--space-7xl)
    var(--space-gutter);
  container: related/inline-size;
  border-top: 1px solid var(--color-border-gray);
}
.common-related_inner {
  max-width: var(--size-inner-width);
  margin-right: auto;
  margin-left: auto;
}
.common-related_links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-100) var(--space-300);
  margin-top: var(--space-xl);
}
.common-related_links ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-100);
}
.common-scrollBox_image {
  --this-offset: var(--space-gutter);
  display: flex;
  width: calc(100% + 2 * var(--this-offset));
  padding: 0 var(--this-offset);
  margin-right: calc(-1 * var(--this-offset));
  margin-left: calc(-1 * var(--this-offset));
  overflow-x: auto;
  scrollbar-width: none;
}
.common-scrollBox_image::-webkit-scrollbar {
  display: none;
}
.common-scrollBox_scrollbar {
  position: relative;
  width: 100%;
  height: 4px;
  margin-top: 1.6rem;
  overflow: hidden;
  visibility: hidden;
  background-color: #d5dee9;
  border-radius: 2px;
}
.common-scrollBox_scrollbar.-active {
  visibility: visible;
}
.common-scrollBox_thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 4px;
  background-color: #245eb2;
  border-radius: 2px;
}
.common-search {
  --this-header-height: 4rem;
  position: relative;
  height: 100%;
}
.common-header.-disabled .common-search {
  display: none;
}
.common-search_search,
.common-search_open {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-300);
  outline-offset: -3px;
}
.common-search_search {
  padding: var(--space-50) 0;
  color: var(--color-text-white);
  background-color: var(--color-border-blue);
  border-radius: 0 var(--size-r) var(--size-r) 0;
}
@media (hover: hover) {
  .common-search_search:hover {
    background-color: var(--color-border-blue-hover);
  }
}
.common-search_open {
  padding: var(--space-200) var(--space-100);
  color: var(--color-text-blue);
}
.common-header.-disabled .common-search_open {
  padding: var(--space-50) var(--space-100);
}
@media (hover: hover) {
  .common-search_open:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-search_menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  pointer-events: auto;
  background-color: var(--color-bg-white);
  opacity: 1;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
.common-header.-disabled .common-search_menu {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--space-50);
  height: 100%;
}
.common-search[aria-expanded="false"] .common-search_menu {
  pointer-events: none;
  opacity: 0;
}
.common-search_input {
  flex: 1;
  width: 40rem;
  padding: 0 0.8rem;
  border-color: var(--color-border-blue-low);
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  border-radius: var(--size-r) 0 0 var(--size-r);
}
.common-search_inner {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: var(--space-100);
  padding-bottom: 0;
}
.common-header.-disabled .common-search_inner {
  width: auto;
  padding: 0;
  padding-right: var(--space-100);
}
.common-search_cancel {
  --this-color-label: var(--color-text);
  --this-color-icon: var(--color-text-blue);
  box-sizing: border-box;
  display: flex;
  gap: var(--space-10);
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-100);
  text-align: center;
  background-color: var(--color-white);
}
.common-header.-disabled .common-search_cancel {
  width: auto;
  padding: var(--space-50);
  border-radius: var(--size-r);
}
@media (hover: hover) {
  .common-search_cancel:hover {
    --this-color-label: var(--color-text-blue-hover);
    --this-color-icon: var(--color-text-blue-hover);
  }
}
.common-search_cancelLabel {
  color: var(--this-color-label);
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
.common-search_cancelIcon {
  --this-icon-size: 1.6rem;
  position: relative;
  width: var(--this-icon-size);
  height: var(--this-icon-size);
  color: var(--this-color-icon);
}
.common-search_cancelIcon * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
.common-search_bg {
  --this-top: calc(var(--this-header-height) + 0.8rem);
  position: fixed;
  top: var(--this-top);
  right: 0;
  width: 100vw;
  height: calc(100% - var(--this-top));
  background-color: var(--color-black);
  opacity: 0.5;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
.common-search[aria-expanded="false"] .common-search_bg {
  pointer-events: none;
  opacity: 0;
}
.common-header.-disabled .common-search_bg {
  display: none;
}
.common-searchPc {
  display: flex;
  padding-right: var(--space-100);
  padding-left: var(--space-100);
}
.common-header:not(.-disabled) .common-searchPc {
  display: none;
}
.common-searchPc_input {
  width: calc(100% - var(--space-300));
  padding: 0 0.8rem;
  border-color: var(--color-border-blue-low);
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  border-radius: var(--size-r) 0 0 var(--size-r);
}
.common-searchPc_search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--space-300);
  padding: var(--space-50) 0;
  color: var(--color-text-white);
  background-color: var(--color-border-blue);
  border-radius: 0 var(--size-r) var(--size-r) 0;
  outline-offset: -3px;
}
@media (hover: hover) {
  .common-searchPc_search:hover {
    background-color: var(--color-border-blue-hover);
  }
}
.common-section.-margin-sm {
  margin-top: var(--space-m);
}
@media print, all and (min-width: 48em) {
  .common-section.-margin-sm {
    margin-top: var(--space-xl);
  }
}
.common-section.-margin-md {
  margin-top: var(--space-xl);
}
@media print, all and (min-width: 48em) {
  .common-section.-margin-md {
    margin-top: var(--space-3xl);
  }
}
.common-section.-margin-lg {
  margin-top: var(--space-3xl);
}
@media print, all and (min-width: 48em) {
  .common-section.-margin-lg {
    margin-top: var(--space-5xl);
  }
}
.common-section_box {
  padding: var(--space-gap) var(--space-gutter);
}
.common-section_box.-bg-blue {
  background-color: var(--color-bg-blue);
}
.common-section_box.-no-side-padding {
  padding-right: 0;
  padding-left: 0;
}
.common-section_box.-no-vertical-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.common-section_box.-narrow-padding {
  padding-top: var(--space-100);
  padding-bottom: var(--space-100);
}
@media print, all and (min-width: 48em) {
  .common-section_box.-narrow-padding {
    padding-top: var(--space-200);
    padding-bottom: var(--space-200);
  }
}
.common-section_box.-no-top-padding {
  padding-top: 0;
}
.common-section_inner {
  max-width: var(--size-inner-width);
  margin-right: auto;
  margin-left: auto;
}
.common-section_inner.-slim {
  max-width: var(--size-inner-width-slim);
}
.common-section_stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-gap);
}
.common-section_cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-gap);
}
.common-section_sideBySide {
  display: grid;
  grid-template-rows: auto auto;
  gap: var(--space-gap);
}
@media print, all and (min-width: 48em) {
  .common-section_sideBySide {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .common-section_sideBySide.-align-center {
    align-items: center;
  }
}
@media print, all and (min-width: 75em) {
  .common-section_sideBySide.-right-wide,
  .common-section_sideBySide.-left-wide {
    grid-template-columns: repeat(3, 1fr);
  }
  .common-section_sideBySide.-right-wide > li:nth-child(2) {
    grid-column: 2/4;
  }
  .common-section_sideBySide.-left-wide > li:nth-child(1) {
    grid-column: 1/3;
  }
  .common-section_sideBySide.-left-wide > li:nth-child(2) {
    grid-column: 3/4;
  }
}
@media print, all and (min-width: 48em) {
  .common-section_sideBySide.-reverse > li:nth-child(1) {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .common-section_sideBySide.-reverse > li:nth-child(2) {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
@media print, all and (min-width: 75em) {
  .common-section_sideBySide.-right-wide.-reverse > li:nth-child(1) {
    grid-column: 3/4;
  }
  .common-section_sideBySide.-right-wide.-reverse > li:nth-child(2) {
    grid-column: 1/3;
  }
}
@media print, all and (min-width: 75em) {
  .common-section_sideBySide.-left-wide.-reverse > li:nth-child(1) {
    grid-column: 2/4;
  }
  .common-section_sideBySide.-left-wide.-reverse > li:nth-child(2) {
    grid-column: 1/2;
  }
}
.common-section_image.-right > img {
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--size-r-small);
}
@media print, all and (min-width: 48em) {
  .common-section_image.-right > img {
    margin-right: 0;
  }
}
.common-slimThumbnail {
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
.common-slimThumbnail_top {
  display: flex;
  text-decoration: none;
}
.common-slimThumbnail_image {
  grid-column: span 2;
  width: 9.8rem;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.common-slimThumbnail_image > img {
  height: 100%;
  object-fit: cover;
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media print, all and (min-width: 75em) {
  .common-slimThumbnail_image {
    width: 17.3rem;
    aspect-ratio: inherit;
  }
}
@media (hover: hover) {
  .common-slimThumbnail_top:hover .common-slimThumbnail_image > img {
    transform: scale(1.05);
  }
}
.common-slimThumbnail_head {
  position: relative;
  flex: 1;
  padding: var(--space-m) var(--space-xs);
}
@media print, all and (min-width: 48em) {
  .common-slimThumbnail_head {
    padding: var(--space-m);
  }
}
.common-slimThumbnail_title {
  gap: var(--space-50);
  color: var(--color-text-blue);
  font-size: var(--typo-size-20);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-slimThumbnail_title {
    font-size: var(--typo-size-50);
    font-weight: var(--typo-weight-demi);
    line-height: var(--typo-lh-demi-small);
  }
}
@media (hover: hover) {
  .common-slimThumbnail:hover .common-slimThumbnail_title {
    color: var(--color-text-blue-hover);
  }
}
.common-slimThumbnail_category {
  position: relative;
  display: inline-block;
  padding-left: var(--space-50);
  margin-left: var(--space-50);
  line-height: 1;
}
.common-slimThumbnail_category:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  content: "";
  background-color: var(--color-blue-600);
  transform: translateY(-50%);
}
.common-slimThumbnail_contents {
  display: flex;
  gap: var(--space-100);
  align-items: flex-end;
  margin-top: var(--space-10);
}
@media print, all and (min-width: 48em) {
  .common-slimThumbnail_contents {
    margin-top: var(--space-5);
  }
}
@media (hover: hover) {
  .common-slimThumbnail_top:hover .common-slimThumbnail_contents {
    color: var(--color-text-blue-hover);
  }
}
.common-slimThumbnail_inner {
  display: -webkit-box;
  flex: 1;
  overflow: hidden;
  font-weight: var(--typo-weight-demi);
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.common-slimThumbnail_inner > p {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
@media print, all and (min-width: 48em) {
  .common-slimThumbnail_inner {
    -webkit-line-clamp: 2;
  }
}
.common-slimThumbnail.-pickup .common-slimThumbnail_inner {
  -webkit-line-clamp: 2;
}
@media print, all and (min-width: 48em) {
  .common-slimThumbnail.-pickup .common-slimThumbnail_inner {
    -webkit-line-clamp: 1;
  }
}
.common-slimThumbnail_icon {
  line-height: 1;
  vertical-align: top;
}
.common-slimThumbnail_icon.-blue {
  color: var(--color-text-blue);
}
.common-slimThumbnail_tagList {
  padding: var(--space-50);
  border-top: 1px solid var(--color-border-gray);
}
.common-sns {
  --this-size: 4.4rem;
  position: relative;
  display: inline-block;
  width: var(--this-size);
  aspect-ratio: 1/1;
  overflow: hidden;
  vertical-align: top;
  background-color: var(--color-border-blue);
  border-radius: 100vmax;
}
.common-sns:focus-visible {
  outline: 3px solid CanvasText;
  outline-offset: 1px;
  box-shadow: 0 0 0 5px Canvas;
}
.common-sns[class] {
  color: var(--color-text-white);
}
.common-sns.-x {
  background-color: var(--color-sns-x);
}
.common-sns.-facebook {
  background-color: var(--color-sns-facebook);
}
.common-sns.-youtube {
  background-color: var(--color-sns-youtube);
}
.common-sns.-linkedin {
  background-color: var(--color-sns-linkedin);
}
.common-sns svg {
  position: relative;
}
.common-spButton {
  --this-size-icon: 4rem;
  padding-top: var(--space-50);
  padding-right: var(--space-100);
}
.common-spButton_item.-open {
  display: block;
}
.common-spButton_item.-close,
.common-header[aria-expanded="true"] .common-spButton_item.-open {
  display: none;
}
.common-header[aria-expanded="true"] .common-spButton_item.-close {
  display: block;
}
.common-spButton_button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--this-size-icon);
  height: var(--this-size-icon);
  color: var(--color-text-blue);
}
.common-subMenu {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4rem;
  padding: var(--space-100) var(--space-150) var(--space-100) var(--space-200);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-gray);
}
.common-subMenu span {
  position: relative;
}
.common-header.-disabled .common-subMenu {
  padding: var(--space-50) var(--space-75);
  border-bottom: 0;
}
.common-header.-disabled .common-subMenu:before {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 80%;
  content: "";
  background-color: var(--color-surface-blue-light);
  border-radius: var(--size-r-large);
  opacity: 0;
}
.common-header.-disabled .common-subMenu.-active:before {
  opacity: 1;
}
@media (hover: hover) {
  .common-header.-disabled .common-subMenu:hover {
    color: var(--color-text-blue-hover);
  }
}
.common-subMenu_label {
  flex: 1;
  border-bottom: 1px solid transparent;
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-large);
}
@media (hover: hover) {
  .common-header.-disabled .common-subMenu:hover .common-subMenu_label {
    border-bottom: 1px solid var(--color-border-blue-hover);
  }
}
.common-header.-disabled .common-subMenu_icon {
  display: none;
}
.common-tagList {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-50);
}
.common-tagList_tag {
  position: relative;
  display: block;
  padding: var(--space-5) var(--space-10);
  overflow: hidden;
  color: var(--color-text-blue);
  text-decoration: none;
  border: 1px solid var(--color-border-blue-low);
  border-radius: var(--size-r);
  font-size: var(--typo-size-20);
  font-weight: var(--typo-weight-medium);
  line-height: var(--typo-lh-demi-small);
}
.common-tagList_tag:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-gradation);
  opacity: 0;
  transition: opacity var(--anim-duration) var(--anim-easing);
}
@media (hover: hover) {
  .common-tagList_tag:hover {
    color: var(--color-text-white);
  }
  .common-tagList_tag:hover:before {
    opacity: 1;
  }
}
.common-tagList_tagLabel {
  position: relative;
}
.common-thumbnail {
  display: block;
  max-width: var(--size-thumbnail-width);
  height: 100%;
  overflow: hidden;
  color: var(--color-text);
  text-decoration: none !important;
  background-color: var(--color-bg-white);
  border: 1px solid var(--color-border-gray);
  border-radius: var(--size-r-large);
}
.common-thumbnail_head {
  position: relative;
  padding: var(--space-10);
}
.common-thumbnail_image {
  overflow: hidden;
  border-radius: var(--size-r-large-inner);
}
.common-thumbnail_image > img {
  width: 100%;
  transition: transform var(--anim-duration) var(--anim-easing);
  transform-origin: center;
}
@media (hover: hover) {
  .common-thumbnail:hover .common-thumbnail_image > img {
    transform: scale(1.05);
  }
}
.common-thumbnail_title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: var(--space-10);
  align-items: center;
  max-width: 95%;
  padding: var(--space-50) var(--space-100);
  background-color: var(--color-bg-white);
  border-top-right-radius: var(--size-r-large);
  border-bottom-left-radius: var(--size-r-large);
  font-size: var(--typo-size-100);
  font-weight: var(--typo-weight-demi);
  line-height: var(--typo-lh-demi-small);
}
.common-thumbnail_title:before,
.common-thumbnail_title:after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  background-color: var(--color-bg-white);
  -webkit-mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
  mask-image: url(/professional-nexus/_assets/common/image/r_reverse.svg);
}
.common-thumbnail_title:before {
  top: 0;
  left: var(--space-10);
  transform: translateY(-100%);
}
.common-thumbnail_title:after {
  right: 0;
  bottom: var(--space-10);
  transform: translate(100%);
}
@media (hover: hover) {
  .common-thumbnail:hover .common-thumbnail_title {
    color: var(--color-text-blue-hover);
  }
}
.common-thumbnail_contents {
  display: flex;
  gap: var(--space-50);
  padding: var(--space-75) var(--space-100) var(--space-100) var(--space-100);
  line-height: var(--typo-lh-large);
}
@media (hover: hover) {
  .common-thumbnail:hover .common-thumbnail_contents {
    color: var(--color-text-blue-hover);
  }
}
.common-thumbnail_inner p:not(:root) {
  font-size: var(--typo-size-50);
  font-weight: var(--typo-weight-regular);
  line-height: var(--typo-lh-large);
}
.common-thumbnail_icon {
  line-height: 1;
  vertical-align: top;
}
.common-thumbnail_icon.-blue {
  color: var(--color-text-blue);
}
@media (hover: hover) {
  .common-thumbnail:hover .common-thumbnail_icon {
    color: var(--color-text-blue-hover);
  }
}
@media (width < 48em) {
  :where(br)[data-hide-sm] {
    display: none !important;
  }
}
@media (48em <= width < 75em) {
  :where(br)[data-hide-md] {
    display: none !important;
  }
}
@media (75em <= width) {
  :where(br)[data-hide-lg] {
    display: none;
  }
}
@media print {
  .common-breadcrumb,
  .common-layout_header,
  .common-layout_footer {
    display: none;
  }
  @page {
    margin: 0;
  }
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}
.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}
.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}
.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}
.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__progress__bar {
  background: #ccc;
  height: 3px;
}
.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}
.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}
.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}