.cmp-appointment-banner-jp-wrapper {
  position: fixed;
  z-index: 10001;
  bottom: 0;
  right: 0;
  display: block;
  width: 60%;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .cmp-appointment-banner-jp-wrapper {
    width: unset;
  }
}
.cmp-appointment-banner-jp-wrapper .cmp-appointment-banner-jp {
  text-align: right;
}
.cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image.d-none {
  display: none;
}
@media screen and (min-width: 769px) {
  .cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image .cmp-mobile-maximized-appointment-banner-jp-image {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image .cmp-mobile-maximized-appointment-banner-jp-image {
    width: 100%;
  }
  .cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image .cmp-desktop-maximized-appointment-banner-jp-image {
    display: none;
  }
}
.cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image .cmp-appointment-banner-jp-close-button {
  content: url("../../../etc.clientlibs/argenx/clientlibs/clientlib-vyvgarthcp-jp/resources/icons/mb_mr_x.png");
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 25%;
}
@media screen and (min-width: 769px) {
  .cmp-appointment-banner-jp-wrapper .cmp-maximized-appointment-banner-jp-image .cmp-appointment-banner-jp-close-button {
    content: url("../../../etc.clientlibs/argenx/clientlibs/clientlib-vyvgarthcp-jp/resources/icons/pc_mr_x.png");
    width: auto;
  }
}
.cmp-appointment-banner-jp-wrapper .cmp-minimized-appointment-banner-jp-image {
  display: none;
}
.cmp-appointment-banner-jp-wrapper .cmp-minimized-appointment-banner-jp-image.active {
  cursor: pointer;
  display: block;
  right: 0;
  position: fixed;
  bottom: 0;
  height: 36px;
}
@media screen and (max-width: 768px) {
  .cmp-appointment-banner-jp-wrapper .cmp-minimized-appointment-banner-jp-image .cmp-mobile-minimized-appointment-banner-jp-image {
    width: 180px;
    height: 36px;
  }
  .cmp-appointment-banner-jp-wrapper .cmp-minimized-appointment-banner-jp-image .cmp-desktop-minimized-appointment-banner-jp-image {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .cmp-appointment-banner-jp-wrapper .cmp-minimized-appointment-banner-jp-image .cmp-mobile-minimized-appointment-banner-jp-image {
    display: none;
  }
}

:root {
  --header-sticky-height: 0px;
  --header-sticky-visible: 0px;
  --itp-resilient-jp-color-white: #ffffff;
  --itp-resilient-jp-color-offwhite: #f8f8f8;
  --itp-resilient-jp-color-text: #4c4c4c;
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Thin.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Thin.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Light.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Light.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-DemiLight.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-DemiLight.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Regular.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Regular.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Medium.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Medium.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-SemiBold.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-SemiBold.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-SemiBold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Bold.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Bold.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Black.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Black.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/NotoSansJP-Black.otf) format('opentype');
}
@font-face {
  font-family: 'SawarabiGothic';
  font-style: normal;
  font-weight: 500;
  src: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/SawarabiGothic-Regular.woff2) format('woff2'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/SawarabiGothic-Regular.woff) format('woff'), url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/fonts/SawarabiGothic-Regular.otf) format('opentype');
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
:root {
  --main-color: #49389F;
  --accent-color: #EE9AF9;
  --current-color: #068477;
  --text-color: #4c4c4c;
  --white-color: #ffffff;
  --offwhite-color: #f8f8f8;
}
html {
  min-width: 320px;
  color: #4c4c4c;
  font-size: 16px;
  font-weight: 400;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  scroll-padding-top: 32px;
}
body {
  line-height: 1.8;
  background-color: #fff;
}
@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  body {
    font-size: 16px;
  }
}
@media (min-width: 960px) {
  body {
    font-size: 16px;
  }
}
a {
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: all 400ms;
}
@media (min-width: 768px) {
  a:hover {
    cursor: pointer;
    text-decoration-color: inherit;
  }
}
@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
.cmp-container {
  box-sizing: border-box;
}
.cmp-container:has(.cmp-text--quotes) {
  background-size: contain!important;
  background-position: center;
}
.cmp-container--max-w-full > .cmp-container {
  width: 100%;
}
.cmp-container--max-w-basic > .cmp-container {
  margin-inline: auto;
  max-width: 1280px;
}
.cmp-container--max-w-md > .cmp-container {
  margin-inline: auto;
  max-width: 1072px;
}
.cmp-container--max-w-sm > .cmp-container {
  margin-inline: auto;
  max-width: 760px;
}
.cmp-container--stack-xs > .cmp-container > * + * {
  margin-block-start: 8px;
}
.cmp-container--stack-sm > .cmp-container > * + * {
  margin-block-start: 16px;
}
.cmp-container--stack-md > .cmp-container > * + * {
  margin-block-start: 20px;
}
@media (min-width: 960px) {
  .cmp-container--stack-md > .cmp-container > * + * {
    margin-block-start: 32px;
  }
}
.cmp-container--stack-lg > .cmp-container > * + * {
  margin-block-start: 40px;
}
@media (min-width: 960px) {
  .cmp-container--stack-lg > .cmp-container > * + * {
    margin-block-start: 64px;
  }
}
.cmp-container--stack-xl > .cmp-container > * + * {
  margin-block-start: 64px;
}
@media (min-width: 960px) {
  .cmp-container--stack-xl > .cmp-container > * + * {
    margin-block-start: 100px;
  }
}
.cmp-container--flex > .cmp-container {
  display: flex;
}
.cmp-container--flex > .cmp-container .new.newpar {
  flex-grow: 1;
  min-width: 100px;
}
@media (min-width: 960px) {
  .cmp-container--flex > .cmp-container .new.newpar {
    max-width: 170px;
  }
}
.cmp-container--flex-wrap > .cmp-container {
  display: flex;
  flex-wrap: wrap;
}
.cmp-container--flex-wrap > .cmp-container .new.newpar {
  flex-grow: 1;
}
.cmp-container--grid-cols-1 > .cmp-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.cmp-container--grid-cols-1 > .cmp-container .new.newpar {
  width: 100%;
}
.cmp-container--grid-cols-2 > .cmp-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 960px) {
  .cmp-container--grid-cols-2 > .cmp-container > * + * {
    margin-block-start: 0;
  }
}
.cmp-container--grid-cols-2 > .cmp-container .new.newpar {
  min-width: 100px;
}
.cmp-container--grid-cols-3 > .cmp-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cmp-container--grid-cols-3 > .cmp-container .new.newpar {
  width: 100%;
}
.cmp-container--grid-cols-4 > .cmp-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.cmp-container--grid-cols-4 > .cmp-container .new.newpar {
  width: 100%;
}
.cmp-container--iconText > .cmp-container {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  gap: 16px;
}
.cmp-container--iconText > .cmp-container .new.newpar {
  width: 100%;
}
@media (min-width: 768px) {
  .cmp-container--imageText-1-1 > .cmp-container {
    display: grid;
    grid-template-columns: 400px 1fr;
  }
}
@media (min-width: 960px) {
  .cmp-container--imageText-1-1 > .cmp-container > * + * {
    margin-block-start: 0;
  }
}
@media (min-width: 768px) {
  .cmp-container--imageText-1-3 > .cmp-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
@media (max-width: 768px) {
  .cmp-container--imageText-1-3 > .cmp-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cmp-container--imageText-1-3 > .cmp-container > *:nth-child(odd) {
    max-width: 200px;
  }
}
.cmp-container--imageText-1-3 > .cmp-container .new.newpar {
  width: 100%;
}
@media (min-width: 768px) {
  .cmp-container--imageText-3-1 > .cmp-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
  }
}
@media (max-width: 768px) {
  .cmp-container--imageText-3-1 > .cmp-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    order: initial;
  }
  .cmp-container--imageText-3-1 > .cmp-container > *:nth-child(even) {
    max-width: 200px;
    order: -1;
  }
}
.cmp-container--imageText-3-1 > .cmp-container .new.newpar {
  width: 100%;
}
@media (max-width: 768px) {
  .cmp-container--sm\:flex > .cmp-container {
    display: flex;
  }
  .cmp-container--sm\:flex > .cmp-container .new.newpar {
    flex-grow: 1;
    min-width: 100px;
  }
  .cmp-container--sm\:flex-wrap > .cmp-container {
    display: flex;
    flex-wrap: wrap;
  }
  .cmp-container--sm\:flex-wrap > .cmp-container .new.newpar {
    flex-grow: 1;
  }
  .cmp-container--sm\:grid-cols-1 > .cmp-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .cmp-container--sm\:grid-cols-1 > .cmp-container .new.newpar {
    width: 100%;
  }
  .cmp-container--sm\:grid-cols-2 > .cmp-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .cmp-container--sm\:grid-cols-2 > .cmp-container .new.newpar {
    width: 100%;
  }
  .cmp-container--sm\:grid-cols-3 > .cmp-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .cmp-container--sm\:grid-cols-3 > .cmp-container .new.newpar {
    width: 100%;
  }
  .cmp-container--sm\:grid-cols-4 > .cmp-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .cmp-container--sm\:grid-cols-4 > .cmp-container .new.newpar {
    width: 100%;
  }
}
.cmp-container--gap-xs > .cmp-container {
  gap: 8px;
}
.cmp-container--gap-sm > .cmp-container {
  gap: 8px;
}
@media (min-width: 768px) {
  .cmp-container--gap-sm > .cmp-container {
    gap: 16px;
  }
}
.cmp-container--gap-md > .cmp-container {
  gap: 16px;
}
@media (min-width: 768px) {
  .cmp-container--gap-md > .cmp-container {
    gap: 32px;
  }
}
.cmp-container--gap-lg > .cmp-container {
  gap: 20px;
}
@media (min-width: 768px) {
  .cmp-container--gap-lg > .cmp-container {
    gap: 50px;
  }
}
.cmp-container--justify-center > .cmp-container {
  justify-content: center;
}
.cmp-container--justify-between > .cmp-container {
  justify-content: space-between;
}
.cmp-container--justify-items-center > .cmp-container {
  justify-items: center;
}
.cmp-container--items-center > .cmp-container {
  align-items: center;
}
.cmp-container--px-lg > .cmp-container {
  padding-inline: 64px;
}
.cmp-container--px-md > .cmp-container {
  padding-inline: 16px;
}
@media (min-width: 768px) {
  .cmp-container--px-md > .cmp-container {
    padding-inline: 32px;
  }
}
.cmp-container--px-sm > .cmp-container {
  padding-inline: 16px;
}
.cmp-container--px-xs > .cmp-container {
  padding-inline: 8px;
}
@media (max-width: 768px) {
  .cmp-container--sm\:px-lg > .cmp-container {
    padding-inline: 64px;
  }
  .cmp-container--sm\:px-md > .cmp-container {
    padding-inline: 32px;
  }
  .cmp-container--sm\:px-sm > .cmp-container {
    padding-inline: 16px;
  }
  .cmp-container--sm\:px-xs > .cmp-container {
    padding-inline: 8px;
  }
  .cmp-container--sm\:px-none > .cmp-container {
    padding-inline: 0;
  }
}
.cmp-container--py-xl > .cmp-container {
  padding-block: 80px;
}
.cmp-container--py-lg > .cmp-container {
  padding-block: 64px;
}
.cmp-container--py-md > .cmp-container {
  padding-block: 32px;
}
.cmp-container--py-sm > .cmp-container {
  padding-block: 16px;
}
.cmp-container--py-xs > .cmp-container {
  padding-block: 8px;
}
@media (max-width: 768px) {
  .cmp-container--sm\:py-lg > .cmp-container {
    padding-block: 64px;
  }
  .cmp-container--sm\:py-md > .cmp-container {
    padding-block: 32px;
  }
  .cmp-container--sm\:py-sm > .cmp-container {
    padding-block: 16px;
  }
  .cmp-container--sm\:py-xs > .cmp-container {
    padding-block: 8px;
  }
  .cmp-container--sm\:py-none > .cmp-container {
    padding-block: 0;
  }
}
.cmp-container--h-full > .cmp-container {
  height: 100%;
  box-sizing: border-box;
}
.cmp-container--box-shadow > .cmp-container {
  box-shadow: 0px 0px 10px #00000014;
}
.cmp-container--rounded > .cmp-container {
  overflow: hidden;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .cmp-container--rounded > .cmp-container {
    border-radius: 16px;
  }
}
.cmp-container--bg-gradient-purple {
  background: linear-gradient(to right, #45349c, #8a7fc0);
  padding-inline: 2rem;
}
@media (min-width: 768px) {
  .cmp-container--bg-gradient-purple {
    padding-inline: 1rem;
  }
}
.cmp-container--border > .cmp-container {
  border: solid 1px #A0A0A0;
}
.cmp-container--border-green > .cmp-container {
  border: solid 1px var(--current-color);
}
:root {
  --header-main-color: #49389F;
  --header-accent-color: #EE9AF9;
  --header-current-color: #068477;
  --header-text-color: #4c4c4c;
  --header-white-color: #ffffff;
  --header-offwhite-color: #f8f8f8;
}
.cmp-header {
  padding-inline: 16px;
  padding-block: 10px;
  background-color: var(--header-white-color);
  box-sizing: border-box;
  z-index: 12;
}
@media (max-width: 960px) {
  .cmp-header {
    position: relative;
  }
}
@media (min-width: 960px) {
  .cmp-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-inline: auto;
    padding-block: 32px 16px;
    max-width: 1280px;
  }
}
@media (min-width: 1320px) {
  .cmp-header {
    padding-inline: 0;
  }
}
.cmp-header-logo-heading h6,
.cmp-header-logo-heading p {
  margin: 0;
}
.cmp-header-logo-section {
  display: flex;
}
@media (min-width: 960px) {
  .cmp-header-logo-section {
    align-items: center;
    gap: 16px;
  }
}
@media (max-width: 960px) {
  .cmp-header-logo-section > div:nth-of-type(2) {
    width: 100%;
    padding-inline-start: 12px;
  }
}
.cmp-header-logo-section__logo-img {
  display: flex;
  align-items: center;
}
.cmp-header-logo-section__logo-img .logo {
  display: block;
  height: auto;
  width: 102px;
  max-width: 102px;
}
@media (min-width: 960px) {
  .cmp-header-logo-section__logo-img .logo {
    width: 100%;
    max-width: 204px;
  }
}
.cmp-header-secondary-utility {
  display: none;
}
.cmp-header-menu-button {
  display: block;
  visibility: visible;
  position: relative;
  width: 40px;
  height: 52px;
  cursor: pointer;
}
.cmp-header-menu-button__expand {
  top: 18px;
  left: 6px;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 28px;
  height: 3px;
  border-radius: 3px;
  background: var(--header-main-color);
  pointer-events: none;
}
.is-header--open .cmp-header-menu-button__expand {
  display: none;
}
.cmp-header-menu-button__expand:before,
.cmp-header-menu-button__expand:after {
  position: absolute;
  left: 0px;
  display: block;
  content: "";
  width: 28px;
  height: 3px;
  border-radius: 3px;
  background: var(--header-main-color);
  box-sizing: border-box;
  pointer-events: none;
}
.cmp-header-menu-button__expand:before {
  top: -9px;
}
.cmp-header-menu-button__expand:after {
  top: 9px;
}
.cmp-header-menu-button__expand .sr-only {
  position: relative;
  top: 13px;
  left: -2px;
  font-size: 11px;
  font-weight: 500;
  color: var(--header-main-color);
  letter-spacing: 1px;
  display: block;
}
.cmp-header-menu-button__close {
  display: none;
  box-sizing: border-box;
  position: relative;
  width: 46px;
  height: 32px;
  border: 3px solid transparent;
  border-radius: 40px;
  top: 9px;
  right: -1px;
  pointer-events: none;
}
.is-header--open .cmp-header-menu-button__close {
  display: block;
}
.cmp-header-menu-button__close:before,
.cmp-header-menu-button__close:after {
  content: '';
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 28px;
  height: 3px;
  background: var(--header-main-color);
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
  pointer-events: none;
}
.cmp-header-menu-button__close:before {
  transform: rotate(45deg);
}
.cmp-header-menu-button__close:after {
  transform: rotate(-45deg);
}
.cmp-header-menu-button__close .sr-only {
  position: relative;
  display: block;
  top: 19px;
  left: -1px;
  font-size: 11px;
  font-weight: 500;
  color: var(--header-main-color);
  letter-spacing: 1px;
}
@media (max-width: 960px) {
  .cmp-header-link-section {
    display: none;
    position: absolute;
    top: calc(101%);
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 1;
  }
}
@media (min-width: 960px) {
  .cmp-header-link-section {
    display: flex!important;
    max-width: 640px;
  }
}
@media (min-width: 1199px) {
  .cmp-header-link-section {
    max-width: 720px;
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links .subnav-column-title {
    display: none;
  }
}
@media (min-width: 960px) {
  .cmp-header-link-section__links-mainlink {
    display: flex;
    flex-wrap: wrap;
    padding-inline: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    gap: 8px 8px;
    transition: all 400ms;
  }
}
@media (min-width: 1080px) {
  .cmp-header-link-section__links-mainlink {
    gap: 8px 16px;
  }
}
@media (max-width: 960px) {
  .cmp-header-logo-section__menu-button-text {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 960px) {
  .cmp-header-utility-navigation {
    display: none;
  }
}
@media (max-width: 960px) {
  .subnav-column.subnav-column--imageWithCta .subnav-column-title {
    display: none;
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-block: 0;
    padding-inline: 16px;
    background-color: var(--header-offwhite-color);
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink .mainLink {
    position: relative;
    display: block;
    padding: 16px 40px 16px 0;
    color: var(--header-current-color);
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: solid 1px #d8d8d8;
    transition: all 400ms;
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink .mainLink[data-mobilelinkenabled="true"]:after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 23px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cg%20id%3D%22group-plus%22%20data-name%3D%22group-plus%22%20transform%3D%22translate(2%202)%22%3E%3Cline%20x2%3D%2242%22%20transform%3D%22translate(0%2021)%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cline%20x2%3D%2242%22%20transform%3D%22translate(21)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink .is--subNavigation--open .mainLink {
    color: var(--header-main-color);
    background-color: var(--header-offwhite-color);
    border-bottom: solid 1px transparent;
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink .is--subNavigation--open .mainLink:after {
    width: 23px;
    height: 2px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%222%22%20viewBox%3D%220%200%2046%204%22%3E%20%3Cg%20id%3D%22group_minus%22%20data-name%3D%22group_minus%22%20transform%3D%22translate(2%202)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_360%22%20data-name%3D%22%E7%B7%9A%20360%22%20x2%3D%2242%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}
@media (max-width: 960px) {
  .cmp-header-link-section__links-mainlink .is--current-navigation .mainLink {
    color: #064938;
  }
}
@media (min-width: 960px) {
  .cmp-header-menu-button,
  .cmp-header-menu-button__expand,
  .cmp-header-menu-button__close {
    display: none;
  }
}
.html-header__itp-resilient {
  gap: 8px;
}
@media (max-width: 960px) {
  .html-header__itp-resilient {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 960px) and (max-width: 1156px) {
  .html-header__itp-resilient {
    display: none;
  }
}
@media (min-width: 1156px) {
  .html-header__itp-resilient {
    display: flex;
  }
}
.page--header-simple .html-header__itp-resilient {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 960px) {
  .page--header-simple .html-header__itp-resilient {
    display: none;
  }
}
.html-header__itp-resilient__text {
  color: var(--header-main-color);
  font-weight: 700;
  transition: all 400ms;
}
@media (max-width: 960px) {
  .html-header__itp-resilient__text {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 960px) and (max-width: 1080px) {
  .html-header__itp-resilient__text {
    display: none;
  }
}
@media (min-width: 1080px) {
  .html-header__itp-resilient__text {
    font-size: 19px;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 960px) {
  .main-navigation-item {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 960px) {
  .main-navigation-item:nth-of-type(1) {
    order: 7;
  }
  .main-navigation-item:nth-of-type(2) {
    order: 5;
  }
  .main-navigation-item:nth-of-type(3) {
    order: 6;
  }
  .main-navigation-item:nth-of-type(4) {
    order: 1;
  }
  .main-navigation-item:nth-of-type(5) {
    order: 2;
  }
  .main-navigation-item:nth-of-type(6) {
    order: 3;
  }
  .main-navigation-item:nth-of-type(7) {
    order: 4;
  }
}
@media (max-width: 960px) {
  .main-navigation-item:has(a[href*="https://wehearyouitp.jp/"]) .mainLinkUrl {
    margin-block: 50px 20px;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:has(a[href*="argenx.jp"]) {
    margin-right: auto;
  }
}
.main-navigation-item a[href*="argenx.jp"] .mainLink {
  border: none;
}
@media (max-width: 960px) {
  .main-navigation-item a[href*="argenx.jp"] .mainLink {
    padding: 16px;
  }
}
@media (max-width: 960px) {
  .main-navigation-item.mainLinkUrl {
    text-align: center;
  }
}
@media (min-width: 960px) {
  .main-navigation-item.mainLinkUrl,
  .main-navigation-item.subNavigation {
    display: flex;
    align-items: center;
    text-align: left;
    cursor: pointer;
  }
}
.main-navigation-item.mainLinkUrl .mainLink,
.main-navigation-item.subNavigation .mainLink {
  transition: color 0.4s, border-bottom 0.4s;
}
@media (min-width: 960px) {
  .main-navigation-item.mainLinkUrl .mainLink,
  .main-navigation-item.subNavigation .mainLink {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 8px;
    padding-inline: 8px;
    color: var(--header-main-color);
    font-size: clamp(15px, 1.33vw, 17px);
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
  }
}
@media (min-width: 1156px) {
  .main-navigation-item.mainLinkUrl .mainLink,
  .main-navigation-item.subNavigation .mainLink {
    font-size: 17px;
  }
}
@media (min-width: 960px) {
  .is--current-navigation .main-navigation-item.mainLinkUrl .mainLink,
  .is--current-navigation .main-navigation-item.subNavigation .mainLink,
  .main-navigation-item.mainLinkUrl .mainLink:hover,
  .main-navigation-item.subNavigation .mainLink:hover {
    color: var(--header-current-color);
  }
}
.main-navigation-item.mainLinkUrl a,
.main-navigation-item.subNavigation a {
  text-decoration: none;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"],
.main-navigation-item.subNavigation a[href*="argenx.jp"] {
  display: inline-flex;
  align-items: center;
  padding: 8px 4px;
  min-width: auto;
  border: none;
  color: var(--header-text-color);
  background-color: transparent;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"]::after,
.main-navigation-item.subNavigation a[href*="argenx.jp"]::after {
  content: "";
  display: block;
  width: 16px;
  height: 14px;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/icon-text-external.svg) no-repeat center;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"] > span,
.main-navigation-item.subNavigation a[href*="argenx.jp"] > span {
  color: #4C4C4C;
  font-size: 13px;
  font-weight: 500;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"] .mainLink,
.main-navigation-item.subNavigation a[href*="argenx.jp"] .mainLink {
  padding-inline: 4px;
  gap: 2px;
  min-height: min-content;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"] .mainLink::after,
.main-navigation-item.subNavigation a[href*="argenx.jp"] .mainLink::after {
  content: none;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"]:hover,
.main-navigation-item.subNavigation a[href*="argenx.jp"]:hover {
  text-decoration-color: transparent;
}
.main-navigation-item.mainLinkUrl a[href*="argenx.jp"]:hover > span.mainLink,
.main-navigation-item.subNavigation a[href*="argenx.jp"]:hover > span.mainLink {
  color: var(--header-text-color);
}
.main-navigation-item.mainLinkUrl a[href*="mail"],
.main-navigation-item.subNavigation a[href*="mail"],
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"],
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 24px;
  min-width: min-content;
  color: #fff;
  background-color: #C04F2C;
  border: 2px solid #C04F2C;
  border-radius: 32px;
  box-sizing: border-box;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  appearance: none;
  transition: all .3s;
}
@media (min-width: 960px) {
  .main-navigation-item.mainLinkUrl a[href*="mail"],
  .main-navigation-item.subNavigation a[href*="mail"],
  .main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"],
  .main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] {
    gap: 0;
  }
}
.main-navigation-item.mainLinkUrl a[href*="mail"]::before,
.main-navigation-item.subNavigation a[href*="mail"]::before,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]::before,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]::before {
  content: "";
  display: block;
  width: 18px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transition: all .3s;
}
.main-navigation-item.mainLinkUrl a[href*="mail"]:hover,
.main-navigation-item.subNavigation a[href*="mail"]:hover,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover {
  color: #C04F2C;
  background-color: #fff;
}
.main-navigation-item.mainLinkUrl a[href*="mail"]:hover::before,
.main-navigation-item.subNavigation a[href*="mail"]:hover::before,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover::before,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='rgb(192, 79, 44)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='rgb(192, 79, 44)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.main-navigation-item.mainLinkUrl a[href*="mail"]:hover > span.mainLink,
.main-navigation-item.subNavigation a[href*="mail"]:hover > span.mainLink,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover > span.mainLink,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover > span.mainLink {
  color: #C04F2C;
}
.main-navigation-item.mainLinkUrl a[href*="mail"] .mainLink,
.main-navigation-item.subNavigation a[href*="mail"] .mainLink,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"] .mainLink,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] .mainLink {
  min-height: min-content;
  color: #FFF;
  padding: 4px;
}
@media (max-width: 960px) {
  .main-navigation-item.mainLinkUrl a[href*="mail"] .mainLink,
  .main-navigation-item.subNavigation a[href*="mail"] .mainLink,
  .main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"] .mainLink,
  .main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] .mainLink {
    display: none;
  }
}
.main-navigation-item.mainLinkUrl a[href*="mail"] .mainLink::after,
.main-navigation-item.subNavigation a[href*="mail"] .mainLink::after,
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"] .mainLink::after,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] .mainLink::after {
  content: none;
}
@media (min-width: 960px) {
  .main-navigation-item.mainLinkUrl a[href*="mail"] .mainLinkTablet,
  .main-navigation-item.subNavigation a[href*="mail"] .mainLinkTablet,
  .main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"] .mainLinkTablet,
  .main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] .mainLinkTablet {
    display: none;
  }
}
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"],
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"] {
  background-color: var(--main-color);
  border: 2px solid var(--main-color);
}
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover {
  color: var(--main-color);
}
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover::before,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.main-navigation-item.mainLinkUrl a[href*="https://wehearyouitp.jp/"]:hover > span.mainLink,
.main-navigation-item.subNavigation a[href*="https://wehearyouitp.jp/"]:hover > span.mainLink {
  color: var(--main-color);
}
@media (min-width: 960px) {
  .main-navigation-item.subNavigation {
    max-width: 180px;
  }
}
@media (min-width: 960px) {
  .main-navigation-item.subNavigation .mainLink {
    border-bottom: 4px solid transparent;
  }
}
@media (min-width: 960px) {
  .is--current-navigation .main-navigation-item.subNavigation .mainLink,
  .main-navigation-item.subNavigation .mainLink:hover {
    border-bottom: 4px solid var(--header-accent-color);
  }
}
.main-navigation-item .mainLinkMobile {
  display: none;
}
@media (max-width: 960px) {
  .main-navigation-item.is--subNavigation--open {
    border-bottom: solid 1px #d8d8d8;
  }
}
@media (max-width: 960px) {
  .main-navigation-item.is--subNavigation--open .subnav-column.subnav-column--links {
    padding-bottom: 15px;
  }
}
.main-navigation-item.is--current-navigation .main-navigation-item.subNavigation .mainLink {
  color: var(--header-current-color);
}
@media (min-width: 960px) {
  .main-navigation-item.is--current-navigation .main-navigation-item.subNavigation .mainLink:after {
    background-color: var(--header-accent-color);
  }
}
@media (min-width: 960px) {
  .subnav-column-wrap {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-inline: auto;
    padding-block: 56px;
    padding-inline: max(32px, calc(50vw - 580px));
    width: 100%;
    gap: 30px;
    background-color: var(--header-offwhite-color);
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.16) inset;
    box-sizing: border-box;
    z-index: 10;
    cursor: default;
  }
}
.subnav-column-wrap:not(.is--initialize) {
  display: none;
}
.subnav-column {
  display: flex;
}
@media (max-width: 960px) {
  .subnav-column {
    flex-direction: column;
    gap: 10px;
    padding-block-start: 10px;
  }
}
@media (min-width: 960px) {
  .subnav-column {
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    max-width: 50%;
    gap: 30px 0;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:nth-of-type(2) .subnav-column {
    max-width: 50%;
  }
}
@media (min-width: 960px) {
  .subnav-column-link {
    color: var(--header-main-color);
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    font-weight: 600;
    transition: all 400ms;
  }
}
@media (min-width: 960px) {
  .subnav-column-link:hover {
    color: var(--header-accent-color);
    text-decoration: underline;
  }
}
@media (min-width: 960px) {
  .subnav-column-title {
    flex-basis: 100%;
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--header-current-color);
    line-height: 1.4;
  }
}
.subnav-link {
  font-size: 18px;
}
@media (min-width: 960px) {
  .subnav-link {
    display: inline-flex;
    align-items: center;
    flex-basis: 35%;
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  .subnav-link:nth-of-type(even) {
    flex-basis: 50%;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:nth-of-type(5) .subnav-link {
    flex-basis: 50%;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:nth-of-type(5) .subnav-link:nth-of-type(even) {
    flex-basis: 45%;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:nth-of-type(6) .subnav-link {
    flex-basis: 45%;
  }
  .main-navigation-item:nth-of-type(6) .subnav-link:first-of-type {
    flex-basis: 100%;
  }
}
@media (min-width: 960px) {
  .main-navigation-item:nth-of-type(7) .subnav-link {
    flex-basis: 100%;
  }
}
.subnav-link a {
  color: #4C4C4C;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: all 400ms;
  font-weight: 400;
}
@media (min-width: 960px) {
  .subnav-link a:hover {
    color: var(--header-current-color);
  }
}
@media (max-width: 960px) {
  .internal-link {
    display: inline-flex;
    align-items: center;
  }
}
@media (min-width: 960px) {
  .internal-link {
    display: inline-flex;
    align-items: center;
  }
}
.internal-link:before {
  content: "";
  display: block;
  width: 16px;
  height: 14px;
  margin-inline-end: 0.5em;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/chevron-right.svg) no-repeat center;
}
.subnav-close-cta {
  display: none;
}
.subnav-image-card,
.subnav-image-cta {
  width: 100%;
}
@media (max-width: 960px) {
  .subnav-image-card,
  .subnav-image-cta {
    margin-block-end: 30px;
  }
}
.subnav-image-card a,
.subnav-image-cta a {
  display: flex;
  width: 100%;
  background-color: var(--header-current-color);
  text-decoration: none;
  line-height: 1;
}
@media (max-width: 960px) {
  .subnav-image-card a,
  .subnav-image-cta a {
    flex-direction: column;
  }
}
@media (min-width: 960px) {
  .subnav-image-card a,
  .subnav-image-cta a {
    flex-direction: row;
    width: 100%;
    background-color: var(--header-current-color);
    opacity: 1;
    transition: all 400ms;
  }
}
@media (min-width: 960px) {
  .subnav-image-card a:hover,
  .subnav-image-cta a:hover {
    opacity: 0.8;
  }
}
.subnav-image-card a img,
.subnav-image-cta a img {
  width: 100%;
  height: auto;
}
@media (min-width: 960px) {
  .subnav-image-card a img,
  .subnav-image-cta a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.subnav-image-card a {
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .subnav-image-card a {
    flex-direction: column-reverse;
  }
}
@media (min-width: 960px) {
  .subnav-image-card a {
    flex-direction: row-reverse;
  }
}
.subnav-image-card a span {
  font-size: 20px;
  line-height: 1.4;
  color: var(--header-white-color);
  font-weight: 500;
}
@media (max-width: 960px) {
  .subnav-image-card a span {
    padding-block: 20px;
    padding-inline: 30px;
  }
}
@media (min-width: 960px) {
  .subnav-image-card a span {
    margin-top: 1em;
  }
}
.subnav-image-cta-title {
  display: block;
  margin-top: 1em;
  font-size: 20px;
  font-weight: 500;
  color: var(--header-white-color);
  line-height: 1.4;
}
@media (min-width: 960px) {
  .subnav-image-cta-title {
    margin-top: 0;
  }
}
@media (max-width: 960px) {
  .subnav-image-cta-text {
    padding-block: 20px;
    padding-inline: 30px;
  }
}
@media (min-width: 960px) {
  .subnav-image-cta-text {
    padding-block: 30px;
    padding-inline: 30px;
  }
}
.subnav-image-cta-desc p {
  color: var(--header-white-color);
  line-height: 1.4;
}
@media (max-width: 960px) {
  .subnav-image-cta-img {
    width: 100%;
    line-height: 0;
  }
}
@media (min-width: 960px) {
  .subnav-image-cta-img {
    max-width: 45%;
    min-width: 250px;
  }
}
.header {
  position: relative;
  border-bottom: solid 1px #d8d8d8;
  background-color: var(--header-white-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
@media (min-width: 960px) {
  #backdrop {
    display: none!important;
  }
}
@media (max-width: 960px) {
  #backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
}
@media (min-width: 960px) {
  #header-scroll-bar {
    display: none;
  }
}
.cmp-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.cmp-text > *:first-child {
  margin-top: 0;
}
.cmp-text > *:last-child {
  margin-bottom: 0;
}
.cmp-text p {
  line-height: 2;
}
@media (max-width: 768px) {
  .cmp-text p:has(.text-sm) {
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .cmp-text p[style*="text-align: right"]:has(.text-sm),
  .cmp-text p[style*="text-align: center"]:has(.text-sm) {
    text-align: left!important;
  }
}
.cmp-text a {
  color: inherit;
  font-weight: 500;
  word-break: break-all;
  text-decoration-color: #4C4C4C;
}
.cmp-text a:hover {
  color: #49389F;
  text-decoration-color: transparent;
}
.cmp-text h2 {
  position: relative;
  font-weight: 600;
}
@media (max-width: 960px) {
  .cmp-text h2 {
    font-size: 24px;
  }
}
@media (min-width: 960px) {
  .cmp-text h2 {
    font-size: 32px;
  }
}
.cmp-text h2:has(.text-green, .text-purple) {
  border-left: 5px solid #EE9AF9;
}
@media (max-width: 960px) {
  .cmp-text h2:has(.text-green, .text-purple) {
    padding-left: 12px;
  }
}
@media (min-width: 960px) {
  .cmp-text h2:has(.text-green, .text-purple) {
    padding-left: 19px;
  }
}
.cmp-text h2:has(.text-green, .text-purple):before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  display: block;
  width: 2px;
  height: 100%;
  background-color: #F4E04D;
}
.cmp-text h2 br {
  display: none;
}
.cmp-text h2 .text-sm {
  display: block;
  font-size: 15px;
}
@media (min-width: 768px) {
  .cmp-text h2 .text-sm {
    font-size: 18px;
  }
}
.cmp-text h3 {
  font-weight: 600;
}
@media (max-width: 960px) {
  .cmp-text h3 {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  .cmp-text h3 {
    font-size: 22px;
  }
}
.cmp-text h4 {
  font-weight: 600;
}
@media (max-width: 960px) {
  .cmp-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .cmp-text h4 {
    font-size: 20px;
  }
}
.cmp-text sub,
.cmp-text sup {
  margin-inline: 2px;
}
.cmp-text blockquote {
  padding: 8px 0 8px 32px;
  border-left: 4px solid #e8e8e8;
}
.cmp-text ul,
.cmp-text ol {
  padding-inline-start: 1.2em;
}
.cmp-text li {
  margin-top: 8px;
}
.cmp-text ol::marker,
.cmp-text li::marker {
  margin-right: 0.4em;
}
.cmp-text .text-sm {
  line-height: 1.7;
}
@media (max-width: 768px) {
  .cmp-text .text-sm {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .cmp-text .text-sm {
    font-size: 14px;
  }
}
.cmp-text .text-lg {
  line-height: 1.6;
}
@media (max-width: 768px) {
  .cmp-text .text-lg {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .cmp-text .text-lg {
    font-size: 17px;
  }
}
@media (max-width: 375px) {
  .cmp-text .text-lg {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .cmp-text .text-lg {
    font-size: 20px;
  }
}
.cmp-text .text-xlg {
  line-height: 1.6;
}
@media (max-width: 768px) {
  .cmp-text .text-xlg {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .cmp-text .text-xlg {
    font-size: 18px;
  }
}
@media (max-width: 375px) {
  .cmp-text .text-xlg {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .cmp-text .text-xlg {
    font-size: 24px;
  }
}
.cmp-text .text-base {
  color: #4C4C4C;
}
.cmp-text .text-white {
  color: #fff;
}
.cmp-text .text-red {
  color: #EA5353;
}
.cmp-text .text-purple {
  color: #49389F;
}
.cmp-text .text-blue {
  color: #66BDBE;
}
.cmp-text .text-green {
  color: #068477;
}
.cmp-text .text-yellow {
  color: #F6C745;
}
.cmp-text .text-type-tag {
  display: inline-flex;
  margin-right: 8px;
  padding: 4px 12px;
  color: #fff;
  line-height: 1.4;
  background-color: #002B49;
}
.cmp-text .text-wordwrap {
  display: inline-block;
}
.cmp-text--with-icon-circle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cmp-text--with-icon-circle:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  border-radius: 100%;
  background-color: var(--main-color);
}
.cmp-text--with-icon-alert {
  display: flex;
  gap: 12px;
}
.cmp-text--with-icon-alert:before {
  content: "";
  display: block;
  flex-shrink: 0;
  background: url(../../../content/dam/itp-resilient-jp/site/icons/alert.svg) no-repeat center;
  background-size: contain;
}
@media (max-width: 768px) {
  .cmp-text--with-icon-alert:before {
    width: 30px;
    height: 28px;
    transform: translateY(4px);
  }
}
@media (min-width: 768px) {
  .cmp-text--with-icon-alert:before {
    width: 40px;
    height: 37px;
    transform: translateY(0.5em);
  }
}
.cmp-text--quotes {
  color: var(--main-color);
  text-align: center;
  font-size: 15px;
}
@media (min-width: 768px) {
  .cmp-text--quotes {
    font-size: 24px;
  }
}
.cmp-text--quotes .cmp-text p,
.cmp-text--quotes .cmp-text span {
  line-height: 1.8;
}
.cmp-text--quotes .cmp-text span {
  position: relative;
  display: inline-flex;
  font-family: "SawarabiGothic", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
.cmp-text--quotes .cmp-text span::before,
.cmp-text--quotes .cmp-text span::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cmp-text--quotes .cmp-text span::before {
  top: -22px;
  left: -22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7725 19.6C15.7058 19.6 14.7192 19.1467 13.8125 18.24C12.9592 17.3333 12.5325 15.84 12.5325 13.76C12.5325 11.0933 13.2792 8.53333 14.7725 6.08C16.2658 3.62666 18.6392 1.89333 21.8925 0.879996V2.48C20.3458 2.90666 19.0392 3.65333 17.9725 4.72C16.9592 5.73333 16.1858 6.82667 15.6525 8C15.1725 9.12 14.9325 10.1067 14.9325 10.96C14.9325 11.4933 15.0925 11.9467 15.4125 12.32C15.7325 12.6933 16.1325 13.0133 16.6125 13.28C17.0925 13.5467 17.5458 13.84 17.9725 14.16C18.4525 14.48 18.8525 14.8533 19.1725 15.28C19.4925 15.7067 19.6525 16.24 19.6525 16.88C19.6525 17.7867 19.3592 18.48 18.7725 18.96C18.1858 19.3867 17.5192 19.6 16.7725 19.6ZM4.3725 19.6C3.30583 19.6 2.31917 19.1467 1.4125 18.24C0.559167 17.3333 0.1325 15.84 0.1325 13.76C0.1325 11.0933 0.879167 8.53333 2.3725 6.08C3.86583 3.62666 6.23917 1.89333 9.4925 0.879996V2.48C7.94583 2.90666 6.63917 3.65333 5.5725 4.72C4.55917 5.73333 3.78583 6.82667 3.2525 8C2.7725 9.12 2.5325 10.1067 2.5325 10.96C2.5325 11.4933 2.6925 11.9467 3.0125 12.32C3.3325 12.6933 3.7325 13.0133 4.2125 13.28C4.6925 13.5467 5.14583 13.84 5.5725 14.16C6.0525 14.48 6.4525 14.8533 6.7725 15.28C7.0925 15.7067 7.2525 16.24 7.2525 16.88C7.2525 17.7867 6.95917 18.48 6.3725 18.96C5.78583 19.3867 5.11917 19.6 4.3725 19.6Z' fill='rgb(6, 132, 119)'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .cmp-text--quotes .cmp-text span::before {
    left: -44px;
  }
}
.cmp-text--quotes .cmp-text span::after {
  bottom: 8px;
  right: -22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4125 18C14.0125 17.52 15.3192 16.7733 16.3325 15.76C17.3458 14.7467 18.0925 13.6533 18.5725 12.48C19.1058 11.3067 19.3725 10.32 19.3725 9.52C19.3725 8.98666 19.2125 8.53333 18.8925 8.16C18.5725 7.78666 18.1725 7.46666 17.6925 7.2C17.2125 6.93333 16.7325 6.64 16.2525 6.32C15.8258 6 15.4525 5.62667 15.1325 5.2C14.8125 4.77333 14.6525 4.24 14.6525 3.6C14.6525 2.69333 14.9458 2.02666 15.5325 1.6C16.1192 1.12 16.7858 0.879996 17.5325 0.879996C18.5992 0.879996 19.5592 1.33333 20.4125 2.24C21.3192 3.14667 21.7725 4.64 21.7725 6.72C21.7725 9.38666 21.0258 11.9467 19.5325 14.4C18.0925 16.8533 15.7192 18.5867 12.4125 19.6V18ZM0.0125002 18C1.6125 17.52 2.91917 16.7733 3.9325 15.76C4.94583 14.7467 5.6925 13.6533 6.1725 12.48C6.70583 11.3067 6.9725 10.32 6.9725 9.52C6.9725 8.98666 6.8125 8.53333 6.4925 8.16C6.1725 7.78666 5.7725 7.46666 5.2925 7.2C4.86583 6.93333 4.4125 6.64 3.9325 6.32C3.4525 6 3.0525 5.62667 2.7325 5.2C2.4125 4.77333 2.2525 4.24 2.2525 3.6C2.2525 2.69333 2.54583 2.02666 3.1325 1.6C3.71917 1.12 4.38583 0.879996 5.1325 0.879996C6.19917 0.879996 7.15917 1.33333 8.0125 2.24C8.91917 3.14667 9.3725 4.64 9.3725 6.72C9.3725 9.38666 8.62583 11.9467 7.1325 14.4C5.6925 16.8533 3.31917 18.5867 0.0125002 19.6V18Z' fill='rgb(6, 132, 119)'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  .cmp-text--quotes .cmp-text span::after {
    bottom: 22px;
    right: -44px;
  }
}
.cmp-text--wordbreak .cmp-text {
  word-break: break-all;
}
.overlay-modal {
  position: relative;
  display: none;
  z-index: 100;
}
.aem-AuthorLayer-Edit .overlay-modal {
  display: block;
}
.cmp-overlay-modal-pre__main-wrapper {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
@media (max-width: 768px) {
  .cmp-overlay-modal-pre__main-wrapper {
    padding: 32px 16px 0;
  }
}
@media (min-width: 768px) {
  .cmp-overlay-modal-pre__main-wrapper {
    align-items: center;
    padding: 32px;
  }
}
.aem-AuthorLayer-Edit .cmp-overlay-modal-pre__main-wrapper {
  position: static;
  height: auto;
  background-color: #000000cc;
}
.cmp-overlay-modal-pre__main-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: #000000cc;
}
.aem-AuthorLayer-Edit .cmp-overlay-modal-pre__main-backdrop {
  display: none;
}
.cmp-overlay-modal-pre__main-modal {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin-inline: auto;
  width: min(100%, 1000px);
}
.cmp-overlay-modal-pre__main-modal-close-button {
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/cross-white_1.svg) no-repeat 20px;
  cursor: pointer;
  bottom: -35px;
  right: 0;
  left: 0;
  margin: auto;
  width: 160px;
  height: 70px;
  background-size: 20px;
}
@media (min-width: 768px) {
  .cmp-overlay-modal-pre__main-modal-close-button {
    width: 180px;
  }
}
.cmp-overlay-modal-pre__main-modal-close-button:after {
  content: "閉じる";
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
}
@media (min-width: 768px) {
  .cmp-overlay-modal-pre__main-modal-close-button:after {
    font-size: 24px;
  }
}
.cmp-overlay-modal-pre__main-modal-content {
  max-width: 1000px;
  width: 100%;
  overflow-y: auto;
  border-radius: 20px;
  box-shadow: 0px 0px 10px #00000014;
}
.cmp-overlay-modal-pre__main-modal-content [id*="overlay-modal-"] {
  max-height: 85vh;
  overflow-y: auto;
}
.cmp-bck-to-top-container {
  position: fixed;
  z-index: 10;
}
@media (max-width: 768px) {
  .cmp-bck-to-top-container {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  .cmp-bck-to-top-container {
    bottom: 16px;
    right: 16px;
  }
}
.cmp-bck-to-top-container img {
  display: block;
  cursor: pointer;
}
@media (max-width: 768px) {
  .cmp-bck-to-top-container img {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 768px) {
  .cmp-bck-to-top-container img {
    width: 60px;
    height: 60px;
  }
}
@media (hover) {
  .cmp-bck-to-top-container img:hover {
    opacity: 0.8;
  }
}
.cmp-bck-to-top-container h2 {
  display: none;
}
.cmp-separator__horizontal-rule {
  margin-block: 20px 15px;
  border: none;
  border-top: 1px dashed #4C4C4C;
}
@media (min-width: 768px) {
  .cmp-separator__horizontal-rule {
    margin-block: 40px 30px;
  }
}
.cmp-separator--my-md .cmp-separator__horizontal-rule {
  margin-block: 32px;
}
.cmp-separator--solid .cmp-separator__horizontal-rule {
  border-top: 1px solid #8D8D8D;
}
.cmp-video__player-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cmp-video__section-wrapper {
  display: none;
}
.cmp-video__text {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 0;
  color: var(--main-color);
  font-weight: 600;
}
@media (max-width: 768px) {
  .cmp-video__text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .cmp-video__text {
    font-size: 22px;
  }
}
.cmp-video__player {
  aspect-ratio: 1.77777778;
  margin-inline: auto;
  max-width: 700px;
  width: 100%;
}
.cmp-video__player iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.77777778;
}
.cmp-video--show-contents .cmp-video__section-wrapper {
  display: block;
}
.cmp-download {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .cmp-download {
    align-items: center;
    gap: 24px;
  }
}
@media (min-width: 768px) {
  .cmp-download {
    gap: 24px;
  }
}
.cmp-download__title {
  position: relative;
  margin: 0;
  padding-left: 1.6em;
  font-size: 22px;
  font-weight: 600;
}
.cmp-download__title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.35em;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 8px solid #F6C745;
  background-color: #fff;
  box-sizing: border-box;
}
.page--vyvdura .cmp-download__title:before {
  border-color: #5B6E7E;
}
.cmp-download__description {
  font-size: 16px;
}
.cmp-download__description > *:first-child {
  margin-top: 0;
}
.cmp-download__description > *:last-child {
  margin-bottom: 0;
}
.cmp-download__title-link {
  color: inherit;
}
@media (hover) {
  .cmp-download__title-link:hover {
    text-decoration: none;
  }
}
.cmp-download__properties {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
@media (max-width: 768px) {
  .cmp-download__properties {
    gap: 8px;
  }
}
@media (min-width: 768px) {
  .cmp-download__properties {
    gap: 16px;
  }
}
.cmp-download__property {
  background-color: #e8e8e8;
}
@media (max-width: 768px) {
  .cmp-download__property {
    padding: 2px 8px;
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .cmp-download__property {
    padding: 2px 12px;
    font-size: 13px;
  }
}
.cmp-download__property-label {
  display: none;
}
.cmp-download__property-content {
  margin: 0;
}
.cmp-download__action {
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 6px 24px 6px 32px;
  min-width: 280px;
  color: #fff;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  border: 4px solid #002B49;
  border-radius: 32px;
  background-color: #002B49;
  box-sizing: border-box;
}
.cmp-download__action:hover {
  color: #002B49;
  background-color: #fff;
}
.cmp-download__action:after {
  content: "";
  display: block;
  width: 23px;
  height: 28px;
  background: no-repeat;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/download.svg) no-repeat center;
  background-size: contain;
}
.page--vyvdura .cmp-download__action {
  color: #002B49;
  border-color: #E8C4E7;
  background-color: #E8C4E7;
}
.page--vyvdura .cmp-download__action:hover {
  color: #002B49;
  background-color: #fff;
}
.page--vyvdura .cmp-download__action:after {
  background-image: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/download-purple.svg);
}
.page--itp .cmp-download__action {
  border-color: #25157E;
  background-color: #25157E;
}
.page--itp .cmp-download__action:hover {
  color: #25157E;
}
.cmp-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (hover) {
  .cmp-image__link:hover {
    opacity: 0.7;
  }
}
.cmp-image__image {
  display: block;
  width: initial;
  max-width: 100%;
  height: auto;
}
.cmp-image__title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.cmp-image--size-w-full .cmp-image__image {
  width: 100%;
  height: auto;
}
.cmp-image--size-max-w-120 .cmp-image__image {
  width: 100%;
  max-width: 120px;
  height: auto;
}
.cmp-image--size-max-w-240 .cmp-image__image {
  width: 100%;
  max-width: 240px;
  height: auto;
}
.cmp-image--size-max-w-320 .cmp-image__image {
  width: 100%;
  max-width: 320px;
  height: auto;
}
.cmp-image--size-max-w-480 .cmp-image__image {
  width: 100%;
  max-width: 480px;
  height: auto;
}
.cmp-image--size-max-w-560 .cmp-image__image {
  width: 100%;
  max-width: 560px;
  height: auto;
}
.cmp-image--size-max-w-720 .cmp-image__image {
  width: 100%;
  max-width: 720px;
  height: auto;
}
.cmp-image--align-left .cmp-image {
  align-items: flex-start;
}
.cmp-image--align-right .cmp-image {
  align-items: flex-end;
}
@media (max-width: 768px) {
  .cmp-image--sm\:order-first {
    order: -1 !important;
  }
}
@media (max-width: 768px) {
  .cmp-image--sm\:order-last {
    order: 10 !important;
  }
}
.cmp-title__heading {
  margin-block: 0;
}
.cmp-title__text {
  margin-block: 0;
}
.cmp-title--color-green .cmp-title__text {
  color: var(--current-color);
}
.cmp-title--color-purple .cmp-title__text {
  color: var(--main-color);
}
.cmp-title--size-medium .cmp-title__text {
  font-size: 20px;
}
@media (min-width: 768px) {
  .cmp-title--size-medium .cmp-title__text {
    font-size: clamp(20px, 2vw, 22px);
  }
}
.cmp-title--leadHeading .cmp-title {
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .cmp-title--leadHeading .cmp-title {
    padding: 16px;
  }
}
@media (min-width: 768px) {
  .cmp-title--leadHeading .cmp-title {
    padding: 16px 32px;
  }
}
.cmp-title--leadHeading .cmp-title__text {
  font-weight: 700;
}
@media (max-width: 768px) {
  .cmp-title--leadHeading .cmp-title__text {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .cmp-title--leadHeading .cmp-title__text {
    text-align: center;
    font-size: clamp(22px, 3.25vw, 32px);
  }
}
@media (min-width: 960px) {
  .cmp-title--leadHeading .cmp-title__text {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .cmp-title--subHeading .cmp-title {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .cmp-title--subHeading .cmp-title {
    padding: 10px 32px;
  }
}
.cmp-title--subHeading .cmp-title__text {
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {
  .cmp-title--subHeading .cmp-title__text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .cmp-title--subHeading .cmp-title__text {
    font-size: 20px;
  }
}
.cmp-title--lined {
  position: relative;
}
.cmp-title--lined::before,
.cmp-title--lined::after {
  content: "";
  position: absolute;
  background-color: #aaa;
  width: 50%;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.cmp-title--lined::before {
  left: 0;
}
.cmp-title--lined::after {
  right: 0;
}
.cmp-title--lined .cmp-title {
  position: relative;
  text-align: center;
  margin-inline: auto;
  width: fit-content;
  padding-inline: 1em;
  background-color: var(--white-color);
  z-index: 1;
}
.cmp-title--lined.cmp-title--color-green::before,
.cmp-title--lined.cmp-title--color-green::after {
  background-color: var(--current-color);
}
.cmp-title--lined.cmp-title--color-purple::before,
.cmp-title--lined.cmp-title--color-purple::after {
  background-color: var(--main-color);
}
.cmp-title--border-top .cmp-title {
  border-top: 2px solid #4c4c4c;
}
.cmp-title--border-top.cmp-title--color-green .cmp-title {
  border-top: 2px solid var(--current-color);
}
.cmp-title--border-top.cmp-title--color-purple .cmp-title {
  border-top: 2px solid var(--main-color);
}
.cmp-title--border-top.cmp-title--leadHeading .cmp-title {
  border-top-width: 4px;
}
.cmp-title--border-bottom .cmp-title {
  border-bottom: 2px solid #4c4c4c;
}
.cmp-title--border-bottom.cmp-title--color-green .cmp-title {
  border-bottom: 2px solid var(--current-color);
}
.cmp-title--border-bottom.cmp-title--color-purple .cmp-title {
  border-bottom: 2px solid var(--main-color);
}
.cmp-title--border-bottom.cmp-title--leadHeading .cmp-title {
  border-bottom-width: 4px;
}
.cmp-title--word-wrap {
  word-break: auto-phrase;
}
.breadcrumb {
  background-color: #F4F4F4;
}
.cmp-breadcrumb {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .cmp-breadcrumb {
    padding: 10px 16px;
    overflow-x: auto;
    word-break: keep-all;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .cmp-breadcrumb {
    padding: 16px 16px;
    margin-inline: auto;
  }
}
@media (min-width: 1296px) {
  .cmp-breadcrumb {
    max-width: 1280px;
    padding: 16px 0;
  }
}
.cmp-breadcrumb__list {
  list-style: none;
  display: flex;
  margin: 0 auto;
  padding: 0;
  gap: 0px 8px;
}
@media (min-width: 768px) {
  .cmp-breadcrumb__list {
    flex-wrap: wrap;
  }
}
.cmp-breadcrumb__item {
  font-weight: 500;
}
@media (max-width: 768px) {
  .cmp-breadcrumb__item {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .cmp-breadcrumb__item {
    max-width: 1280px;
    font-size: 13px;
  }
}
.cmp-breadcrumb__item:last-child {
  padding-right: 16px;
}
.cmp-breadcrumb__item-link {
  display: inline-block;
  color: #068477;
  text-decoration-color: #068477;
  text-underline-offset: 4px;
  transition: all .4s;
}
@media (hover) {
  .cmp-breadcrumb__item-link:hover {
    color: #4C4C4C;
    text-decoration-color: transparent;
  }
}
.cmp-breadcrumb__item-link:after {
  content: ">";
  display: inline-block;
  color: #4C4C4C;
  margin-left: 8px;
}
.cmp-breadcrumb__item-link[href$="about-itp.html"],
.cmp-breadcrumb__item-link[href$="about-itp"],
.cmp-breadcrumb__item-link[href$="diagnosis-treatment.html"],
.cmp-breadcrumb__item-link[href$="diagnosis-treatment"],
.cmp-breadcrumb__item-link[href$="system.html"],
.cmp-breadcrumb__item-link[href$="system"] {
  color: #4c4c4c;
  pointer-events: none;
  text-decoration: none;
}
:root {
  --header-subnav-current-bg-color: #F6C745;
  --header-subnav-current-text-color: initial;
}
.page--vyvdura {
  --header-accent-color: #CBA0CA;
  --header-subnav-current-bg-color: #90338E;
  --header-subnav-current-text-color: #FFF;
}
.page--itp {
  --header-accent-color: #BF99FF;
  --header-subnav-current-bg-color: #BF99FF;
  --header-subnav-current-text-color: initial;
}
@media (max-width: 1080px) {
  .cmp-submenu-header--top-section {
    display: none;
  }
  .cmp-submenu-header {
    position: relative;
  }
  .cmp-submenu-header--header-area-mobile {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    padding: 12px 16px;
  }
  .cmp-submenu-header--logo-mobile img {
    display: block;
  }
  .cmp-submenu-header--hamburger-menu-area {
    padding: 0 4px;
    width: 32px;
    text-align: center;
    cursor: pointer;
  }
  .cmp-submenu-header--hamburger-menu,
  .cmp-submenu-header--close-button {
    display: block;
    width: 100%;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .cmp-submenu-header--hamburger-menu {
    background-image: url('../../../content/dam/itp-resilient-jp/site/icons/hamburger-menu-blue.svg');
    background-size: contain;
  }
  .is--mobile-menu-active .cmp-submenu-header--hamburger-menu {
    display: none !important;
  }
  .cmp-submenu-header--close-button {
    background-image: url('../../../content/dam/itp-resilient-jp/site/icons/icon-close.svg');
    background-size: 80%;
  }
  .is--mobile-menu-active .cmp-submenu-header--close-button {
    display: block !important;
  }
  .cmp-submenu-header--mobile-before-click,
  .cmp-submenu-header--mobile-after-click {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
  }
  .is--mobile-menu-active .cmp-submenu-header--mobile-before-click {
    display: none !important;
  }
  .cmp-submenu-header--mobile-after-click {
    color: #707070;
  }
  .is--mobile-menu-active .cmp-submenu-header--mobile-after-click {
    display: block !important;
  }
  .cmp-submenu-header--main {
    display: none;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 24px 16px 32px;
    background-color: #EEF6F8;
    box-sizing: border-box;
  }
  .cmp-submenu-header--main-list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
  }
  .cmp-submenu-header--mainSectionItem > a {
    position: relative;
    display: flex;
    flex-grow: 1;
    padding: 4px 40px 4px 0;
    color: inherit;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
  }
  .cmp-submenu-header--mainSectionItem:has(.cmp-submenu-header--sub) > a:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    margin: auto;
    width: 24px;
    height: 14px;
    background: url('../../../content/dam/itp-resilient-jp/site/icons/chevron-bottom.svg') no-repeat center;
    background-size: contain;
    transition: transform 300ms;
  }
  .cmp-submenu-header--mainSectionItem.is--mobile-submenu-active:has(.cmp-submenu-header--sub) > a:after {
    transform: rotate(180deg);
  }
  .cmp-submenu-header--main_logo {
    display: none;
  }
  .cmp-submenu-header--main_logo[src] {
    display: block;
  }
  #cmp-submenu-header-link--home {
    display: flex;
    gap: 8px;
  }
  #cmp-submenu-header-link--home img {
    width: 21px;
    height: auto;
    align-self: center;
  }
  .cmp-submenu-header--chevron-expand-no-subItems,
  .cmp-submenu-header--chevron-expand-no-subItems,
  .cmp-submenu-header--chevron-expand,
  .cmp-submenu-header--chevron-collapse {
    display: none;
  }
  .cmp-submenu-header--sub {
    display: none;
  }
  .cmp-submenu-header--subItem {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0 4px 8px;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
  }
  .cmp-submenu-header--subItem:before {
    content: "";
    display: block;
    width: 16px;
    height: 10px;
    background: url('../../../content/dam/itp-resilient-jp/site/icons/chevron-bottom.svg') no-repeat center;
    background-size: contain;
    transform: rotate(-90deg);
  }
}
@media (min-width: 1080px) {
  .cmp-submenu-header--mobile,
  .cmp-submenu-header--adaptive-share-wrapper-mobile {
    display: none;
  }
  .cmp-submenu-header--main {
    display: block !important;
    background-color: #002B49;
  }
  .cmp-submenu-header--main-list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    max-width: 1160px;
  }
  .cmp-submenu-header--mainSectionItem {
    position: relative;
    display: flex;
  }
  .cmp-submenu-header--mainSectionItem:not(:first-child) {
    flex-grow: 1;
  }
  .cmp-submenu-header--mainSectionItem:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    display: block;
    margin: auto;
    width: 1px;
    height: 28px;
    background-color: #A0A0A0;
  }
  .cmp-submenu-header--mainSectionItem > a {
    position: relative;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    gap: 4px;
    padding: 16px 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    box-sizing: border-box;
  }
  .cmp-submenu-header--mainSectionItem > a:before {
    content: "▼";
    color: var(--header-accent-color);
    font-size: 14px;
  }
  .cmp-submenu-header--mainSectionItem.is--current-navigation > a:after,
  .cmp-submenu-header--mainSectionItem:hover > a:after {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    content: "";
    margin: auto;
    width: 80%;
    height: 4px;
    background-color: var(--header-accent-color);
  }
  .cmp-submenu-header--main_logo {
    display: none;
  }
  .cmp-submenu-header--main_logo[src] {
    display: block;
  }
  #cmp-submenu-header-link--home {
    flex-grow: 0;
    padding: 16px 50px;
    min-width: initial;
  }
  #cmp-submenu-header-link--home:before {
    display: none;
  }
  #cmp-submenu-header-link--home img {
    width: 21px;
    height: auto;
  }
  #cmp-submenu-header-link--home span {
    display: none;
  }
  .cmp-submenu-header--chevron-expand-no-subItems,
  .cmp-submenu-header--chevron-expand-no-subItems,
  .cmp-submenu-header--chevron-expand,
  .cmp-submenu-header--chevron-collapse {
    display: none;
  }
  .cmp-submenu-header--sub {
    display: none !important;
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    background-color: #fff;
    box-shadow: 0px 0px 10px #00000014;
  }
  .cmp-submenu-header--mainSectionItem:hover .cmp-submenu-header--sub {
    display: block !important;
  }
  .cmp-submenu-header--subItem {
    display: block;
    padding: 12px 16px;
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
  }
}
@media (min-width: 1080px) and (hover) {
  .cmp-submenu-header--subItem:hover {
    color: var(--header-subnav-current-text-color);
    background-color: var(--header-subnav-current-bg-color);
  }
}
.cmp-submenu-header--top-section {
  margin-inline: auto;
  padding: 16px 32px;
  max-width: 1160px;
}
@media (max-width: 1080px) {
  .cmp-submenu-header--adaptive-nav {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 48px;
  }
}
@media (min-width: 1080px) {
  .cmp-submenu-header--adaptive-nav {
    display: grid;
    grid-template-columns: 1fr 214px 420px;
    align-items: center;
    gap: 16px;
  }
}
@media (max-width: 1080px) {
  .html-header__logo {
    display: none;
  }
}
.html-header__logo img {
  max-width: 100%;
}
@media (max-width: 1080px) {
  .html-header__hyphdura {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
@media (min-width: 1080px) {
  .html-header__hyphdura {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding-left: 24px;
  }
}
.html-header__hyphdura:before {
  content: "";
  display: block;
  border-radius: 4px;
  background-color: #F6C745;
}
.page--vyvdura .html-header__hyphdura:before {
  background-color: transparent;
}
@media (max-width: 1080px) {
  .html-header__hyphdura:before {
    height: 4px;
  }
}
@media (min-width: 1080px) {
  .html-header__hyphdura:before {
    position: absolute;
    top: 0;
    left: 0px;
    width: 8px;
    height: 100%;
  }
}
.page--header-simple .html-header__hyphdura {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1080px) {
  .page--header-simple .html-header__hyphdura {
    display: none;
  }
}
@media (max-width: 1080px) {
  .html-header__hyphdura-text {
    font-size: 14px;
    font-weight: 600;
  }
}
@media (min-width: 1080px) {
  .html-header__hyphdura-text {
    font-size: 13px;
    line-height: 1.4;
  }
}
.html-header__hyphdura-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  border-radius: 4px;
  background-color: #90338E;
}
.page--vyvdura .html-header__hyphdura-btn {
  color: inherit;
  background-color: #71DBD4;
}
@media (max-width: 1080px) {
  .html-header__hyphdura-btn {
    padding: 16px 8px;
    font-size: 16px;
  }
  .html-header__hyphdura-btn br {
    display: none;
  }
}
@media (min-width: 1080px) {
  .html-header__hyphdura-btn {
    padding: 8px 4px 8px 8px;
    font-size: 14px;
  }
}
@media (hover) {
  .html-header__hyphdura-btn:hover {
    opacity: 0.8;
  }
}
.html-header__hyphdura-btn:after {
  content: "";
  display: block;
  width: 12px;
  height: 14px;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/chevron-right-yellow.svg) no-repeat center;
}
.page--vyvdura .html-header__hyphdura-btn:after {
  background-image: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/chevron-right-red.svg);
}
.html-header__watashiRythmCall a {
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  border-radius: 4px;
  background-color: #F6C745;
}
@media (max-width: 1080px) {
  .html-header__watashiRythmCall a {
    flex-direction: column;
    gap: 4px;
    padding: 16px 16px;
  }
}
@media (min-width: 1080px) {
  .html-header__watashiRythmCall a {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px 16px;
  }
}
@media (hover) {
  .html-header__watashiRythmCall a:hover {
    opacity: 0.8;
  }
}
.html-header__watashiRythmCall-main {
  text-align: center;
}
@media (max-width: 1080px) {
  .html-header__watashiRythmCall-main {
    line-height: 1.4;
  }
}
@media (min-width: 1080px) {
  .html-header__watashiRythmCall-main {
    line-height: 1.2;
  }
}
.html-header__watashiRythmCall-label {
  font-weight: 600;
}
@media (max-width: 1080px) {
  .html-header__watashiRythmCall-label {
    font-size: 18px;
  }
}
@media (min-width: 1080px) {
  .html-header__watashiRythmCall-label {
    font-size: 20px;
  }
}
.html-header__watashiRythmCall-tel {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 22px;
  font-weight: 800;
}
.html-header__watashiRythmCall-tel:before {
  content: "";
  display: block;
  width: 28px;
  height: 18px;
  background: url(../../../content/dam/itp-resilient-jp/site/icons/free-dial.svg) no-repeat center;
  background-size: contain;
}
.html-header__watashiRythmCall-time {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 1080px) {
  .html-header__watashiRythmCall-time br {
    display: none;
  }
}
.html-header__watashiRythmCall-text {
  font-size: 13px;
  line-height: 1.2;
}
.cmp-button {
  appearance: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  color: var(--white-color);
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  border: 2px solid var(--main-color);
  border-radius: 40px;
  background-color: var(--main-color);
  box-sizing: border-box;
  transition: all .4s;
}
@media (min-width: 768px) {
  .cmp-button {
    padding: 16px 24px;
    min-width: 320px;
  }
}
@media (min-width: 960px) {
  .cmp-button {
    min-width: 380px;
  }
}
@media (hover) {
  .cmp-button:hover {
    background-color: var(--current-color);
    border: 2px solid var(--current-color);
  }
  .cmp-button:hover .cmp-button__icon.cmp-button__icon--chevron-left:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.091' height='12.345' viewBox='0 0 7.091 12.345'%3E%3Cpath id='パス_57286' data-name='パス 57286' d='M-5934.76-771.334l-1.479-1.345,4.388-4.827-4.388-4.827,1.479-1.345,5.612,6.173Z' transform='translate(-5929.148 -771.334) rotate(180)' fill='%23068477'/%3E%3C/svg%3E%0A");
  }
  .cmp-button:hover .cmp-button__icon.cmp-button__icon--chevron-right:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.091' height='12.345' viewBox='0 0 7.091 12.345'%3E%3Cpath d='M-5934.76-771.334l-1.479-1.345,4.388-4.827-4.388-4.827,1.479-1.345,5.612,6.173Z' transform='translate(5936.24 783.68)' fill='%23068477'/%3E%3C/svg%3E");
  }
  .cmp-button:hover .cmp-button__icon.cmp-button__icon--chevron-left:after,
  .cmp-button:hover .cmp-button__icon.cmp-button__icon--chevron-right:after {
    background-color: var(--white-color);
  }
}
.cmp-button__text {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .cmp-button__text {
    font-size: 20px;
  }
}
.cmp-button--align-center {
  text-align: center;
}
.cmp-button--align-right {
  text-align: right;
}
.cmp-button--border-white .cmp-button {
  border: 2px solid #fff;
}
@media (hover) {
  .cmp-button--border-white .cmp-button:hover {
    border: 2px solid var(--main-color);
  }
}
.cmp-button__icon.cmp-button__icon--anchor:before {
  content: "▼";
  color: #ffffff;
}
.cmp-button__icon.cmp-button__icon--chevron-left {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: auto;
}
@media (min-width: 768px) {
  .cmp-button__icon.cmp-button__icon--chevron-left {
    width: 30px;
    height: 30px;
  }
}
.cmp-button__icon.cmp-button__icon--chevron-left:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 12px;
  background: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.091' height='12.345' viewBox='0 0 7.091 12.345'%3E%3Cpath id='パス_57286' data-name='パス 57286' d='M-5934.76-771.334l-1.479-1.345,4.388-4.827-4.388-4.827,1.479-1.345,5.612,6.173Z' transform='translate(-5929.148 -771.334) rotate(180)' fill='%2349389F'/%3E%3C/svg%3E%0A");
  transform: translate(-55%, -50%);
  transition: all .4s;
  z-index: 1;
}
.cmp-button__icon.cmp-button__icon--chevron-left:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: all .4s;
  z-index: 0;
}
@media (min-width: 768px) {
  .cmp-button__icon.cmp-button__icon--chevron-left:after {
    width: 30px;
    height: 30px;
  }
}
.cmp-button__icon.cmp-button__icon--chevron-left + .cmp-button__text {
  margin-right: auto;
}
.cmp-button__icon.cmp-button__icon--chevron-right {
  position: relative;
  width: 22px;
  height: 22px;
  order: 2;
  margin-left: auto;
}
@media (min-width: 768px) {
  .cmp-button__icon.cmp-button__icon--chevron-right {
    width: 30px;
    height: 30px;
  }
}
.cmp-button__icon.cmp-button__icon--chevron-right:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 12px;
  background: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.091' height='12.345' viewBox='0 0 7.091 12.345'%3E%3Cpath d='M-5934.76-771.334l-1.479-1.345,4.388-4.827-4.388-4.827,1.479-1.345,5.612,6.173Z' transform='translate(5936.24 783.68)' fill='%2349389F'/%3E%3C/svg%3E");
  transform: translate(-35%, -50%);
  transition: all .4s;
  z-index: 1;
}
.cmp-button__icon.cmp-button__icon--chevron-right:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #FFFFFF;
  z-index: 0;
  transition: all .4s;
}
@media (min-width: 768px) {
  .cmp-button__icon.cmp-button__icon--chevron-right:after {
    width: 30px;
    height: 30px;
  }
}
.cmp-button__icon.cmp-button__icon--chevron-right + .cmp-button__text {
  margin-left: auto;
}
.cmp-button__icon.cmp-button__icon--chevron-bottom {
  order: 2;
  margin-left: auto;
}
.cmp-button__icon.cmp-button__icon--chevron-bottom:before {
  content: "";
  display: block;
  width: 14px;
  height: 12px;
  background: no-repeat;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/chevron-bottom-red.svg) no-repeat center;
}
.cmp-button__icon.cmp-button__icon--chevron-bottom + .cmp-button__text {
  margin-left: auto;
}
.cmp-button__icon.cmp-button__icon--external:before {
  content: "";
  display: block;
  margin-left: auto;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.4s;
}
.cmp-button--type-color-white .cmp-button__icon.cmp-button__icon--external::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.cmp-button__icon.cmp-button__icon--window-after {
  order: 2;
  margin-left: auto;
}
.cmp-button__icon.cmp-button__icon--window-after:before {
  content: "";
  display: block;
  width: 17px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='17' height='13' viewBox='0 0 17 13'%3E%3Cpath d='M16.9613 0.389771H4.00891V9.29665H16.9613V0.389771Z' fill='white'/%3E%3Cpath d='M2.59794 1.375H0.777832V10.7309V12.4533H2.59794H15.0494V10.7309H2.59794V1.375Z' fill='white'/%3E%3C/svg%3E") no-repeat center;
}
.cmp-button__icon.cmp-button__icon--window-after + .cmp-button__text {
  margin-left: auto;
}
@media (hover) {
  .cmp-button:hover .cmp-button__icon--external::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='rgb(73, 56, 159)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  }
  .cmp-button:hover .cmp-button__icon--window-after::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='17' height='13' viewBox='0 0 17 13'%3E%3Cpath d='M16.9613 0.389771H4.00891V9.29665H16.9613V0.389771Z' fill='rgb(73, 56, 159)'/%3E%3Cpath d='M2.59794 1.375H0.777832V10.7309V12.4533H2.59794H15.0494V10.7309H2.59794V1.375Z' fill='rgb(73, 56, 159)'/%3E%3C/svg%3E");
  }
  .cmp-button--type-color-white .cmp-button:hover .cmp-button__icon--external::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.355' height='17.357' viewBox='0 0 17.355 17.357'%3E %3Cg transform='translate(-858 1)'%3E%3Cpath d='M8.869,4H3.526A1.526,1.526,0,0,0,2,5.526V16.211a1.526,1.526,0,0,0,1.526,1.526H14.211a1.526,1.526,0,0,0,1.526-1.526V10.869' transform='translate(857 -2.381)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M16.014,2.353a1.619,1.619,0,1,1,2.29,2.29l-7.25,7.25L8,12.656,8.763,9.6Z' transform='translate(855.579 -1.879)' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  }
}
.cmp-button--size-medium .cmp-button {
  padding: 16px 40px;
}
@media (max-width: 768px) {
  .cmp-button--size-medium .cmp-button {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .cmp-button--size-medium .cmp-button {
    padding: 16px 32px;
  }
}
@media (min-width: 960px) {
  .cmp-button--size-medium .cmp-button {
    min-width: auto;
  }
}
.cmp-button--size-medium .cmp-button__text {
  font-size: 16px;
}
.cmp-button--type-modal {
  flex-grow: 1;
}
.cmp-button--type-modal .cmp-button {
  padding: 12px 16px;
  width: 100%;
  color: inherit;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 0px 10px #00000014;
}
@media (hover) {
  .cmp-button--type-modal .cmp-button:hover {
    opacity: 0.7;
  }
}
.cmp-button--type-modal .cmp-button:before {
  content: "";
  display: block;
  margin-right: auto;
}
.cmp-button--type-modal .cmp-button:after {
  content: "";
  display: block;
  margin-left: auto;
  width: 20px;
  height: 20px;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/window_1.svg) no-repeat center;
}
.cmp-button--type-color-white .cmp-button {
  color: var(--main-color);
  background-color: #fff;
}
@media (hover) {
  .cmp-button--type-color-white .cmp-button:hover {
    color: #fff;
    background-color: var(--main-color);
    border: 2px solid var(--main-color);
  }
}
.cmp-button--type-color-purple .cmp-button {
  background-color: var(--main-color);
  color: #fff;
}
@media (hover) {
  .cmp-button--type-color-purple .cmp-button:hover {
    background-color: #fff;
    color: var(--main-color);
    border: 2px solid var(--main-color);
  }
}
.cmp-click-out-modal__main-modal {
  width: calc(100vw - 32px) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
}
.cmp-click-out-modal__main-modal-content a {
  color: #002B49;
  font-weight: bold;
}
@media (hover) {
  .cmp-click-out-modal__main-modal-content a:hover {
    text-decoration: none;
  }
}
.cmp-click-out-modal__main-title {
  margin: 0 !important;
  color: var(--main-color) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}
.cmp-click-out-modal__main-title > * {
  margin: 0;
}
.cmp-click-out-modal-main-buttons {
  justify-content: center !important;
  gap: 16px !important;
  margin: 0 !important;
}
.cmp-click-out-modal-main-button {
  appearance: none;
  display: inline-flex;
  justify-content: center;
  padding: 6px 32px;
  min-width: 200px;
  color: #fff;
  font-size: 16px !important;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.8 !important;
  border: 2px solid transparent;
  border-radius: 32px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all .4s;
}
.cmp-click-out-modal-main-button.click-out-cancel {
  border-color: #7d8082;
  background-color: #7d8082;
}
@media (hover) {
  .cmp-click-out-modal-main-button.click-out-cancel:hover {
    color: #515557;
    border-color: #515557;
    background-color: #fff;
  }
}
.cmp-click-out-modal-main-button.click-out-confirm {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
@media (hover) {
  .cmp-click-out-modal-main-button.click-out-confirm:hover {
    color: var(--main-color);
    background-color: #fff;
  }
}
.html-card__wrap {
  display: flex;
  gap: 32px;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .html-card__wrap {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .html-card__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.html-card {
  list-style-type: none;
  border: 1px solid #ccc;
}
.html-card a {
  opacity: 1;
  text-decoration: none;
  transition: all .3s;
}
@media (hover) {
  .html-card a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
  .html-card a:hover .html-card__text {
    text-decoration: none;
  }
}
.html-card__picture img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .html-card__picture img {
    width: 100%;
  }
}
.html-card__content {
  padding: 16px 24px;
}
@media (min-width: 768px) {
  .html-card__content {
    padding: 16px;
  }
}
.html-card__text {
  color: #222;
  font-weight: 500;
  margin-block: 0;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .html-card__text {
    font-size: 18px;
  }
}
.html-footer {
  background-color: #FFF;
}
.html-footer * {
  box-sizing: border-box;
}
.html-footer a {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 4px;
}
@media (hover) {
  .html-footer a:hover {
    text-decoration: underline;
  }
}
.html-footer__lead {
  background-color: #F8F8F8;
}
.html-footer__leadText {
  color: #4C4C4C;
  text-align: right;
  font-size: 11px;
  padding-inline: 15px;
  padding-block: 20px;
}
@media (min-width: 768px) {
  .html-footer__leadText {
    font-size: 13px;
    margin-inline: auto;
    padding-block: 40px;
  }
}
@media (min-width: 960px) {
  .html-footer__leadText {
    max-width: 1280px;
  }
}
@media (min-width: 960px) {
  .html-footer__leadText br {
    display: none;
  }
}
.html-footer__area-nav {
  background-color: #F8F8F8;
}
.html-footer__area-nav > *:not(:first-child) {
  margin-top: 16px;
}
@media (max-width: 960px) {
  .html-footer__area-nav {
    padding: 0 16px;
  }
}
@media (min-width: 960px) {
  .html-footer__area-nav {
    padding: 40px 16px 100px;
  }
}
.html-footer__nav {
  display: grid;
}
@media (max-width: 960px) {
  .html-footer__nav {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 960px) {
  .html-footer__nav {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-inline: auto;
    max-width: 1280px;
  }
}
.html-footer__navItem {
  display: flex;
  flex-direction: column;
}
@media (max-width: 960px) {
  .html-footer__navItem {
    gap: 15px;
  }
}
@media (min-width: 960px) {
  .html-footer__navItem {
    gap: 24px;
  }
  .html-footer__navItem:first-child {
    grid-row: 1 / span 2;
  }
}
@media (max-width: 960px) {
  .html-footer__navItem:last-of-type .html-footer__navHeading:not(.is--navListItem--open) {
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 960px) {
  .html-footer__navItem:last-of-type .html-footer__navHeading.is--navListItem--open + .html-footer__navList {
    border-bottom: 1px solid transparent;
  }
}
.html-footer__navHeading {
  position: relative;
  color: #068477;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .html-footer__navHeading {
    padding-inline-end: 40px;
    padding-block: 30px;
    border-bottom: 1px solid #DEDEDE;
  }
}
@media (min-width: 960px) {
  .html-footer__navHeading {
    font-size: 24px;
  }
}
@media (max-width: 960px) {
  .html-footer__navHeading:after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 23px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2046%2046%22%3E%3Cg%20id%3D%22group-plus%22%20data-name%3D%22group-plus%22%20transform%3D%22translate(2%202)%22%3E%3Cline%20x2%3D%2242%22%20transform%3D%22translate(0%2021)%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3Cline%20x2%3D%2242%22%20transform%3D%22translate(21)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}
@media (max-width: 960px) {
  .html-footer__navHeading.is--navListItem--open {
    background-color: var(--header-offwhite-color);
    border-bottom: 1px solid transparent;
  }
}
@media (max-width: 960px) {
  .html-footer__navHeading.is--navListItem--open:after {
    width: 23px;
    height: 2px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%222%22%20viewBox%3D%220%200%2046%204%22%3E%20%3Cg%20id%3D%22group_minus%22%20data-name%3D%22group_minus%22%20transform%3D%22translate(2%202)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_360%22%20data-name%3D%22%E7%B7%9A%20360%22%20x2%3D%2242%22%20fill%3D%22none%22%20stroke%3D%22%2349389f%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
}
.html-footer__navList {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 960px) {
  .html-footer__navList {
    padding-bottom: 30px;
    border-bottom: 1px solid #DEDEDE;
  }
}
@media (min-width: 960px) {
  .html-footer__navList {
    display: flex!important;
    gap: 24px;
  }
}
.html-footer__navListItem {
  display: flex;
  gap: 10px;
  font-size: 18px;
}
@media (min-width: 960px) {
  .html-footer__navListItem {
    font-size: 20px;
  }
}
.html-footer__navListItem:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 0.33em;
  height: 0.33em;
  border-top: 2px solid #49389F;
  border-right: 2px solid #49389F;
  transform: translateY(0.5em) rotate(43deg);
}
.html-footer__navListItem a {
  display: inline-block;
  color: #4C4C4C;
  font-weight: 400;
  line-height: 1.4;
  text-decoration-color: transparent;
}
.html-footer__navListItem a:hover {
  color: #068477;
  text-decoration-color: transparent;
}
.html-footer__code {
  max-width: 1160px;
  margin-block: 16px 0;
  margin-inline: auto;
  font-size: 14px;
  text-align: right;
}
.html-footer__area-bottom {
  gap: 16px;
  align-items: center;
  background-color: #fff;
  padding-block: 40px;
  padding-inline: 16px;
}
@media (max-width: 768px) {
  .html-footer__area-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .html-footer__area-bottom {
    display: grid;
    grid-template-columns: 1fr 165px;
    align-items: flex-start;
    margin-inline: auto;
    max-width: 1280px;
  }
}
.html-footer__subNav {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 40px;
}
@media (min-width: 768px) {
  .html-footer__subNav {
    flex-direction: column;
    gap: 0;
    margin-block-start: 20px;
  }
}
.html-footer__subNav a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.html-footer__subNav a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-inline-start: 0.25rem;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/icon-text-external.svg) no-repeat center;
}
@media (hover) {
  .html-footer__subNav a:hover {
    text-decoration: none;
  }
}
.html-footer__subNav cite {
  font-style: normal;
  text-align: right;
}
@media (min-width: 768px) {
  .html-footer__subNav cite {
    margin-block-start: 20px;
  }
}
#hero-article {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hero-article .cmp-image__image {
  width: 100vw;
}
#hero-article .text {
  display: block;
  position: absolute;
  margin: auto;
}
@media (max-width: 768px) {
  #hero-article .text {
    text-align: center;
    width: calc(100vw - 32px);
  }
}
#hero-article .cmp-text h1 {
  font-size: 28px;
}
@media (min-width: 768px) {
  #hero-article .cmp-text h1 {
    font-size: 36px;
  }
}
@media (min-width: 960px) {
  #hero-article .cmp-text h1 {
    font-size: 48px;
  }
}
ol.html-list-decimal {
  list-style-type: none;
  counter-reset: html-list-decimal;
  padding-inline-start: 1.2em;
}
ol.html-list-decimal li {
  counter-increment: html-list-decimal;
  text-indent: -1em;
}
ol.html-list-decimal li:before {
  content: counter(html-list-decimal) ")";
  margin-inline-end: 0.4em;
  font-size: 0.825em;
}
ol.html-list-decimal-green {
  list-style-type: none;
  font-size: 15px;
}
@media (min-width: 768px) {
  ol.html-list-decimal-green {
    font-size: 17px;
  }
}
ol.html-list-decimal-green li {
  text-indent: -1.4em;
}
ol.html-list-decimal-green li > span.decimal {
  text-indent: 0;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  font-size: 0.825em;
  line-height: 1.25;
  color: var(--current-color);
  border: 1px solid var(--current-color);
  background-color: var(--white-color);
  border-radius: 50%;
  margin-inline-end: 0.4em;
  text-align: center;
}
ul.html-list-disc-green {
  list-style: none;
}
ul.html-list-disc-green li {
  text-indent: -1.2em;
}
ul.html-list-disc-green li:before {
  content: "●";
  color: var(--current-color);
  margin-inline-end: 0.4em;
}
ul.html-list-disc-purple {
  list-style: none;
}
ul.html-list-disc-purple li {
  text-indent: -1.2em;
}
ul.html-list-disc-purple li:before {
  content: "●";
  color: var(--main-color);
  margin-inline-end: 0.4em;
}
ul.html-list-arrow-right-purple,
.cmp-text ul.html-list-arrow-right-purple {
  list-style-type: none;
}
ul.html-list-arrow-right-purple li,
.cmp-text ul.html-list-arrow-right-purple li {
  list-style-type: none;
  text-indent: -1.4em;
  margin-top: 1em;
}
ul.html-list-arrow-right-purple li::marker,
.cmp-text ul.html-list-arrow-right-purple li::marker {
  content: none;
}
ul.html-list-arrow-right-purple li:before,
.cmp-text ul.html-list-arrow-right-purple li:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 0.4em;
  height: 0.4em;
  margin-inline-end: 0.9em;
  border-top: 2px solid var(--main-color);
  border-right: 2px solid var(--main-color);
  transform: translateY(-0.15em) rotate(43deg);
}
ul.html-list-arrow-right-purple a,
.cmp-text ul.html-list-arrow-right-purple a {
  color: var(--text-color);
  text-decoration: none;
}
ul.html-list-arrow-right-purple a:hover,
.cmp-text ul.html-list-arrow-right-purple a:hover {
  color: var(--current-color);
}
ul.html-list-check-square,
.cmp-text ul.html-list-check-square {
  list-style-type: none;
  margin-top: 1em;
}
ul.html-list-check-square li,
.cmp-text ul.html-list-check-square li {
  text-indent: -1.4em;
  margin-top: 1em;
}
ul.html-list-check-square li:first-of-type,
.cmp-text ul.html-list-check-square li:first-of-type {
  margin-top: 0;
}
ul.html-list-check-square li:before,
.cmp-text ul.html-list-check-square li:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/check-square.svg) no-repeat center;
  background-size: contain;
  margin-inline-end: 0.4em;
}
.customFormStyle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  max-width: 800px;
  font-weight: 400;
}
.customFormStyle:not(.is-loaded) {
  visibility: hidden;
}
.customFormStyle .mktoFormRow:has(input[type='hidden']) {
  display: none;
}
.customFormStyle .mktoButtonRow {
  margin-block-start: 4px;
  text-align: center;
}
@media (min-width: 960px) {
  .customFormStyle .mktoButtonRow {
    margin-block-start: 24px;
    text-align: left;
  }
}
.customFormStyle .mktoFieldWrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.customFormStyle .mktoLabel {
  display: flex;
  gap: 4px;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .customFormStyle .mktoLabel {
    gap: 2px;
    letter-spacing: -0.01em;
  }
}
.customFormStyle .mktoAsterix {
  display: none;
}
.customFormStyle .mktoRequiredField .mktoAsterix {
  display: block;
  order: 2;
  color: #FF0000;
}
.customFormStyle .mktoErrorMsg {
  color: #FF0000;
  font-size: 16px;
}
.customFormStyle fieldset {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 32px;
}
@media (min-width: 768px) {
  .customFormStyle fieldset {
    gap: 16px;
  }
}
.customFormStyle legend {
  padding: 0 16px;
  font-weight: 600;
}
.customFormStyle .mktoTextField,
.customFormStyle .mktoEmailField,
.customFormStyle .mktoUrlField,
.customFormStyle .mktoNumberField,
.customFormStyle .mktoTelField,
.customFormStyle .mktoDateField,
.customFormStyle textarea,
.customFormStyle select {
  display: block;
  width: 100%;
  max-width: 800px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
}
.customFormStyle .mktoTextField.mktoInvalid,
.customFormStyle .mktoEmailField.mktoInvalid,
.customFormStyle .mktoUrlField.mktoInvalid,
.customFormStyle .mktoNumberField.mktoInvalid,
.customFormStyle .mktoTelField.mktoInvalid,
.customFormStyle .mktoDateField.mktoInvalid,
.customFormStyle textarea.mktoInvalid,
.customFormStyle select.mktoInvalid {
  border-color: #D0451B;
}
.customFormStyle .mktoTextField,
.customFormStyle .mktoEmailField {
  padding: 16px;
}
@media (min-width: 768px) {
  .customFormStyle .mktoTextField,
  .customFormStyle .mktoEmailField {
    padding: 17px 20px;
  }
}
.customFormStyle .mktoTextField::placeholder,
.customFormStyle .mktoEmailField::placeholder {
  color: #CCC;
}
.customFormStyle .mktoNumberField,
.customFormStyle .mktoTelField {
  max-width: 400px;
}
.customFormStyle .mktoHtmlText a {
  color: #068477;
  text-decoration-color: #068477;
  margin-inline: 5px;
}
.customFormStyle .mktoHtmlText a:hover {
  text-decoration-color: transparent;
}
.customFormStyle select {
  cursor: pointer;
}
.customFormStyle textarea {
  min-height: 200px;
  resize: vertical;
}
.customFormStyle .mktoRadioList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.customFormStyle .mktoRadioList input {
  width: 0;
  height: 0;
  overflow: hidden;
}
.customFormStyle .mktoRadioList label {
  display: flex;
  gap: 5px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .customFormStyle .mktoRadioList label {
    gap: 12px;
  }
}
.customFormStyle .mktoRadioList label:hover {
  opacity: 0.7;
}
.customFormStyle .mktoRadioList label:before {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-top: 3px;
  width: 24px;
  height: 24px;
  border: 6px solid#fff;
  border-radius: 100%;
  box-shadow: #CCC 0 0 0 1px;
  box-sizing: border-box;
  background-color: #fff;
}
@media (max-width: 768px) {
  .customFormStyle .mktoRadioList label:before {
    width: 20px;
    height: 20px;
    border: 5px solid#fff;
    margin-top: 5px;
  }
}
.customFormStyle .mktoRadioList input[type=radio]:checked + label:before {
  background-color: #068477;
}
.customFormStyle .mktoCheckboxList {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.customFormStyle .mktoCheckboxList input {
  width: 0;
  height: 0;
  overflow: hidden;
}
.customFormStyle .mktoCheckboxList label {
  display: flex;
  gap: 16px;
  cursor: pointer;
}
.customFormStyle .mktoCheckboxList label:hover {
  opacity: 0.7;
}
.customFormStyle .mktoCheckboxList label:before {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-top: 5px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 6px solid #fff;
  box-shadow: #CCC 0 0 0 1px;
  border-radius: 100%;
  box-sizing: border-box;
}
.customFormStyle .mktoCheckboxList input[type=checkbox]:checked + label:before {
  background-color: #999;
}
.customFormStyle .mktoButton {
  position: relative;
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 24px;
  min-width: 240px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  border: 2px solid #d0451b;
  border-radius: 32px;
  background-color: #d0451b;
  box-sizing: border-box;
  cursor: pointer;
  transition: all .3s;
}
@media (min-width: 768px) {
  .customFormStyle .mktoButton {
    gap: 8px;
    padding: 6px 32px;
  }
}
.customFormStyle .mktoButton::before {
  content: "";
  display: block;
  width: 18px;
  height: 17px;
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/icon-btn-external.svg) no-repeat center;
}
.customFormStyle .mktoButton:hover {
  color: #d0451b;
  background-color: #fff;
}
.customFormStyle .mktoButton:hover::before {
  background: url(../../../etc.clientlibs/argenx/clientlibs/clientlib-itp-resilient-jp/resources/images/icons/icon-btn-external-red.svg) no-repeat center;
}
@media (max-width: 768px) {
  #marketo-mailmag-container {
    padding-inline: 32px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  #marketo-mailmag-container {
    position: relative;
    padding-left: 16px;
    padding-right: 240px;
    max-width: 800px;
    margin-inline: auto;
    min-height: 600px;
  }
  #marketo-mailmag-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 600px;
    background: url(../../../content/dam/itp-resilient-jp/site/appearence/human.png) no-repeat right top;
    background-size: contain;
  }
}
@media (min-width: 960px) {
  #marketo-mailmag-container {
    position: relative;
    padding-left: 16px;
    padding-right: 360px;
    max-width: 1050px;
    margin-inline: auto;
  }
  #marketo-mailmag-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 64px;
    top: 0;
    width: 208px;
    height: 778px;
    background: url(../../../content/dam/itp-resilient-jp/site/appearence/human.png) no-repeat right top;
    background-size: contain;
  }
}
#marketo-mailmag-container .cmp-text h2,
#marketo-mailmag-container .cmp-text p {
  margin-block-end: 32px;
}
@media (min-width: 768px) {
  #marketo-mailmag-container .cmp-text h2,
  #marketo-mailmag-container .cmp-text p {
    margin-block-end: 40px;
  }
}
#marketo-mailmag-container .cmp-text h2:has(.text-green, .text-purple) {
  border-left: none;
  padding-left: 0;
  font-weight: 700;
}
@media (min-width: 768px) {
  #marketo-mailmag-container .cmp-text h2:has(.text-green, .text-purple) {
    font-weight: 600;
    font-size: 28px;
  }
}
#marketo-mailmag-container .cmp-text h2:has(.text-green, .text-purple):before {
  content: none;
}
@media (min-width: 768px) and (max-width: 960px) {
  #marketo-modal-container {
    position: relative;
    padding-left: 16px;
    padding-right: 200px;
    max-width: 800px;
    margin-inline: auto;
    min-height: 600px;
  }
  #marketo-modal-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 600px;
    background: url(../../../content/dam/itp-resilient-jp/site/appearence/human.png) no-repeat right top;
    background-size: contain;
  }
}
@media (min-width: 960px) {
  #marketo-modal-container {
    position: relative;
    padding-left: 16px;
    padding-right: 240px;
    max-width: 1050px;
    margin-inline: auto;
  }
  #marketo-modal-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
    height: 750px;
    background: url(../../../content/dam/itp-resilient-jp/site/appearence/human.png) no-repeat right top;
    background-size: contain;
  }
}
#marketo-modal-container .cmp-text h2:has(.text-green, .text-purple) {
  border-left: none;
  padding-left: 0;
}
#marketo-modal-container .cmp-text h2:has(.text-green, .text-purple):before {
  content: none;
}
#marketo-modal-container .customFormStyle {
  gap: 8px;
}
.cmp-container[role="page-navigation"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media (min-width: 768px) {
  .cmp-container[role="page-navigation"] {
    border-bottom: 5px solid #F6C745;
  }
  .page--vyvdura .cmp-container[role="page-navigation"] {
    border-bottom-color: #5B6E7E;
  }
}
.cmp-container[role="prev-next-navigation"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 768px) {
  .cmp-container[role="prev-next-navigation"] .button,
  .cmp-container[role="prev-next-navigation"] .cmp-button {
    width: 100%;
    box-sizing: border-box;
  }
}
.cmp-container[role="next-prev-navigation"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 768px) {
  .cmp-container[role="next-prev-navigation"] {
    flex-wrap: wrap-reverse;
  }
  .cmp-container[role="next-prev-navigation"] .button,
  .cmp-container[role="next-prev-navigation"] .cmp-button {
    width: 100%;
    box-sizing: border-box;
  }
}
.html-table {
  border-collapse: collapse;
  width: 100%;
}
.html-table tr {
  border-top: 1px solid #C7C0EB;
}
.html-table tr:last-of-type {
  border-bottom: 1px solid #C7C0EB;
}
.html-table th {
  font-size: 16px;
  font-weight: 600;
  padding-block: 16px;
  color: #49389F;
  background-color: #EDEAF7;
  border-left: 1px solid #C7C0EB;
}
.html-table th:last-of-type {
  border-right: 1px solid #C7C0EB;
}
.html-table td {
  vertical-align: top;
  border-left: 1px solid #C7C0EB;
  padding: 15px 10px;
  font-weight: 500;
}
@media (min-width: 960px) {
  .html-table td {
    padding: 20px;
  }
}
.html-table td:last-of-type {
  border-right: 1px solid #C7C0EB;
}
.html-table ul {
  margin: 0;
  margin-inline-start: 1.5em;
  padding-left: 0;
  list-style-position: inside;
}
@media (min-width: 768px) {
  .html-table ul {
    margin-inline-start: 1em;
  }
}
.html-table li {
  text-indent: -1.5em;
  word-break: break-all;
}
@media (min-width: 768px) {
  .html-table li {
    margin-inline-start: 1em;
    text-indent: -1.5em;
  }
}
.html-table li::marker {
  margin-inline-end: 0.25em;
}
.html-table.layout-responsive {
  table-layout: fixed;
}
.html-table.layout-responsive thead {
  display: none;
}
@media (min-width: 960px) {
  .html-table.layout-responsive thead {
    display: table-header-group;
  }
}
@media (max-width: 960px) {
  .html-table.layout-responsive tr:first-of-type {
    border-top: none;
  }
}
.html-table.layout-responsive td {
  border-right: 1px solid #C7C0EB;
}
@media (max-width: 960px) {
  .html-table.layout-responsive td {
    display: block;
    padding: 0;
  }
}
@media (min-width: 960px) {
  .html-table.layout-responsive td {
    padding: 20px;
  }
}
@media (max-width: 960px) {
  .html-table.layout-responsive td > * {
    padding: 15px 10px;
  }
}
@media (max-width: 960px) {
  .html-table.layout-responsive td[data-heading]:before {
    content: attr(data-heading) "";
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-block: 8px;
    color: #49389F;
    background-color: #EDEAF7;
    border-top: 1px solid #C7C0EB;
    border-bottom: 1px solid #C7C0EB;
  }
}
.html-toc {
  display: flex;
  flex-direction: column;
  background-color: var(--white-color);
}
@media (max-width: 768px) {
  .html-toc {
    gap: 16px;
    padding: 32px 16px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {
  .html-toc {
    gap: 32px;
    padding: 32px;
  }
}
@media (min-width: 960px) {
  .html-toc {
    gap: 32px;
    padding: 32px 64px;
  }
}
.html-toc__heading {
  margin: 0;
  color: var(--main-color);
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}
@media (max-width: 960px) {
  .html-toc__heading {
    font-size: 24px;
  }
}
@media (min-width: 960px) {
  .html-toc__heading {
    font-size: 28px;
  }
}
.html-toc__list {
  margin: 0;
  list-style: disc;
}
@media (min-width: 960px) {
  .html-toc__list {
    margin-inline: auto;
    padding: 0;
  }
}
.html-toc__list > *:first-child {
  margin-top: 0;
}
.html-toc__list > *:last-child {
  margin-bottom: 0;
}
.html-toc__item {
  font-size: 16px;
}
.html-toc__item--level-h2 {
  margin: 16px 0 8px -1em;
  color: var(--main-color);
  font-weight: 600;
  list-style: none;
}
@media (max-width: 960px) {
  .html-toc__item--level-h2 {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .html-toc__item--level-h2 {
    font-size: 20px;
  }
}
.html-toc__item--level-h3 {
  margin: 16px 0 8px;
  font-weight: 600;
}
.html-toc__item-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
  transition: all 0.4s;
}
@media (hover) {
  .html-toc__item-link:hover {
    color: var(--current-color);
    text-decoration-color: transparent;
  }
}
#top-about {
  padding-block: 40px 60px;
}
@media (max-width: 768px) {
  #top-about {
    background-image: url(../../../content/dam/itp-resilient-jp/site/page/index/bg_about_top.png), url(../../../content/dam/itp-resilient-jp/site/page/index/bg_about_bottom.png), linear-gradient(to bottom, #e4f0ef, #ffffff) !important;
    background-position: center top, center bottom!important;
    background-size: contain!important;
    background-repeat: no-repeat !important;
  }
}
@media (min-width: 768px) {
  #top-about {
    padding-block: 120px 110px;
  }
}
#top-about .cmp-container > .cmp-container--h-full {
  box-shadow: 0 3px 6px #00000010;
}
@media (min-width: 768px) {
  #top-about .cmp-container#what-is-itp,
  #top-about .cmp-container#diagnosis-treatment {
    grid-template-columns: 120px 1fr;
  }
}
@media (min-width: 960px) {
  #top-about .cmp-container#diagnosis-treatment {
    grid-template-columns: 200px 1fr;
  }
}
#top-about .cmp-text .html-list-arrow-right-purple {
  font-size: 18px;
}
@media (min-width: 960px) {
  #top-about .cmp-text .html-list-arrow-right-purple {
    font-size: 20px;
  }
}
#top-about .cmp-text .html-list-arrow-right-purple a {
  font-weight: 400;
  text-decoration-color: transparent;
}
#top-about .cmp-text .html-list-arrow-right-purple a:hover {
  color: #068477;
}
@media (max-width: 960px) {
  #top-about .cmp-text h2:has(.text-green, .text-purple) {
    font-size: 23px;
  }
}
@media (min-width: 960px) {
  #top-about .cmp-text h2:has(.text-green, .text-purple) {
    max-width: 75%;
    font-size: 34px;
  }
}
#company-overview {
  display: grid;
  gap: 40px;
  padding-block: 40px 50px;
}
@media (min-width: 768px) {
  #company-overview {
    grid-template-columns: 238px 1fr;
    gap: clamp(40px, 5vw, 94px);
    max-width: 1280px;
    padding-block: 80px;
  }
}
.container:has( > #company-overview) {
  padding-inline: 2rem;
}
@media (min-width: 768px) {
  .container:has( > #company-overview) {
    padding-inline: 1rem;
  }
}
@media (max-width: 768px) {
  #company-overview .image {
    margin-inline: auto;
    max-width: 160px;
  }
}
#html-top-hero {
  position: relative;
}
@media (min-width: 940px) {
  #html-top-hero {
    overflow: hidden;
    margin-inline: auto;
    max-width: 100vw;
  }
}
#html-top-hero-image {
  position: relative;
  z-index: -1;
}
@media (min-width: 940px) {
  #html-top-hero-image {
    overflow: hidden;
    height: 500px;
    width: 100%;
  }
}
#html-top-hero-image .cmp-image__image {
  width: auto;
}
@media (min-width: 940px) {
  #html-top-hero-image .cmp-image__image {
    object-fit: cover;
    height: 100%;
    max-height: 500px;
  }
}
.page .cq-Editable-dom--container,
.page .cq-Editable-dom--container.aem-GridColumn {
  padding-top: 1.25rem !important;
  padding-top: 0 !important;
  padding-bottom: 1.25rem !important;
  padding-bottom: .25rem !important;
}
/* Sets height for component placeholders */
.page .cq-placeholder,
.page .new {
  height: 2.875rem !important;
}
/* New placeholder (Drag new components here) */
.page .new {
  margin: 1.25rem 0 1.5625rem 0 !important;
}
/* Start/End placeholders */
.page .cq-placeholder.cq-marker-start {
  margin: .625rem 0 0.3125rem 0 !important;
}
.page .cq-placeholder.cq-marker-end {
  margin: 0.3125rem 0 .625rem 0 !important;
}
/* Set styles for components under the inline editor select */
.page .cq-under-inlineeditor-selector {
  min-height: 11.25rem !important;
  margin: .9375rem 0 !important;
}