@charset "UTF-8";

/*! kiso.css v1.2.4 | MIT License | https://github.com/tak-dcxi/kiso.css */
*,
:before,
:after {
    box-sizing: border-box
}

:where(:root) {
    font-family: sans-serif;
    line-height: 1.5;
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    overflow-wrap: anywhere;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent
}

:where(body) {
    min-block-size: 100dvb;
    margin: unset
}

:where(:is(h1, h2, h3, h4, h5, h6):lang(en)) {
    text-wrap: pretty
}

:where(h1) {
    margin-block: .67em;
    font-size: 2em
}

:where(h2, h3, h4, h5, h6) {
    margin-block: unset
}

:where(search) {
    display: block flow
}

:where(p, blockquote, figure, pre, address, ul, ol, dl, menu) {
    margin-block: unset
}

:where(blockquote, figure) {
    margin-inline: unset
}

:where(p:lang(en)) {
    text-wrap: pretty
}

:where(address:lang(ja)) {
    font-style: unset
}

:where(ul, ol, menu) {
    padding-inline-start: unset;
    list-style-type: ""
}

:where(dt) {
    font-weight: bolder
}

:where(dd) {
    margin-inline-start: unset
}

:where(pre) {
    text-spacing-trim: space-all;
    text-autospace: no-autospace
}

:where(em:lang(ja)) {
    font-weight: bolder
}

:where(:is(i, cite, em, dfn):lang(ja)) {
    font-style: unset
}

:where(u, s, del, ins) {
    text-decoration-inset: auto
}

:where(code, kbd, samp) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: initial;
    font-variation-settings: initial;
    font-size: unset;
    font-variant-ligatures: none
}

:where(abbr[title]) {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-inset: auto;
    cursor: help
}

:where(time) {
    text-autospace: no-autospace
}

:where(a) {
    color: unset
}

:where(a:-moz-any-link) {
    text-decoration-line: unset;
    text-decoration-thickness: from-font;
    text-decoration-inset: auto
}

:where(a:any-link) {
    text-decoration-line: unset;
    text-decoration-thickness: from-font;
    text-decoration-inset: auto
}

:where(img, svg, picture, video, audio, canvas, model, iframe, embed, object) {
    max-inline-size: 100%;
    vertical-align: bottom
}

:where(img, svg, picture, video, canvas, model, iframe, embed, object) {
    block-size: auto
}

:where(iframe) {
    border: unset
}

:where(table) {
    border-collapse: collapse
}

:where(caption, th) {
    text-align: unset
}

:where(caption:lang(en)) {
    text-wrap: pretty
}

:where(button, input, select, textarea),
::file-selector-button {
    border-width: 1px;
    border-style: solid;
    border-color: unset;
    border-radius: unset;
    color: unset;
    font: unset;
    letter-spacing: unset;
    text-align: unset
}

:where(input:is([type=radio i], [type=checkbox i])) {
    margin: unset
}

:where(input[type=file i]) {
    border: unset
}

:where(input[type=search i]) {
    -webkit-appearance: textfield
}

@supports (-webkit-touch-callout: none) {
    :where(input[type=search i]) {
        background-color: Canvas
    }
}

:where(input:is([type=tel i], [type=url i], [type=email i], [type=number i]):not(:-moz-placeholder)) {
    direction: ltr
}

:where(input:is([type=tel i], [type=url i], [type=email i], [type=number i]):not(:placeholder-shown)) {
    direction: ltr
}

:where(textarea) {
    margin-block: unset;
    resize: block
}

:where(input:not([type=button i], [type=submit i], [type=reset i]), textarea, [contenteditable]) {
    text-autospace: no-autospace
}

:where(button, input:is([type=button i], [type=submit i], [type=reset i])),
::file-selector-button {
    background-color: unset
}

:where(button, input:is([type=button i], [type=submit i], [type=reset i]), [role=tab i], [role=button i], [role=option i]),
::file-selector-button {
    touch-action: manipulation
}

:where(button:enabled, label[for], select:enabled, input:is([type=button i], [type=submit i], [type=reset i], [type=radio i], [type=checkbox i]):enabled, [role=tab i], [role=button i], [role=option i]),
:where(:enabled)::file-selector-button {
    cursor: pointer
}

:where(fieldset) {
    min-inline-size: 0;
    margin-inline: unset;
    padding: unset;
    border: unset
}

:where(legend) {
    padding-inline: unset
}

:where(progress) {
    vertical-align: unset
}

::-moz-placeholder {
    opacity: unset
}

::placeholder {
    opacity: unset
}

:where(summary) {
    list-style-type: "";
    cursor: pointer
}

:where(summary)::-webkit-details-marker {
    display: none
}

:where(dialog, [popover]) {
    overscroll-behavior-block: contain;
    padding: unset;
    border: unset
}

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

:where(dialog) {
    max-inline-size: unset;
    max-block-size: unset
}

:where(dialog)::backdrop {
    background-color: #0000004d
}

:where([popover]) {
    margin: unset
}

:where(:focus-visible) {
    outline-offset: 3px
}

[tabindex="-1"]:focus {
    outline: none !important
}

:where(:disabled, [aria-disabled=true i]) {
    cursor: default
}

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

img {
    overflow-clip-margin: unset;
    display: block;
    width: 100%
}

button {
    border-width: 0;
    padding: 0
}

h1 {
    margin-block: unset
}

@font-face {
    font-family: Noto Sans JP VF;
    src: url(../fonts/NotoSansJP-VF.woff2) format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Zen Maru Gothic;
    src: url(../fonts/ZenMaruGothic-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Zen Maru Gothic;
    src: url(../fonts/ZenMaruGothic-Black.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --noto-sans: "Noto Sans JP VF";
    --zen-maru-gothic: "Zen Maru Gothic", var(--noto-sans);
    --roboto: "Roboto", var(--noto-sans);
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 800;
    --color-black: #000;
    --color-white: #fff;
    --color-bg-gray: #fcfcfc;
    --color-text: #2d2d2d;
    --color-text-dark: #1f1f1f;
    --color-brand: #428892;
    --color-mint: #a3e6e1;
    --color-contact: #dfbace;
    --color-plum: #793254;
    --color-muted: #bfbfbf;
    --color-border: #d9d9d9;
    --color-brand-border: rgb(66 136 146 / 20%);
    --color-divider: #dfdfdf;
    --color-balloon: #ecdbe5;
    --steps-accent: #3c91a0;
    --steps-gold: #937113;
    --steps-gold-bg: #f0e4bf;
    --header-height: 4.5rem;
    --inner: 33.75rem;
    --inner-padding: 1.25rem;
    --hover-transition: .3s ease-in-out
}

:root {
    --wp-admin-bar-height: 0px
}

:root:has(.admin-bar) {
    --wp-admin-bar-height: 32px
}

html {
    font-size: 16px;
    scroll-padding-block-start: calc(var(--wp-admin-bar-height, 0px) + var(--header-height))
}

body {
    container-type: inline-size;
    display: grid;
    grid-template-rows: 1fr auto;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    font-family: var(--noto-sans);
    line-height: 1.5
}

body>* {
    min-width: 0
}

a {
    transition: opacity var(--hover-transition)
}

a:not([class]) {
    text-decoration: underline
}

a:focus-visible {
    opacity: .7
}

.l-footer {
    margin-block-start: 5.625rem
}

.l-inner {
    margin-inline: auto;
    max-width: 33.75rem;
    width: 100%;
    padding-inline: var(--inner-padding)
}

.l-main {
    margin-block-start: var(--header-height)
}

.l-trials-list {
    margin-block-start: 1.5625rem
}

.l-trials-pager {
    margin-block-start: 3.125rem
}

.l-trials-search {
    margin-block-start: .4375rem
}

.c-balloon-title {
    position: relative;
    display: grid;
    place-content: center;
    inline-size: 100%;
    margin-bottom: 1.25rem;
    padding: .5rem;
    min-block-size: 3.4375rem;
    border: 2px solid var(--color-brand);
    border-radius: 50px;
    background-color: transparent;
    text-align: center;
    font-family: var(--zen-maru-gothic);
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em;
    color: var(--color-brand)
}

.c-balloon-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: .625rem .375rem 0 .375rem;
    border-color: var(--color-brand) transparent transparent;
    translate: -50% 100%
}

.c-balloon-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: .375rem .1875rem 0 .1875rem;
    border-color: var(--color-white) transparent transparent;
    translate: -50% 100%
}

.c-breadcrumb {
    color: var(--color-text)
}

.c-breadcrumb__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .875rem;
    font-size: max(.6875rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.c-breadcrumb__item:not(:last-child):after {
    content: "＞";
    margin-inline-start: .5rem
}

.c-breadcrumb__link {
    position: relative;
    color: inherit;
    text-decoration: none
}

.c-breadcrumb__link:after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: -.375rem;
    inline-size: 106%;
    block-size: 2px;
    background-color: var(--color-mint)
}

.c-cta-button {
    --button-bg: var(--color-mint);
    --button-shadow: var(--color-brand);
    --button-height: 3.75rem;
    --button-radius: .9375rem;
    --button-padding: .625rem 3.125rem .625rem 1.125rem;
    --button-arrow: 1.3125rem;
    --button-arrow-end: 1rem;
    --button-font: 1.1rem;
    --button-hover-shadow: .1875rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: var(--button-height);
    padding: var(--button-padding);
    border-radius: var(--button-radius);
    background-color: var(--button-bg);
    box-shadow: 0 .25rem 0 var(--button-shadow);
    color: var(--color-text);
    font-size: var(--button-font);
    font-weight: var(--fw-bold);
    line-height: 1.3;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease
}

.c-cta-button .c-cta-button__icon {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: var(--button-arrow-end);
    inline-size: var(--button-arrow);
    block-size: auto;
    pointer-events: none;
    transform: translateY(-50%)
}

.c-cta-button:focus-visible {
    box-shadow: 0 var(--button-hover-shadow) 0 var(--button-shadow);
    opacity: 1;
    transform: translateY(.125rem)
}

.c-cta-button__text {
    min-inline-size: 0
}

.c-cta-button[data-tone=contact] {
    --button-bg: var(--color-contact);
    --button-shadow: var(--color-plum)
}

.c-cta-button[data-size=sm] {
    --button-height: 3.5rem;
    --button-radius: .75rem;
    --button-padding: .875rem 2.9375rem .875rem 1.0625rem;
    --button-hover-shadow: .125rem
}

.c-lower-fv {
    overflow: hidden;
    background-color: var(--color-white)
}

.c-lower-fv__inner {
    position: relative;
    display: grid;
    min-block-size: 5.375rem;
    border-block-end: .4375rem solid var(--color-divider)
}

.c-lower-fv__title {
    z-index: 1;
    align-self: start;
    margin: 0;
    padding-block-start: 1.25rem;
    color: var(--color-text);
    font-family: var(--zen-maru-gothic);
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em;
    text-align: center
}

.c-lower-fv__visual {
    block-size: 6.125rem
}

.c-lower-fv__visual[data-position=left] {
    position: absolute;
    left: calc(50vw - 10rem);
    bottom: -1.1875rem;
    inline-size: 5.8125rem
}

.c-lower-fv__visual[data-position=right] {
    position: absolute;
    right: calc(50vw - 10rem);
    bottom: -1.1875rem;
    inline-size: 5.625rem
}

.c-lower-fv__visual[data-contact=left] {
    position: absolute;
    left: calc(50vw - 9rem);
    bottom: -.75rem;
    inline-size: 4rem
}

.c-lower-fv__visual[data-contact=right] {
    position: absolute;
    right: calc(50vw - 10.1875rem);
    bottom: -.9375rem;
    inline-size: 4.875rem
}

.c-lower-fv__image,
.c-lower-fv__visual img {
    inline-size: 100%;
    block-size: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.p-about {
    overflow: hidden;
    padding-block: 3.75rem 0
}

.p-about__inner {
    text-align: center
}

.p-about__title {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 15.875rem;
    min-height: 3.1875rem;
    padding-inline: 1.5rem;
    border-radius: 62.4375rem;
    background-color: var(--color-brand);
    color: var(--color-white);
    font-family: var(--zen-maru-gothic);
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-about__title:after {
    position: absolute;
    bottom: -.625rem;
    left: 50%;
    width: 1.25rem;
    height: 1.375rem;
    background-color: inherit;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: "";
    transform: translate(-50%)
}

.p-about__body {
    width: 100%;
    margin: 2.4375rem auto 0
}

.p-about__text {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: var(--fw-regular);
    line-height: 1.8;
    letter-spacing: .02em;
    text-align: left
}

.p-about__note {
    margin: 1.25rem auto 0;
    color: var(--color-text);
    font-size: 1rem;
    letter-spacing: .02em;
    line-height: 1.8;
    text-align: left
}

.p-about__image {
    margin-block-start: 2.1875rem;
    height: auto;
    overflow: hidden
}

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

.p-contact-complete {
    padding-block-start: .4375rem
}

.p-contact-complete__panel {
    overflow: hidden;
    border: 2px solid var(--color-brand-border);
    background-color: var(--color-bg-gray);
    border-radius: .625rem
}

.p-contact-complete__title {
    margin: 0;
    padding-block: 1.8125rem;
    padding-inline: 1.0625rem;
    border-block-end: 1px solid var(--color-brand-border);
    color: #6d6d6d;
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em;
    text-align: center
}

.p-contact-complete__body {
    padding-block: 1.875rem 2.5rem;
    padding-inline: 1.125rem .9375rem;
    color: var(--color-text);
    font-size: max(1rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-contact-complete__text {
    margin: 0
}

.p-contact-complete__note {
    margin-block-start: 1.8125rem;
    font-size: max(.875rem, 10px)
}

.p-contact-complete__note+.p-contact-complete__text {
    margin-block-start: 1.8125rem
}

.p-contact-complete__small {
    font-size: max(.875rem, 10px)
}

.p-contact-confirm {
    counter-reset: confirm-field
}

.p-contact-confirm__steps {
    margin-block-start: 2.125rem
}

.p-contact-confirm__title {
    color: var(--color-text);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-regular);
    line-height: 1.6;
    letter-spacing: .02em
}

.p-contact-confirm__panel {
    overflow: hidden;
    margin-block-start: .5rem;
    margin-inline: auto;
    border: 2px solid var(--color-brand-border);
    background-color: var(--color-bg-gray);
    border-radius: .625rem;
    padding: 1.25rem 1.0625rem 2.25rem
}

.p-contact-confirm__steps[data-variant=inquiry] {
    margin-block-start: 1.75rem
}

.p-contact-confirm__panel[data-variant=inquiry] {
    padding-block-start: 0
}

.p-contact-confirm__panel-head {
    margin-inline: -1.0625rem;
    padding: .625rem 1.0625rem 1.75rem;
    border-block-end: .1875rem solid var(--color-brand-border);
    color: #6d6d6d;
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em;
    text-align: center
}

.p-contact-confirm__trial {
    margin-inline: -1.0625rem;
    margin-block: 0;
    padding: 0 1.0625rem 1.9375rem;
    border-block-end: .1875rem solid var(--color-brand-border)
}

.p-contact-confirm__trial[data-variant=inquiry] {
    padding-block-start: 1.1875rem;
    padding-block-end: .4375rem
}

.p-contact-confirm__trial-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--color-brand)
}

.p-contact-confirm__trial-label {
    position: relative;
    padding-inline-start: 1.125rem;
    font-family: var(--zen-maru-gothic);
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-contact-confirm__trial-label:before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0;
    inline-size: .875rem;
    block-size: .875rem;
    background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2014%202.10449H14.3633V3.1775H16.2712V18.3267H3.72209V3.1775H5.63631V2.10449H2.79514C2.40467%202.10449%202.09033%202.42203%202.09033%202.80926V19.2918C2.09033%2019.6823%202.40467%2019.9998%202.79514%2019.9998H17.2014C17.5921%2019.9998%2017.9094%2019.6823%2017.9094%2019.2918V2.8093C17.9094%202.42203%2017.5921%202.10449%2017.2014%202.10449Z'%20fill='%23428892'/%3e%3cpath%20d='M14.1635%2015.0127H5.83008V16H14.1635V15.0127Z'%20fill='%23428892'/%3e%3cpath%20d='M14.1635%2012.6792H5.83008V13.6634H14.1635V12.6792Z'%20fill='%23428892'/%3e%3cpath%20d='M10.6967%2010.2446V8.62225H12.3188V7.21908H10.6967V5.6001H9.29666V7.21908H7.67432V8.62225H9.29666V10.2446H10.6967Z'%20fill='%23428892'/%3e%3cpath%20d='M13.7283%203.17766V2.10465V1.6127H11.506C11.506%201.57777%2011.5092%201.54605%2011.5092%201.51105C11.5092%200.676133%2010.8331%200%209.99811%200C9.16631%200%208.49006%200.676133%208.49006%201.51105C8.49006%201.54602%208.49006%201.57773%208.49326%201.6127H6.271V2.10465V3.17766V3.57773H13.7283V3.17766ZM9.99811%200.834805C10.2805%200.834805%2010.5029%201.06035%2010.5029%201.33957C10.5029%201.61898%2010.2806%201.84434%209.99811%201.84434C9.71854%201.84434%209.49318%201.61895%209.49318%201.33957C9.49318%201.06035%209.71854%200.834805%209.99811%200.834805Z'%20fill='%23428892'/%3e%3c/svg%3e") center/contain no-repeat;
    content: "";
    transform: translateY(-50%)
}

.p-contact-confirm__trial-number {
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-contact-confirm__trial-name {
    margin-block-start: .8125rem;
    color: var(--color-text);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-contact-confirm__trial-name[data-variant=inquiry] {
    margin-block-start: 1.125rem
}

.p-contact-confirm__field {
    counter-increment: confirm-field;
    margin-block-start: 2rem
}

.p-contact-confirm__question {
    margin-block-start: 1.75rem
}

.p-contact-confirm__message {
    margin-block-start: 1.875rem
}

.p-contact-confirm__line,
.p-contact-confirm__relation {
    margin-block-start: 1.75rem
}

.p-contact-confirm__heading {
    color: var(--color-brand);
    font-family: var(--zen-maru-gothic);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: .03em
}

.p-contact-confirm__heading:before {
    content: counter(confirm-field) ". "
}

.p-contact-confirm__border {
    padding-block-end: .5625rem;
    border-block-end: 1px solid var(--color-border)
}

.p-contact-confirm__choices {
    display: grid;
    gap: .625rem;
    margin-block-start: 1.0625rem
}

.p-contact-confirm__choice {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: .75rem;
    align-items: start;
    color: #2d2d2dde;
    font-size: max(1rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .02em
}

.p-contact-confirm__choice[data-has-extra=true] {
    row-gap: .0625rem
}

.p-contact-confirm__radio {
    position: relative;
    inline-size: 1rem;
    block-size: 1rem;
    margin-block-start: .1875rem;
    border: 1px solid var(--color-brand);
    border-radius: 50%
}

.p-contact-confirm__radio[data-checked=true]:before {
    position: absolute;
    top: .125rem;
    right: .125rem;
    bottom: .125rem;
    left: .125rem;
    border-radius: 50%;
    background-color: var(--color-mint);
    content: ""
}

.p-contact-confirm__text {
    margin-block-start: .8125rem;
    padding-inline: .75rem;
    color: var(--color-text);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-regular);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-contact-confirm__affiliation {
    grid-column: 2;
    inline-size: 100%;
    min-block-size: 3.75rem;
    padding: .5rem .75rem;
    border: 1px solid var(--color-brand);
    border-radius: .5rem;
    background-color: var(--color-white);
    color: var(--color-text);
    font: inherit;
    line-height: 1.4;
    margin-block-start: .375rem
}

.p-contact-confirm__agreement {
    display: grid;
    justify-items: center;
    inline-size: 20rem;
    max-inline-size: 20rem;
    margin-block-start: 1.25rem;
    margin-inline: auto;
    gap: 0;
    text-align: center
}

.p-contact-confirm__agreement-text {
    font-size: max(1rem, 10px);
    line-height: 1.6;
    letter-spacing: .02em;
    text-align: left
}

.p-contact-confirm__agree {
    display: grid;
    grid-template-columns: .5rem 1fr;
    gap: .5rem;
    margin-block-start: 1.25rem;
    align-items: start;
    font-size: max(.875rem, 10px);
    line-height: 1;
    letter-spacing: .02em;
    text-align: left;
    cursor: pointer
}

.p-contact-confirm__check {
    position: relative;
    right: .375rem;
    inline-size: .875rem;
    block-size: .875rem;
    margin-block-start: .125rem;
    border: 1px solid var(--color-brand);
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.p-contact-confirm__check:checked:before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    inline-size: .625rem;
    block-size: .625rem;
    background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2010.327'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group'%3e%3cpath%20id='Vector'%20d='M11.8052%200L5.86753%205.93772L2.19477%202.24982L0.0109922%204.4336L0.00153125%204.44303L0%204.44456L5.86753%2010.327L14%202.19477L11.8052%200Z'%20fill='var(--fill-0,%20%230099FF)'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat;
    content: "";
    transform: translate(-50%, -50%)
}

.p-contact-confirm__link {
    color: #09f;
    font-weight: var(--fw-medium);
    text-decoration: underline;
    text-underline-offset: .375rem
}

.p-contact-confirm__actions {
    display: grid;
    gap: 1.25rem;
    inline-size: min(15.875rem, 100%);
    margin-block-start: 4.0625rem
}

.p-contact-confirm__button {
    --button-height: 3.5rem;
    --button-radius: .9375rem;
    --button-padding: .75rem 2.875rem .75rem .75rem;
    --button-arrow: 1.25rem;
    --button-arrow-end: 1.25rem;
    --button-font: max(1.125rem, 10px);
    --button-hover-shadow: .125rem;
    inline-size: 100%;
    border: 0;
    line-height: 1.4;
    letter-spacing: .03em
}

.p-contact-confirm__button[data-tone=primary] {
    --button-bg: var(--color-mint);
    --button-shadow: var(--color-brand);
    order: 1
}

.p-contact-confirm__button[data-tone=secondary] {
    --button-bg: #e9e9e9;
    --button-shadow: rgb(130 130 130 / 80%);
    order: 2;
    color: var(--color-text)
}

.p-contact-content {
    padding-block-start: 2rem
}

.p-contact-content[data-variant=complete] {
    padding-block-start: .625rem
}

.p-contact-content__lead {
    font-size: max(1rem, 10px);
    line-height: 1.6;
    letter-spacing: .02em
}

.p-contact-content__steps {
    margin-block-start: 2rem
}

.p-contact-content__form {
    margin-block-start: .5rem
}

.p-contact-steps {
    display: flex;
    gap: .5625rem
}

.p-contact-steps__item {
    position: relative;
    color: var(--color-muted);
    font-weight: var(--fw-bold);
    font-size: max(.6875rem, 10px);
    line-height: 1.8;
    white-space: nowrap;
    letter-spacing: .05em
}

.p-contact-steps__item:not(:last-child):after {
    color: var(--color-muted);
    font-weight: var(--fw-bold);
    content: " ＞ ";
    margin-inline-start: .5rem
}

.p-contact-steps__item[data-current=true] {
    color: var(--color-brand);
    font-weight: var(--fw-bold)
}

.p-cta {
    padding-block: 3.125rem 0
}

.p-cta__trial {
    display: grid;
    justify-items: center;
    gap: 5rem;
    padding: 0 1.25rem 3.375rem
}

.p-cta__bubble {
    position: relative;
    display: grid;
    justify-items: center;
    width: min(100%, 20rem);
    min-height: 13.75rem;
    padding: 1.5rem 1.125rem .625rem;
    border: 3px solid var(--color-mint);
    border-radius: 2.625rem;
    background-color: var(--color-white)
}

.p-cta__bubble:before,
.p-cta__bubble:after {
    position: absolute;
    inset-block-start: calc(100% - .025rem);
    inset-inline-start: 50%;
    width: 2rem;
    height: 1.875rem;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transform: translate(-50%);
    content: ""
}

.p-cta__bubble:before {
    background-color: var(--color-mint)
}

.p-cta__bubble:after {
    inset-block-start: calc(100% - .0875rem);
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-white)
}

.p-cta__lead {
    color: var(--color-brand);
    font-family: var(--zen-maru-gothic);
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    line-height: 1.4;
    text-align: center;
    letter-spacing: .03em
}

.p-cta__lead span {
    display: block
}

.p-cta__view[data-view=pc] {
    display: none
}

.p-cta__view[data-view=sp] {
    display: block
}

.p-cta__image {
    max-inline-size: 7.4375rem;
    aspect-ratio: 119/92;
    -o-object-fit: contain;
    object-fit: contain
}

.p-cta__button {
    display: grid;
    inline-size: 100%;
    max-inline-size: 15.875rem
}

.p-cta__button[data-size=sm] {
    margin-block-start: 2.0625rem
}

.p-cta__contact {
    max-inline-size: 100%;
    margin-inline: 1.25rem;
    padding: 1.875rem .9375rem 2.4375rem;
    color: var(--color-text);
    background-color: color-mix(in srgb, var(--color-contact) 20%, transparent)
}

.p-cta__contact-inner {
    position: relative;
    display: grid;
    justify-items: center;
    max-inline-size: 18.75rem;
    margin-inline: auto;
    text-align: center
}

.p-cta__mail-icon {
    display: grid;
    place-items: center;
    width: 2.625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--color-contact)
}

.p-cta__mail-icon:before {
    display: block;
    width: 1.4375rem;
    aspect-ratio: 1;
    background-color: var(--color-white);
    -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20style='width:256px;height:256px'%3e%3cpath%20d='M0%2064v384h512V64H0zm264.132%20202.765c-1.996%201.688-4.95%202.657-8.1%202.657-3.153%200-6.098-.964-8.083-2.642L48%20112h416L264.132%20266.765zM95.11%20194.306l69.518%2058.954L48%20368V160l47.11%2034.306zm104.178%2088.346l16.35%2013.866c10.836%209.215%2025.169%2014.288%2040.361%2014.288%2015.236%200%2029.588-5.071%2040.418-14.282l16.321-13.846L432%20400H80l119.288-117.348zm148.106-29.37L464%20160v208L347.394%20253.282z'%20fill='%234b4b4b'/%3e%3c/svg%3e") no-repeat center/contain;
    mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%20style='width:256px;height:256px'%3e%3cpath%20d='M0%2064v384h512V64H0zm264.132%20202.765c-1.996%201.688-4.95%202.657-8.1%202.657-3.153%200-6.098-.964-8.083-2.642L48%20112h416L264.132%20266.765zM95.11%20194.306l69.518%2058.954L48%20368V160l47.11%2034.306zm104.178%2088.346l16.35%2013.866c10.836%209.215%2025.169%2014.288%2040.361%2014.288%2015.236%200%2029.588-5.071%2040.418-14.282l16.321-13.846L432%20400H80l119.288-117.348zm148.106-29.37L464%20160v208L347.394%20253.282z'%20fill='%234b4b4b'/%3e%3c/svg%3e") no-repeat center/contain;
    content: ""
}

.p-cta__heading {
    margin-block-start: .5rem;
    font-family: var(--zen-maru-gothic);
    font-size: 1.25rem;
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-cta__text {
    margin-block-start: .625rem;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: .02em
}

.p-cta__text span {
    display: block
}

.p-cta__note {
    margin-block-start: 1.25rem;
    font-size: .875rem;
    line-height: 1.6;
    letter-spacing: .02em;
    text-align: left
}

.p-cta__note span {
    color: var(--color-brand);
    font-weight: var(--fw-bold)
}

.p-detail-content {
    padding-block: .125rem 0
}

.p-detail-content__back {
    display: inline-flex;
    margin-block-start: 1.5625rem;
    color: var(--color-text);
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    text-decoration: none
}

.p-detail-content__panel {
    margin-block-start: 1rem;
    padding: 1.25rem 1rem 3.75rem;
    border-radius: .625rem;
    background-color: var(--color-bg-gray);
    box-shadow: 0 0 7px #00000040
}

.p-detail-content__updated {
    color: var(--color-text);
    font-size: max(.625rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    text-align: right
}

.p-detail-content__title {
    margin-block-start: .25rem;
    color: var(--color-brand);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-detail-content__meta {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    justify-content: space-between;
    -moz-column-gap: .125rem;
    column-gap: .125rem;
    row-gap: .5rem;
    margin-block-start: 1.125rem;
    margin-inline: -1rem;
    padding: 1rem 1.125rem 0;
    border-block-start: 4px solid var(--color-divider)
}

.p-detail-content__item {
    display: inline-flex;
    align-items: center;
    gap: .3125rem;
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    white-space: nowrap
}

.p-detail-content__item:before {
    display: block;
    inline-size: .875rem;
    block-size: .875rem;
    flex: 0 0 auto;
    content: ""
}

.p-detail-content__item[data-icon=type]:before {
    background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_249_682)'%3e%3cpath%20d='M11.0298%207.28071C9.50466%207.28071%208.26824%208.51706%208.26824%2010.0423C8.26824%2010.529%208.39459%2010.986%208.61558%2011.383C8.57295%2012.0716%208.00087%2012.6193%207.30169%2012.6193C6.57494%2012.6193%205.98364%2012.0279%205.98364%2011.3012V10.5342C6.04155%2010.4803%206.08382%2010.4137%206.10007%2010.3392L6.13168%2010.1936C6.53735%2010.1123%206.93501%209.97289%207.3205%209.77348C7.39334%209.73588%207.4649%209.69563%207.53635%209.65418C7.69079%208.2445%208.67869%207.08589%209.99674%206.68172C10.2503%206.01896%2010.3784%205.34231%2010.3784%204.6708C10.3784%203.98037%2010.2403%203.33512%209.96792%202.75267C9.70679%202.19275%209.32769%201.70442%208.84191%201.30154C8.55332%201.06077%208.23192%200.854328%207.88124%200.684059C7.71482%200.27825%207.37773%200%206.98789%200C6.4332%200%205.98364%200.562023%205.98364%201.25524C5.98364%201.94854%206.43322%202.51059%206.98789%202.51059C7.25832%202.51059%207.50346%202.37623%207.68398%202.15876C7.77968%202.22253%207.87153%202.28993%207.95816%202.36223C8.28702%202.63588%208.54189%202.96349%208.7164%203.33763C8.90343%203.73551%208.99755%204.1837%208.99755%204.67075C8.99755%205.17404%208.8934%205.70757%208.69879%206.21212C8.50547%206.71051%208.2206%207.18752%207.87656%207.58797C7.52514%207.99846%207.12469%208.32103%206.68656%208.54703C6.56532%208.60951%206.44249%208.66302%206.3186%208.70863C6.23709%208.53229%206.07581%208.41042%205.86496%208.41042H4.72142C4.51057%208.41042%204.34927%208.53229%204.26779%208.70863C4.22409%208.6925%204.18073%208.67423%204.13725%208.65607C4.10072%208.64082%204.06482%208.62498%204.02916%208.60866C3.9859%208.5887%203.94264%208.56912%203.89982%208.54703C3.46167%208.321%203.06125%207.99846%202.70982%207.58797C2.36589%207.18752%202.08092%206.7118%201.8876%206.21212C1.69299%205.70754%201.58884%205.17401%201.58884%204.67075C1.58884%204.18368%201.68296%203.73551%201.87007%203.33763C2.0445%202.96349%202.29934%202.63588%202.62695%202.36223C2.71401%202.28982%202.80627%202.22231%202.90219%202.15854C3.08282%202.37612%203.32793%202.51059%203.5985%202.51059C4.15319%202.51059%204.60272%201.94854%204.60272%201.25524C4.60278%200.562023%204.15322%200%203.59852%200C3.20866%200%202.87156%200.27825%202.70515%200.684031C2.35449%200.854273%202.03309%201.06075%201.74448%201.30151C1.25869%201.70439%200.879625%202.19275%200.618492%202.75264C0.346094%203.33509%200.208008%203.98032%200.208008%204.67078C0.208008%205.35235%200.339805%206.039%200.59968%206.71057C0.849519%207.35451%201.21598%207.96838%201.66171%208.48799C2.12986%209.03284%202.66968%209.46586%203.26591%209.77348C3.65141%209.97289%204.04907%2010.1123%204.45474%2010.1936L4.48635%2010.3392C4.50259%2010.4137%204.54489%2010.4803%204.60278%2010.5342V11.3012C4.60278%2012.7893%205.8135%2014%207.30169%2014C8.36511%2014%209.28389%2013.3801%209.72341%2012.4841C9.72448%2012.4819%209.72587%2012.4797%209.72694%2012.4775C10.1151%2012.6856%2010.5586%2012.8039%2011.0298%2012.8039C12.5551%2012.8039%2013.7916%2011.5676%2013.7916%2010.0423C13.7916%208.51706%2012.5551%207.28071%2011.0298%207.28071ZM11.0298%2011.1229C10.4331%2011.1229%209.94925%2010.6391%209.94925%2010.0423C9.94925%209.44546%2010.4331%208.96161%2011.0298%208.96161C11.6267%208.96161%2012.1106%209.44546%2012.1106%2010.0423C12.1106%2010.6391%2011.6267%2011.1229%2011.0298%2011.1229ZM13.0043%209.46895C12.9737%209.48188%2012.942%209.48795%2012.9108%209.48795C12.8172%209.48795%2012.7283%209.43297%2012.6895%209.34131C12.5988%209.12685%2012.4689%208.93427%2012.3035%208.76868C12.1379%208.60325%2011.9453%208.47336%2011.7308%208.38256C11.6087%208.33099%2011.5516%208.19008%2011.6032%208.06788C11.6549%207.94579%2011.7958%207.88867%2011.918%207.94024C12.1896%208.05517%2012.4335%208.21956%2012.643%208.42912C12.8524%208.63846%2013.0168%208.88243%2013.1319%209.15417C13.1835%209.27637%2013.1263%209.41724%2013.0043%209.46895Z'%20fill='%23A3E6E1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_249_682'%3e%3crect%20width='14'%20height='14'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/contain no-repeat
}

.p-detail-content__item[data-icon=age]:before {
    inline-size: 1.125rem;
    block-size: 1.375rem;
    background: url("data:image/svg+xml,%3csvg%20width='18'%20height='22'%20viewBox='0%200%2018%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='3'%20width='16'%20height='16'%20rx='2'%20fill='%23F0E4BF'/%3e%3cpath%20d='M9.66%2017.08C9.46%2017.08%209.284%2017.012%209.132%2016.876C8.988%2016.74%208.916%2016.56%208.916%2016.336V14.344H3.996C3.82%2014.344%203.672%2014.284%203.552%2014.164C3.432%2014.044%203.372%2013.896%203.372%2013.72C3.372%2013.544%203.432%2013.396%203.552%2013.276C3.672%2013.156%203.82%2013.096%203.996%2013.096H5.556V12.088C5.556%2011.592%205.624%2011.2%205.76%2010.912C5.896%2010.624%206.128%2010.42%206.456%2010.3C6.792%2010.172%207.256%2010.108%207.848%2010.108H8.916V8.74H6.456C6.224%209.084%205.98%209.416%205.724%209.736C5.468%2010.048%205.212%2010.336%204.956%2010.6C4.804%2010.752%204.624%2010.84%204.416%2010.864C4.216%2010.888%204.036%2010.828%203.876%2010.684C3.724%2010.556%203.644%2010.4%203.636%2010.216C3.628%2010.024%203.7%209.852%203.852%209.7C4.18%209.38%204.496%209.016%204.8%208.608C5.112%208.2%205.4%207.784%205.664%207.36C5.928%206.936%206.144%206.544%206.312%206.184C6.4%206.008%206.536%205.888%206.72%205.824C6.912%205.76%207.092%205.772%207.26%205.86C7.436%205.94%207.556%206.064%207.62%206.232C7.684%206.392%207.672%206.56%207.584%206.736C7.48%206.976%207.36%207.216%207.224%207.456H13.428C13.604%207.456%2013.752%207.52%2013.872%207.648C14%207.768%2014.064%207.916%2014.064%208.092C14.064%208.268%2014%208.42%2013.872%208.548C13.752%208.676%2013.604%208.74%2013.428%208.74H10.404V10.108H12.672C12.848%2010.108%2012.996%2010.172%2013.116%2010.3C13.236%2010.42%2013.296%2010.568%2013.296%2010.744C13.296%2010.92%2013.236%2011.072%2013.116%2011.2C12.996%2011.32%2012.848%2011.38%2012.672%2011.38H10.404V13.096H13.956C14.132%2013.096%2014.28%2013.156%2014.4%2013.276C14.52%2013.396%2014.58%2013.544%2014.58%2013.72C14.58%2013.896%2014.52%2014.044%2014.4%2014.164C14.28%2014.284%2014.132%2014.344%2013.956%2014.344H10.404V16.336C10.404%2016.56%2010.332%2016.74%2010.188%2016.876C10.044%2017.012%209.868%2017.08%209.66%2017.08ZM7.032%2013.096H8.916V11.38H7.848C7.512%2011.38%207.292%2011.424%207.188%2011.512C7.084%2011.592%207.032%2011.784%207.032%2012.088V13.096Z'%20fill='%23937113'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-detail-content__item[data-icon=gender]:before {
    background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.99986%206.10909C8.68683%206.10909%2010.0544%204.74152%2010.0544%203.05454C10.0544%201.36757%208.68683%200%206.99986%200C5.31288%200%203.94531%201.36757%203.94531%203.05454C3.94531%204.74152%205.31288%206.10909%206.99986%206.10909Z'%20fill='%23DFBACE'/%3e%3cpath%20d='M8.0823%207.12744H5.91873C3.90521%207.12744%202.2583%208.77427%202.2583%2010.7878V13.986V13.9959V14.0001H11.7415V10.7878C11.7414%208.77427%2010.0945%207.12744%208.0823%207.12744Z'%20fill='%23DFBACE'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-detail-content__item[data-icon=number] {
    position: relative;
    grid-column: 1/-1;
    color: var(--color-plum);
    font-weight: var(--fw-medium)
}

.p-detail-content__item[data-icon=number]:before {
    position: relative;
    inline-size: .5625rem;
    block-size: .625rem;
    background: url("data:image/svg+xml,%3csvg%20width='9'%20height='10'%20viewBox='0%200%209%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.64449%203.97786C8.27078%204.36959%208.27078%205.28178%207.64449%205.67351L1.53028%209.49772C0.864243%209.9143%200%209.43548%200%208.64989V1.00147C0%200.215889%200.864245%20-0.262928%201.53028%200.153652L7.64449%203.97786Z'%20fill='%23DFBACE'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-detail-content__item[data-icon=number]:after {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    inline-size: 7.4375rem;
    block-size: 2px;
    background-color: var(--color-contact);
    content: ""
}

.p-detail-content__link {
    display: inline-flex;
    padding: .5rem;
    margin: -.5rem;
    color: inherit;
    text-decoration: none
}

.p-detail-content__group {
    margin-block-start: 2.125rem
}

.p-detail-content__head {
    display: flex;
    align-items: center;
    gap: .625rem;
    min-block-size: 2rem;
    padding-inline: .6875rem;
    background-color: var(--steps-gold-bg);
    color: var(--color-text);
    font-family: var(--zen-maru-gothic);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-detail-content__head:before {
    content: "";
    position: relative;
    top: .1em;
    left: .1em;
    inline-size: .625rem;
    block-size: .625rem;
    flex: 0 0 auto;
    border-radius: .125rem;
    background-color: var(--steps-gold);
    transform: rotate(45deg)
}

.p-detail-content__head[data-tone=pink] {
    background-color: var(--color-contact)
}

.p-detail-content__head[data-tone=pink]:before {
    background-color: var(--color-plum)
}

.p-detail-content__head[data-tone=mint] {
    background-color: var(--color-mint)
}

.p-detail-content__head[data-tone=mint]:before {
    background-color: var(--color-brand)
}

.p-detail-content__defs {
    display: grid;
    gap: .5rem;
    margin-block-start: .8125rem
}

.p-detail-content__row {
    display: grid;
    gap: .5rem
}

.p-detail-content__term {
    padding-block-end: .28125rem;
    border-block-end: 1px solid var(--steps-gold-bg);
    color: var(--steps-gold);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 2;
    letter-spacing: .02em
}

.p-detail-content__term[data-tone=mint] {
    border-block-end-color: var(--color-mint);
    color: var(--color-brand)
}

.p-detail-content__note {
    font-size: max(.875rem, 10px)
}

.p-detail-content__desc {
    color: var(--color-text);
    font-size: max(1rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-detail-content__condition {
    margin-block-start: .5625rem;
    display: grid;
    gap: .5rem
}

.p-detail-content__condition:not(:first-of-type) {
    margin-block-start: 2rem
}

.p-detail-content__label {
    padding-block-end: .3125rem;
    border-block-end: 1px solid var(--color-contact);
    color: var(--color-plum);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 2;
    letter-spacing: .02em
}

.p-detail-content__points {
    display: grid;
    color: #2d2d2dde;
    font-size: max(1rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-detail-content__point {
    position: relative;
    padding-inline-start: 1.25rem
}

.p-detail-content__point:before {
    content: "";
    position: absolute;
    inset-block-start: .75em;
    inset-inline-start: 0;
    inline-size: .5rem;
    block-size: .5rem;
    border-radius: 50%;
    background-color: var(--color-plum)
}

.p-detail-content__point[data-tone=muted]:before {
    background-color: var(--color-muted)
}

.p-detail-content__contact {
    display: flex;
    justify-content: center;
    margin-block-start: 3.125rem
}

.p-detail-content__button {
    --button-padding: .875rem 2.5rem .875rem .75rem;
    inline-size: min(20.75rem, 100%);
    white-space: nowrap;
}

.p-drawer {
    position: fixed;
    inset: var(--wp-admin-bar-height, 0) 0 0;
    z-index: 1000;
    display: block;
    padding-block: calc(var(--header-height) + .125rem) 0;
    background-color: var(--color-white);
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-out
}

.p-drawer[aria-hidden=false] {
    opacity: 1;
    pointer-events: all
}

.p-drawer__inner {
    inline-size: min(17.5rem, 100% - 5rem);
    margin-inline: auto;
    padding-block-end: calc(3rem + env(safe-area-inset-bottom))
}

.p-drawer__nav-items {
    background-color: transparent
}

.p-toggle-nav-items__item {
    border-block-end: 1px solid var(--color-brand)
}

.p-toggle-nav-items__link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 4.25rem;
    padding: 0;
    background-color: transparent;
    color: var(--color-text);
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.5;
    text-align: center;
    text-decoration: none
}

.p-drawer__trial,
.p-drawer__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: min(15.875rem, 100%);
    min-block-size: 3.625rem;
    margin-inline: auto;
    border-radius: .8125rem;
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    text-decoration: none
}

.p-drawer__trial {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    margin-block-start: 2.4375rem;
    background-color: var(--color-mint);
    box-shadow: 0 .25rem 0 var(--color-brand);
    color: var(--color-text)
}

.p-drawer__trial:after {
    inline-size: 1.25rem;
    block-size: 1.25rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='10.351'%20cy='10.351'%20r='10.351'%20fill='%23428892'/%3e%3cpath%20d='M12.9957%2012.7586L15.3939%2010.3604L12.9957%207.96211'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M15.2133%2010.3096H4.77759'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: ""
}

.p-drawer__contact {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-block-start: 1.6875rem;
    border: .125rem solid var(--color-plum);
    background-color: var(--color-white);
    box-shadow: 0 .25rem 0 var(--color-plum);
    color: var(--color-plum)
}

.p-drawer__contact-icon {
    inline-size: 1.4375rem;
    block-size: 1.4375rem;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.2187%202.50488H0.781325C0.562653%202.50488%200.362653%202.59855%200.225153%202.73926C0.0876526%202.87672%207.45188e-05%203.07355%207.45188e-05%203.28918V16.7111C-0.00297236%2016.9236%200.0876526%2017.1235%200.2282%2017.2642C0.365699%2017.4047%200.565739%2017.4954%200.781325%2017.4954H19.2187C19.4313%2017.4954%2019.6313%2017.4047%2019.7719%2017.2642C19.9126%2017.1235%2020%2016.9236%2020%2016.7111V3.28918C20%203.07355%2019.9126%202.87672%2019.7719%202.73926C19.6344%202.59855%2019.4343%202.50488%2019.2187%202.50488ZM18.8219%204.60723V16.3172H1.17515V4.60172L8.99695%2011.5704H9.00015C9.28136%2011.8205%209.6407%2011.9518%209.99703%2011.9518C10.122%2011.9518%2010.2439%2011.9298%2010.3657%2011.8986H10.4032L10.4971%2011.8642C10.6782%2011.8018%2010.847%2011.7017%2010.997%2011.5705C12.3236%2010.3899%2015.5259%207.53727%2017.6797%205.6191L18.8219%204.60723ZM18.0792%203.68762C16.158%205.39918%2011.8175%209.26543%2010.2157%2010.6923C10.1813%2010.7205%2010.1438%2010.7423%2010.1064%2010.7548C10.0719%2010.7673%2010.0345%2010.7736%209.99699%2010.7736C9.91886%2010.7736%209.84379%2010.7486%209.77816%2010.6892L1.91261%203.68301H11.1814L18.0792%203.68762Z'%20fill='%23793254'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.2187%202.50488H0.781325C0.562653%202.50488%200.362653%202.59855%200.225153%202.73926C0.0876526%202.87672%207.45188e-05%203.07355%207.45188e-05%203.28918V16.7111C-0.00297236%2016.9236%200.0876526%2017.1235%200.2282%2017.2642C0.365699%2017.4047%200.565739%2017.4954%200.781325%2017.4954H19.2187C19.4313%2017.4954%2019.6313%2017.4047%2019.7719%2017.2642C19.9126%2017.1235%2020%2016.9236%2020%2016.7111V3.28918C20%203.07355%2019.9126%202.87672%2019.7719%202.73926C19.6344%202.59855%2019.4343%202.50488%2019.2187%202.50488ZM18.8219%204.60723V16.3172H1.17515V4.60172L8.99695%2011.5704H9.00015C9.28136%2011.8205%209.6407%2011.9518%209.99703%2011.9518C10.122%2011.9518%2010.2439%2011.9298%2010.3657%2011.8986H10.4032L10.4971%2011.8642C10.6782%2011.8018%2010.847%2011.7017%2010.997%2011.5705C12.3236%2010.3899%2015.5259%207.53727%2017.6797%205.6191L18.8219%204.60723ZM18.0792%203.68762C16.158%205.39918%2011.8175%209.26543%2010.2157%2010.6923C10.1813%2010.7205%2010.1438%2010.7423%2010.1064%2010.7548C10.0719%2010.7673%2010.0345%2010.7736%209.99699%2010.7736C9.91886%2010.7736%209.84379%2010.7486%209.77816%2010.6892L1.91261%203.68301H11.1814L18.0792%203.68762Z'%20fill='%23793254'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-footer {
    background-color: #e8f9f7
}

.p-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block-start: 2.1875rem
}

.p-footer__logo {
    display: block;
    inline-size: 17.4375rem;
    text-decoration: none
}

.p-footer__image {
    inline-size: 100%;
    block-size: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.p-footer__text {
    margin-block-start: .9375rem;
    color: var(--color-brand);
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-regular);
    line-height: 1.8;
    letter-spacing: .02em;
    text-align: center
}

.p-footer__nav {
    inline-size: calc(100% + var(--inner-padding) * 2);
    margin-block-start: 2rem;
    margin-inline: calc(var(--inner-padding) * -1)
}

.p-footer__nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%
}

.p-footer__nav-item {
    display: flex;
    align-items: center
}

.p-footer__nav-item:not(:last-child):after {
    content: "";
    display: block;
    inline-size: 1px;
    block-size: 1.5rem;
    margin-inline: .8125rem;
    background-color: var(--color-text-dark)
}

.p-footer__nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2.75rem;
    margin-block: -.5rem;
    margin-inline: -.25rem;
    padding-block: .5rem;
    padding-inline: .625rem;
    color: var(--color-black);
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-regular);
    line-height: 1.4;
    letter-spacing: .02em;
    text-align: center;
    text-decoration: none;
    transition: color var(--hover-transition);
    white-space: nowrap
}

.p-footer__nav-link:hover,
.p-footer__nav-link:focus-visible {
    color: var(--color-brand);
    opacity: 1
}

.p-footer__nav-item:nth-child(2) .p-footer__nav-link {
    line-height: 1.2
}

.p-footer__bottom {
    margin-block-start: 1.875rem;
    padding-block: .4375rem;
    background-color: var(--color-brand);
    text-align: center
}

.p-footer__copyright {
    color: var(--color-white);
    display: block;
    font-size: max(.625rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-form {
    position: relative
}

.p-form__panel {
    border: 2px solid var(--color-brand-border);
    border-radius: .5rem;
    background-color: var(--color-bg-gray);
    padding: .875rem;
    padding-block-end: 2.5rem
}

.p-form__panel[data-variant=contact] {
    padding: 0 1.0625rem 2.5rem
}

.p-form__trial {
    margin-inline: -.875rem;
    margin-block-start: -.875rem;
    padding-block: 1.1875rem .5rem;
    padding-inline: .875rem;
    border-block-end: .125rem solid var(--color-brand-border)
}

.p-form__trial[data-variant=contact] {
    margin-inline: -1.0625rem;
    margin-block-start: 0;
    padding-block: 2rem 1.8125rem;
    padding-inline: 1.0625rem;
    border-block-end-width: .1875rem
}

.p-form__trial-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
    color: var(--color-brand)
}

.p-form__trial-title {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-form__trial-title[data-variant=contact] {
    justify-content: center;
    inline-size: 100%;
    color: #6d6d6d;
    font-size: max(1.25rem, 10px);
    line-height: 1.4
}

.p-form__trial-icon {
    flex: none;
    inline-size: .875rem;
    block-size: .875rem
}

.p-form__trial-number {
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-form__trial-name {
    margin-block-start: 1rem;
    color: var(--color-text);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-form__field {
    --space: .625rem;
    display: grid;
    gap: 1.1875rem
}

.p-form__field:not(:first-of-type) {
    margin-block-start: 1.875rem
}

.p-form__contact {
    gap: 1rem;
    margin-block-start: 2.0625rem
}

.p-form__question {
    margin-block-start: 1.875rem;
    gap: 1.1875rem
}

.p-form__inquiry {
    margin-block-start: 1.3125rem
}

.p-form__message {
    gap: 1.5rem;
    margin-block-start: 1.875rem
}

.p-form__relation[data-variant=inquiry] {
    margin-block-start: 1.25rem
}

.p-form__legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    color: var(--color-brand);
    font-family: var(--zen-maru-gothic);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: .03em
}

.p-form__required {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: -1;
    margin-inline-end: calc(100% - 2.125rem);
    min-inline-size: 2.4375rem;
    min-block-size: .9375rem;
    border-radius: 2px;
    background-color: var(--color-contact);
    color: var(--color-plum);
    font-family: var(--noto-sans);
    font-size: max(.75rem, 10px);
    font-style: normal;
    font-weight: var(--fw-medium)
}

.p-form__choices {
    display: grid;
    gap: .5625rem;
    margin-block-start: 1.25rem
}

.p-form__choice {
    display: grid;
    grid-template-columns: .875rem 1fr;
    gap: .625rem;
    align-items: start;
    color: #2d2d2dde;
    font-size: max(1rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .02em;
    cursor: pointer
}

.p-form__radio,
.p-form__check {
    position: relative;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    margin-block-start: .4375rem;
    border: 1px solid var(--color-brand);
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.p-form__radio {
    inline-size: 1rem;
    block-size: 1rem;
    margin-block-start: .3125rem
}

.p-form__radio:checked:before {
    content: "";
    position: absolute;
    top: .125rem;
    right: .125rem;
    bottom: .125rem;
    left: .125rem;
    border-radius: 50%;
    background-color: var(--color-mint)
}

.p-form__input,
.p-form__textarea {
    inline-size: 100%;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background-color: var(--color-white);
    color: #2d2d2dde;
    font-size: max(1rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-form__input {
    min-block-size: 2.25rem;
    padding: .25rem .75rem
}

.p-form__input[data-variant=contact] {
    block-size: 2.25rem;
    min-block-size: 2.25rem;
    padding: .1875rem .75rem
}

.p-form__textarea {
    field-sizing: content;
    min-block-size: 9.375rem;
    padding-block: .375rem;
    padding-inline: .75rem;
    line-height: 1.4;
    resize: none
}

.p-form__textarea[data-variant=contact] {
    min-block-size: 9.375rem;
    padding-block: .5rem;
    padding-inline: .75rem
}

.p-form__input::-moz-placeholder,
.p-form__textarea::-moz-placeholder {
    color: var(--color-muted);
    font-size: max(1rem, 10px)
}

.p-form__input::placeholder,
.p-form__textarea::placeholder {
    color: var(--color-muted);
    font-size: max(1rem, 10px)
}

.p-form__input-affiliation {
    field-sizing: content;
    grid-column: 2/-1;
    inline-size: 100%;
    min-block-size: 3.75rem;
    padding: .5rem .75rem;
    font-size: max(.875rem, 10px);
    line-height: 1.4;
    cursor: text;
    resize: none
}

.p-form__input-affiliation::-moz-placeholder {
    font-size: max(.875rem, 10px);
    font-weight: var(--fw-regular)
}

.p-form__input-affiliation::placeholder {
    font-size: max(.875rem, 10px);
    font-weight: var(--fw-regular)
}

.p-form__input-affiliation[data-variant=contact] {
    block-size: auto;
    min-block-size: 3.75rem;
    padding: .5rem .75rem
}

.p-form__agreement {
    display: grid;
    justify-items: center;
    gap: 1.125rem;
    margin-block-start: 1rem;
    text-align: center
}

.p-form__agreement-text {
    font-size: max(1rem, 10px);
    line-height: 1.6;
    letter-spacing: .02em;
    text-align: left
}

.p-form__agree {
    display: grid;
    grid-template-columns: .875rem 1fr;
    gap: .5rem;
    align-items: start;
    font-size: max(.875rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    text-align: left;
    cursor: pointer
}

.p-form__check {
    position: relative;
    left: -.25rem;
    border-color: var(--color-text);
    border-radius: 2px;
    inline-size: .875rem;
    block-size: .875rem
}

.p-form__check:checked:before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    inline-size: .625rem;
    block-size: .4375rem;
    background: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20style='display:%20block;'%20viewBox='0%200%2014%2010.327'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group'%3e%3cpath%20id='Vector'%20d='M11.8052%200L5.86753%205.93772L2.19477%202.24982L0.0109922%204.4336L0.00153125%204.44303L0%204.44456L5.86753%2010.327L14%202.19477L11.8052%200Z'%20fill='var(--fill-0,%20%230099FF)'/%3e%3c/g%3e%3c/svg%3e") center/contain no-repeat;
    content: "";
    transform: translate(-50%, -50%)
}

.p-form__link {
    color: #09f;
    font-weight: var(--fw-medium);
    text-decoration: underline;
    text-underline-offset: .25rem
}

.p-form__submit-wrap {
    margin-block-start: 2.6875rem;
    inline-size: 100%;
    max-inline-size: 15.875rem;
    padding-block-end: .25rem
}

.p-form__submit {
    --button-height: 3.5625rem;
    --button-radius: .75rem;
    --button-padding: .625rem 2.75rem .625rem 1.25rem;
    --button-arrow: 1.125rem;
    --button-arrow-end: 1.1875rem;
    --button-font: max(1.125rem, 10px);
    --button-hover-shadow: .125rem;
    inline-size: 100%;
    letter-spacing: .04em;
    text-align: center
}

.p-header {
    position: fixed;
    z-index: 1001;
    inset-block-start: var(--wp-admin-bar-height, 0);
    inset-inline: 0;
    height: var(--header-height);
    background-color: var(--color-white)
}

.p-header__inner {
    display: flex;
    align-items: center;
    height: 100%;
    padding-inline: var(--inner-padding)
}

.p-header__logo {
    inline-size: 13.75rem
}

.p-header__logo a {
    display: block;
    text-decoration: none;
    transition: opacity var(--hover-transition)
}

.p-header__image {
    inline-size: 100%;
    block-size: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.p-header__button {
    position: relative;
    z-index: 1002;
    display: grid;
    place-items: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    margin-inline-start: auto;
    border: 0;
    background-color: transparent
}

.p-header__button span {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: calc(50% + .625rem);
    display: block;
    background-color: #8dd9ff;
    transform: translate(-50%, -50%) translateY(-.21875rem);
    transition: background-color .3s ease-in-out, transform .3s ease-in-out
}

.p-header__button span,
.p-header__button span:after {
    inline-size: 1.25rem;
    block-size: .1875rem;
    border-radius: 100vw
}

.p-header__button span:after {
    position: absolute;
    display: block;
    background-color: var(--color-brand);
    content: "";
    transition: transform .3s ease-in-out;
    transform: translateY(.4375rem)
}

.p-header__button[aria-expanded=true] span {
    transform: translate(-50%, -50%) rotate(45deg)
}

.p-header__button[aria-expanded=true] span:after {
    transform: rotate(-90deg)
}

.p-header__nav {
    display: none
}

.p-header__list {
    display: flex;
    align-items: center;
    height: 100%;
    -moz-column-gap: 1.9375rem;
    column-gap: 1.9375rem
}

.p-header__item {
    display: flex;
    align-items: stretch;
    height: 100%
}

.p-header__link {
    display: flex;
    align-items: center;
    height: 100%;
    margin-inline: -.75rem;
    padding-inline: .75rem;
    color: var(--color-text);
    font-size: max(.875rem, 10px);
    font-weight: var(--fw-medium);
    line-height: normal;
    letter-spacing: .02em;
    text-decoration: none;
    transition: color var(--hover-transition)
}

.p-header__contact {
    display: none
}

.p-header__icon {
    position: relative;
    right: .375rem;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.2187%202.50488H0.781325C0.562653%202.50488%200.362653%202.59855%200.225153%202.73926C0.0876526%202.87672%207.45188e-05%203.07355%207.45188e-05%203.28918V16.7111C-0.00297236%2016.9236%200.0876526%2017.1235%200.2282%2017.2642C0.365699%2017.4047%200.565739%2017.4954%200.781325%2017.4954H19.2187C19.4313%2017.4954%2019.6313%2017.4047%2019.7719%2017.2642C19.9126%2017.1235%2020%2016.9236%2020%2016.7111V3.28918C20%203.07355%2019.9126%202.87672%2019.7719%202.73926C19.6344%202.59855%2019.4343%202.50488%2019.2187%202.50488ZM18.8219%204.60723V16.3172H1.17515V4.60172L8.99695%2011.5704H9.00015C9.28136%2011.8205%209.6407%2011.9518%209.99703%2011.9518C10.122%2011.9518%2010.2439%2011.9298%2010.3657%2011.8986H10.4032L10.4971%2011.8642C10.6782%2011.8018%2010.847%2011.7017%2010.997%2011.5705C12.3236%2010.3899%2015.5259%207.53727%2017.6797%205.6191L18.8219%204.60723ZM18.0792%203.68762C16.158%205.39918%2011.8175%209.26543%2010.2157%2010.6923C10.1813%2010.7205%2010.1438%2010.7423%2010.1064%2010.7548C10.0719%2010.7673%2010.0345%2010.7736%209.99699%2010.7736C9.91886%2010.7736%209.84379%2010.7486%209.77816%2010.6892L1.91261%203.68301H11.1814L18.0792%203.68762Z'%20fill='%23793254'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.2187%202.50488H0.781325C0.562653%202.50488%200.362653%202.59855%200.225153%202.73926C0.0876526%202.87672%207.45188e-05%203.07355%207.45188e-05%203.28918V16.7111C-0.00297236%2016.9236%200.0876526%2017.1235%200.2282%2017.2642C0.365699%2017.4047%200.565739%2017.4954%200.781325%2017.4954H19.2187C19.4313%2017.4954%2019.6313%2017.4047%2019.7719%2017.2642C19.9126%2017.1235%2020%2016.9236%2020%2016.7111V3.28918C20%203.07355%2019.9126%202.87672%2019.7719%202.73926C19.6344%202.59855%2019.4343%202.50488%2019.2187%202.50488ZM18.8219%204.60723V16.3172H1.17515V4.60172L8.99695%2011.5704H9.00015C9.28136%2011.8205%209.6407%2011.9518%209.99703%2011.9518C10.122%2011.9518%2010.2439%2011.9298%2010.3657%2011.8986H10.4032L10.4971%2011.8642C10.6782%2011.8018%2010.847%2011.7017%2010.997%2011.5705C12.3236%2010.3899%2015.5259%207.53727%2017.6797%205.6191L18.8219%204.60723ZM18.0792%203.68762C16.158%205.39918%2011.8175%209.26543%2010.2157%2010.6923C10.1813%2010.7205%2010.1438%2010.7423%2010.1064%2010.7548C10.0719%2010.7673%2010.0345%2010.7736%209.99699%2010.7736C9.91886%2010.7736%209.84379%2010.7486%209.77816%2010.6892L1.91261%203.68301H11.1814L18.0792%203.68762Z'%20fill='%23793254'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.p-lower {
    padding-block-start: var(--header-height);
    color: var(--color-text)
}

.p-lower__outer {
    margin-block-start: 1.5625rem;
    padding-inline: var(--inner-padding)
}

.p-lower__inner.l-inner {
    padding-block: 1.5625rem 4rem
}

.p-mv {
    --top-offset: 3.4375rem;
    position: relative;
    padding-block-start: 1.625rem;
    overflow: hidden;
    background: #ebf7f8
}

.p-mv__inner {
    position: relative
}

.p-mv__content {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 1.125rem;
    text-align: center
}

.p-mv__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--zen-maru-gothic);
    font-size: 1.25rem;
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-mv__button {
    display: grid;
    inline-size: 100%;
    max-inline-size: 15.875rem
}

.p-mv__image {
    margin-block-start: -.3125rem
}

.p-mv__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-steps {
    --steps-side-space: 2.8125rem;
    --steps-card-width: 16.875rem;
    overflow: hidden;
    padding-block: 2.5rem 3.75rem;
    background-color: #f9f9f9
}

.p-steps__inner {
    display: grid;
    gap: 1rem;
    padding-inline: var(--steps-side-space)
}

.p-steps__header {
    justify-self: center;
    inline-size: min(100%, 15.875rem);
    --balloon-color: var(--steps-accent)
}

.p-steps .p-steps__slider {
    justify-self: center;
    width: var(--steps-card-width);
    min-width: 0;
    visibility: visible
}

.p-steps__track {
    min-width: 0;
    padding-block-start: 2.625rem
}

.p-steps__list {
    display: flex;
    grid-auto-columns: var(--steps-card-width);
    grid-auto-flow: column
}

.p-steps__item {
    display: flex;
    width: var(--steps-card-width);
    min-width: 0
}

.p-steps__card {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 22.3125rem;
    padding-inline: 1.25rem;
    padding-block: 1.5rem 1.25rem;
    border: 1px solid var(--color-brand);
    border-radius: .625rem;
    background-color: var(--color-white);
    color: var(--color-text);
    text-decoration: none;
    text-align: center
}

.p-steps__number {
    position: absolute;
    inset-block-start: -2.625rem;
    inset-inline-start: 50%;
    display: grid;
    place-items: center;
    width: 4.0625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--steps-gold-bg);
    color: var(--steps-gold);
    font-size: max(1.875rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1;
    transform: translate(-50%)
}

.p-steps__item:nth-child(2n) .p-steps__number {
    background-color: var(--color-contact);
    color: var(--color-plum)
}

.p-steps__image {
    display: grid;
    align-items: center;
    justify-items: center;
    min-height: 6.25rem
}

.p-steps__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.p-steps__title {
    color: var(--steps-gold);
    font-family: var(--zen-maru-gothic);
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .04em
}

.p-steps__item:nth-child(2n) .p-steps__title {
    color: var(--color-plum)
}

.p-steps__text {
    color: var(--color-text);
    font-size: max(1rem, 10px);
    font-weight: var(--fw-regular);
    line-height: 1.6;
    letter-spacing: .02em;
    text-align: start
}

.p-steps .splide__pagination {
    display: flex;
    justify-content: center;
    gap: 1.0625rem;
    margin-block-start: 1.875rem;
    padding: 0
}

.p-steps .splide__pagination li {
    display: flex
}

.p-steps .splide__pagination__page {
    width: .8125rem;
    aspect-ratio: 1;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: var(--color-border);
    cursor: pointer
}

.p-steps .splide__pagination__page.is-active {
    background-color: var(--color-brand)
}

.p-trial-card {
    border-radius: .625rem;
    background-color: #fdfdfd;
    box-shadow: 0 0 .4375rem #00000040;
    overflow: hidden;
    transition: background-color var(--hover-transition), border-color var(--hover-transition), box-shadow var(--hover-transition)
}

.p-trial-card:focus-within {
    border-color: var(--color-brand);
    background-color: var(--color-white);
    box-shadow: 0 .1875rem .4375rem #00000040
}

.p-trial-card__link {
    display: grid;
    padding: 1.25rem 1.0625rem 0;
    color: inherit;
    text-decoration: none
}

.p-trial-card__link:focus-visible {
    opacity: 1
}

.p-trial-card__label {
    display: grid;
    place-items: center;
    inline-size: 3.4375rem;
    block-size: 1.0625rem;
    border-radius: .3125rem;
    background-color: var(--steps-gold-bg);
    color: var(--steps-gold);
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em
}

.p-trial-card__head {
    min-inline-size: 0
}

.p-trial-card__disease {
    margin-block-start: .5rem;
    overflow: hidden;
    color: var(--steps-gold);
    font-size: max(1.25rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: .03em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-trial-card__title {
    display: -webkit-box;
    min-inline-size: 0;
    margin-block-start: .875rem;
    overflow: hidden;
    color: var(--color-brand);
    font-size: max(1.125rem, 10px);
    font-weight: var(--fw-medium);
    line-height: 1.2;
    letter-spacing: .03em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.p-trial-card__purpose {
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    block-size: 3.4375rem;
    gap: .5rem;
    margin-block-start: .25rem
}

.p-trial-card__purpose-term {
    font-family: var(--zen-maru-gothic);
    font-size: max(.875rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.4;
    letter-spacing: .03em;
    white-space: nowrap
}

.p-trial-card__purpose-desc {
    display: -webkit-box;
    padding-inline-start: .875rem;
    overflow: hidden;
    border-inline-start: 1px solid var(--color-border);
    font-size: max(.875rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.p-trial-card__meta {
    margin-block-start: .4375rem;
    display: grid;
    grid-template-columns: repeat(3, max-content);
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    row-gap: .375rem;
    margin-inline: -1.0625rem;
    padding-block: .625rem 1.625rem;
    padding-inline: 1.1875rem;
    border-block-start: .1875rem solid var(--color-divider)
}

.p-trial-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: .3125rem;
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em;
    white-space: nowrap
}

.p-trial-card__meta-item:before {
    display: block;
    inline-size: .875rem;
    block-size: .875rem;
    flex: 0 0 auto;
    content: ""
}

.p-trial-card__meta-item[data-icon=type]:before {
    background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_249_682)'%3e%3cpath%20d='M11.0298%207.28071C9.50466%207.28071%208.26824%208.51706%208.26824%2010.0423C8.26824%2010.529%208.39459%2010.986%208.61558%2011.383C8.57295%2012.0716%208.00087%2012.6193%207.30169%2012.6193C6.57494%2012.6193%205.98364%2012.0279%205.98364%2011.3012V10.5342C6.04155%2010.4803%206.08382%2010.4137%206.10007%2010.3392L6.13168%2010.1936C6.53735%2010.1123%206.93501%209.97289%207.3205%209.77348C7.39334%209.73588%207.4649%209.69563%207.53635%209.65418C7.69079%208.2445%208.67869%207.08589%209.99674%206.68172C10.2503%206.01896%2010.3784%205.34231%2010.3784%204.6708C10.3784%203.98037%2010.2403%203.33512%209.96792%202.75267C9.70679%202.19275%209.32769%201.70442%208.84191%201.30154C8.55332%201.06077%208.23192%200.854328%207.88124%200.684059C7.71482%200.27825%207.37773%200%206.98789%200C6.4332%200%205.98364%200.562023%205.98364%201.25524C5.98364%201.94854%206.43322%202.51059%206.98789%202.51059C7.25832%202.51059%207.50346%202.37623%207.68398%202.15876C7.77968%202.22253%207.87153%202.28993%207.95816%202.36223C8.28702%202.63588%208.54189%202.96349%208.7164%203.33763C8.90343%203.73551%208.99755%204.1837%208.99755%204.67075C8.99755%205.17404%208.8934%205.70757%208.69879%206.21212C8.50547%206.71051%208.2206%207.18752%207.87656%207.58797C7.52514%207.99846%207.12469%208.32103%206.68656%208.54703C6.56532%208.60951%206.44249%208.66302%206.3186%208.70863C6.23709%208.53229%206.07581%208.41042%205.86496%208.41042H4.72142C4.51057%208.41042%204.34927%208.53229%204.26779%208.70863C4.22409%208.6925%204.18073%208.67423%204.13725%208.65607C4.10072%208.64082%204.06482%208.62498%204.02916%208.60866C3.9859%208.5887%203.94264%208.56912%203.89982%208.54703C3.46167%208.321%203.06125%207.99846%202.70982%207.58797C2.36589%207.18752%202.08092%206.7118%201.8876%206.21212C1.69299%205.70754%201.58884%205.17401%201.58884%204.67075C1.58884%204.18368%201.68296%203.73551%201.87007%203.33763C2.0445%202.96349%202.29934%202.63588%202.62695%202.36223C2.71401%202.28982%202.80627%202.22231%202.90219%202.15854C3.08282%202.37612%203.32793%202.51059%203.5985%202.51059C4.15319%202.51059%204.60272%201.94854%204.60272%201.25524C4.60278%200.562023%204.15322%200%203.59852%200C3.20866%200%202.87156%200.27825%202.70515%200.684031C2.35449%200.854273%202.03309%201.06075%201.74448%201.30151C1.25869%201.70439%200.879625%202.19275%200.618492%202.75264C0.346094%203.33509%200.208008%203.98032%200.208008%204.67078C0.208008%205.35235%200.339805%206.039%200.59968%206.71057C0.849519%207.35451%201.21598%207.96838%201.66171%208.48799C2.12986%209.03284%202.66968%209.46586%203.26591%209.77348C3.65141%209.97289%204.04907%2010.1123%204.45474%2010.1936L4.48635%2010.3392C4.50259%2010.4137%204.54489%2010.4803%204.60278%2010.5342V11.3012C4.60278%2012.7893%205.8135%2014%207.30169%2014C8.36511%2014%209.28389%2013.3801%209.72341%2012.4841C9.72448%2012.4819%209.72587%2012.4797%209.72694%2012.4775C10.1151%2012.6856%2010.5586%2012.8039%2011.0298%2012.8039C12.5551%2012.8039%2013.7916%2011.5676%2013.7916%2010.0423C13.7916%208.51706%2012.5551%207.28071%2011.0298%207.28071ZM11.0298%2011.1229C10.4331%2011.1229%209.94925%2010.6391%209.94925%2010.0423C9.94925%209.44546%2010.4331%208.96161%2011.0298%208.96161C11.6267%208.96161%2012.1106%209.44546%2012.1106%2010.0423C12.1106%2010.6391%2011.6267%2011.1229%2011.0298%2011.1229ZM13.0043%209.46895C12.9737%209.48188%2012.942%209.48795%2012.9108%209.48795C12.8172%209.48795%2012.7283%209.43297%2012.6895%209.34131C12.5988%209.12685%2012.4689%208.93427%2012.3035%208.76868C12.1379%208.60325%2011.9453%208.47336%2011.7308%208.38256C11.6087%208.33099%2011.5516%208.19008%2011.6032%208.06788C11.6549%207.94579%2011.7958%207.88867%2011.918%207.94024C12.1896%208.05517%2012.4335%208.21956%2012.643%208.42912C12.8524%208.63846%2013.0168%208.88243%2013.1319%209.15417C13.1835%209.27637%2013.1263%209.41724%2013.0043%209.46895Z'%20fill='%23A3E6E1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_249_682'%3e%3crect%20width='14'%20height='14'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/contain no-repeat
}

.p-trial-card__meta-item[data-icon=age]:before {
    inline-size: 1.125rem;
    block-size: 1.375rem;
    background: url("data:image/svg+xml,%3csvg%20width='18'%20height='22'%20viewBox='0%200%2018%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='3'%20width='16'%20height='16'%20rx='2'%20fill='%23F0E4BF'/%3e%3cpath%20d='M9.66%2017.08C9.46%2017.08%209.284%2017.012%209.132%2016.876C8.988%2016.74%208.916%2016.56%208.916%2016.336V14.344H3.996C3.82%2014.344%203.672%2014.284%203.552%2014.164C3.432%2014.044%203.372%2013.896%203.372%2013.72C3.372%2013.544%203.432%2013.396%203.552%2013.276C3.672%2013.156%203.82%2013.096%203.996%2013.096H5.556V12.088C5.556%2011.592%205.624%2011.2%205.76%2010.912C5.896%2010.624%206.128%2010.42%206.456%2010.3C6.792%2010.172%207.256%2010.108%207.848%2010.108H8.916V8.74H6.456C6.224%209.084%205.98%209.416%205.724%209.736C5.468%2010.048%205.212%2010.336%204.956%2010.6C4.804%2010.752%204.624%2010.84%204.416%2010.864C4.216%2010.888%204.036%2010.828%203.876%2010.684C3.724%2010.556%203.644%2010.4%203.636%2010.216C3.628%2010.024%203.7%209.852%203.852%209.7C4.18%209.38%204.496%209.016%204.8%208.608C5.112%208.2%205.4%207.784%205.664%207.36C5.928%206.936%206.144%206.544%206.312%206.184C6.4%206.008%206.536%205.888%206.72%205.824C6.912%205.76%207.092%205.772%207.26%205.86C7.436%205.94%207.556%206.064%207.62%206.232C7.684%206.392%207.672%206.56%207.584%206.736C7.48%206.976%207.36%207.216%207.224%207.456H13.428C13.604%207.456%2013.752%207.52%2013.872%207.648C14%207.768%2014.064%207.916%2014.064%208.092C14.064%208.268%2014%208.42%2013.872%208.548C13.752%208.676%2013.604%208.74%2013.428%208.74H10.404V10.108H12.672C12.848%2010.108%2012.996%2010.172%2013.116%2010.3C13.236%2010.42%2013.296%2010.568%2013.296%2010.744C13.296%2010.92%2013.236%2011.072%2013.116%2011.2C12.996%2011.32%2012.848%2011.38%2012.672%2011.38H10.404V13.096H13.956C14.132%2013.096%2014.28%2013.156%2014.4%2013.276C14.52%2013.396%2014.58%2013.544%2014.58%2013.72C14.58%2013.896%2014.52%2014.044%2014.4%2014.164C14.28%2014.284%2014.132%2014.344%2013.956%2014.344H10.404V16.336C10.404%2016.56%2010.332%2016.74%2010.188%2016.876C10.044%2017.012%209.868%2017.08%209.66%2017.08ZM7.032%2013.096H8.916V11.38H7.848C7.512%2011.38%207.292%2011.424%207.188%2011.512C7.084%2011.592%207.032%2011.784%207.032%2012.088V13.096Z'%20fill='%23937113'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-trial-card__meta-item[data-icon=gender]:before {
    background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.99986%206.10909C8.68683%206.10909%2010.0544%204.74152%2010.0544%203.05454C10.0544%201.36757%208.68683%200%206.99986%200C5.31288%200%203.94531%201.36757%203.94531%203.05454C3.94531%204.74152%205.31288%206.10909%206.99986%206.10909Z'%20fill='%23DFBACE'/%3e%3cpath%20d='M8.0823%207.12744H5.91873C3.90521%207.12744%202.2583%208.77427%202.2583%2010.7878V13.986V13.9959V14.0001H11.7415V10.7878C11.7414%208.77427%2010.0945%207.12744%208.0823%207.12744Z'%20fill='%23DFBACE'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-trial-card__meta-item[data-icon=number] {
    position: relative;
    grid-column: 1/-1;
    color: var(--color-plum);
    font-weight: var(--fw-medium);
    inline-size: -moz-max-content;
    inline-size: max-content
}

.p-trial-card__meta-item[data-icon=number]:before {
    position: relative;
    inline-size: .5625rem;
    block-size: .625rem;
    background: url("data:image/svg+xml,%3csvg%20width='9'%20height='10'%20viewBox='0%200%209%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.64449%203.97786C8.27078%204.36959%208.27078%205.28178%207.64449%205.67351L1.53028%209.49772C0.864243%209.9143%200%209.43548%200%208.64989V1.00147C0%200.215889%200.864245%20-0.262928%201.53028%200.153652L7.64449%203.97786Z'%20fill='%23DFBACE'/%3e%3c/svg%3e") center/contain no-repeat
}

.p-trial-card__meta-item[data-icon=number]:after {
    content: "";
    position: absolute;
    inset-block-end: -.25rem;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 2px;
    background-color: var(--color-contact)
}

.p-trial {
    padding-block: 3.5rem 1.5rem
}

.p-trial__inner {
    margin-inline: auto
}

.p-trial__header {
    display: flex;
    justify-content: center;
    inline-size: min(100%, 15.875rem);
    margin-inline: auto;
    --balloon-spacing: .03em
}

.p-trial__body {
    margin-block-start: 1.75rem;
    display: grid;
    justify-items: center
}

.p-trial__figure {
    position: relative;
    width: 14.625rem;
    overflow: visible
}

.p-trial__figure[data-index="1"] {
    width: 13.6875rem;
    height: 8.875rem
}

.p-trial__figure[data-index="2"] {
    height: 9.625rem;
    margin-block-start: 2.5rem
}

.p-trial__figure[data-index="3"] {
    width: 12.8125rem;
    height: 8.4375rem;
    margin-block-start: 1.9375rem
}

.p-trial__image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.p-trial__text {
    margin-block-start: .375rem;
    color: var(--color-text);
    font-size: 1rem;
    font-weight: var(--fw-regular);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-trials-list {
    position: relative
}

.p-trials-list__inner {
    display: grid;
    row-gap: 1.5rem
}

.p-trials-pager {
    position: relative
}

.p-trials-pager__nav {
    display: grid;
    justify-content: center;
    text-align: center
}

.p-trials-pager__count {
    color: var(--color-text);
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-trials-pager__pages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-block-start: 1rem
}

.p-trials-pager__page,
.p-trials-pager__current {
    color: var(--color-text);
    font-family: var(--roboto);
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    text-decoration: none
}

.p-trials-pager__current {
    color: var(--color-muted)
}

:where(.p-trials-pager__page, .p-trials-pager__current, .p-trials-pager__prev, .p-trials-pager__next) {
    padding: .625rem
}

.p-trials-pager__prev,
.p-trials-pager__next {
    position: relative;
    inset-block-start: .09375rem;
    display: grid;
    place-items: center
}

.p-trials-pager__prev:before,
.p-trials-pager__next:before {
    content: "";
    display: block;
    inline-size: .4375rem;
    block-size: .375rem;
    background-color: var(--color-muted);
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.p-trials-pager__next:before {
    background-color: var(--color-black);
    transform: rotate(180deg)
}

.p-trials-pager__prev[data-disabled=true] {
    pointer-events: none
}

.p-trials-pager__prev[data-disabled=true]:before {
    background-color: var(--color-muted)
}

.p-trials-search {
    position: relative
}

.p-trials-search__inner {
    display: grid;
    justify-items: center;
    padding-block-start: 1.5625rem
}

.p-trials-search__balloon {
    --balloon-bg: var(--color-balloon);
    position: relative;
    inline-size: min(20rem, 100%);
    padding: .5625rem 1.5625rem;
    border-radius: 1.875rem;
    background-color: var(--balloon-bg);
    color: var(--color-plum);
    font-size: max(.75rem, 10px);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    letter-spacing: .03em
}

.p-trials-search__balloon:after {
    position: absolute;
    inset-block-end: -.875rem;
    inset-inline-start: 50%;
    inline-size: 1.5rem;
    block-size: 1.125rem;
    background-color: var(--balloon-bg);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: "";
    transform: translate(-50%)
}

.p-trials-search__form {
    display: grid;
    grid-template-columns: 1fr 2.25rem;
    inline-size: min(20rem, 100%);
    min-block-size: 1.8125rem;
    margin-block-start: 1.6875rem;
    overflow: hidden;
    border: 1px solid var(--color-border);
    background-color: var(--color-white)
}

.p-trials-search__input {
    min-inline-size: 0;
    padding: .25rem .8125rem;
    border: 0;
    color: var(--color-text);
    font-size: max(.875rem, 10px);
    line-height: 1.4
}

.p-trials-search__input::-moz-placeholder {
    color: var(--color-muted);
    font-size: max(.875rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-trials-search__input::placeholder {
    color: var(--color-muted);
    font-size: max(.875rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

.p-trials-search__button {
    border: 0;
    background: var(--color-brand) url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_144_1074)'%3e%3cpath%20d='M27.2617%2023.8234L22.4397%2018.9874L21.5718%2018.1158C21.5716%2018.116%2021.5714%2018.1162%2021.5714%2018.1162L21.5683%2018.1133C21.5351%2018.1623%2021.4992%2018.2093%2021.4652%2018.258C21.3006%2018.4941%2021.1284%2018.7235%2020.9494%2018.9469C20.8651%2019.0518%2020.7794%2019.1551%2020.6919%2019.2574C20.5161%2019.4629%2020.334%2019.6622%2020.146%2019.8554C20.0512%2019.9529%2019.9552%2020.0487%2019.8574%2020.1431C19.6441%2020.3484%2019.4249%2020.5477%2019.1969%2020.7378C19.1338%2020.7908%2019.0704%2020.8438%2019.0061%2020.8956C18.7144%2021.1292%2018.4147%2021.354%2018.1013%2021.5623L18.1017%2021.5629C18.1005%2021.5637%2018.0994%2021.5645%2018.0981%2021.5654L23.7956%2027.2794C24.2725%2027.7575%2024.9005%2027.9993%2025.525%2028.0001C26.1534%2028.0009%2026.7783%2027.7612%2027.2565%2027.2843C28.217%2026.3307%2028.2193%2024.7799%2027.2617%2023.8234Z'%20fill='white'/%3e%3cpath%20d='M22.1233%2011.0671C22.1252%209.7777%2021.903%208.54012%2021.497%207.38818C21.4906%207.36997%2021.485%207.35154%2021.4784%207.33355C21.4295%207.19716%2021.377%207.06285%2021.3229%206.92914C21.309%206.89436%2021.2962%206.85936%2021.2819%206.82479C21.2291%206.69792%2021.1727%206.57268%2021.1153%206.44805C21.0977%206.40977%2021.0813%206.37105%2021.0633%206.33299C21.002%206.20382%2020.9371%206.07694%2020.871%205.95045C20.8549%205.91944%2020.8398%205.88756%2020.823%205.8565C20.7441%205.70917%2020.6615%205.56381%2020.5762%205.42058C20.5719%205.41293%2020.5678%205.40527%2020.5632%205.39761C19.5355%203.679%2018.0551%202.26172%2016.287%201.3112C16.2746%201.30458%2016.2617%201.2984%2016.2491%201.29173C16.1034%201.21413%2015.9562%201.13915%2015.8068%201.068C15.7952%201.06264%2015.7834%201.05761%2015.7718%201.05225C14.3494%200.38091%2012.7626%200.00230875%2011.0882%201.18733e-05C4.99462%20-0.0088475%200.0299222%204.9413%200.0210081%2011.035C0.0120941%2017.1286%204.96252%2022.0935%2011.0561%2022.1024C17.1498%2022.1111%2022.1145%2017.1607%2022.1233%2011.0671ZM17.8769%2011.0608C17.8713%2014.8129%2014.8145%2017.8611%2011.0623%2017.8558C7.31019%2017.8502%204.26202%2014.7934%204.2676%2011.0411C4.27296%207.28904%207.33005%204.24086%2011.082%204.24644C14.8342%204.25186%2017.8823%207.30872%2017.8769%2011.0608Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_144_1074'%3e%3crect%20width='28'%20height='28'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/1.125rem 1.125rem no-repeat;
    cursor: pointer
}

.p-trials-search__count {
    margin-block-start: .5rem;
    font-size: max(.75rem, 10px);
    line-height: 1.8;
    letter-spacing: .02em
}

[data-fadein] {
    opacity: 0;
    transform: translateY(2.5rem);
    transition: opacity 1.4s cubic-bezier(.2, .6, .2, 1), transform .6s cubic-bezier(.2, .6, .2, 1)
}

[data-fadein].is-show {
    opacity: 1;
    transform: translateY(0)
}

:is(div, figure):has(>.u-no-image) {
    background-color: #ccc
}

img.u-no-image[class=u-no-image] {
    padding: 10% 20%;
    -o-object-fit: contain;
    object-fit: contain
}

.u-pc {
    display: none
}

.u-screen-reader {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

@media screen and (min-width:768px) {
    :root {
        --header-height: 4.6875rem;
        --inner-padding: 3.125rem;
        --inner: 68.75rem
    }

    html {
        font-size: 1.3333333333vw;
        font-size: 1.3333333333cqi
    }

    a[href^="tel:"] {
        pointer-events: none
    }

    .l-footer {
        margin-block-start: 6.25rem
    }

    .l-inner {
        max-width: calc(var(--inner) + var(--inner-padding) * 2)
    }

    .l-trials-list {
        margin-block-start: 2.875rem
    }

    .l-trials-pager {
        margin-block-start: 2.125rem
    }

    .l-trials-search {
        margin-block-start: 0
    }

    .c-balloon-title {
        font-size: 1.75rem;
        min-block-size: 5rem
    }

    .c-balloon-title:before {
        border-width: .875rem .4375rem 0 .4375rem
    }

    .c-balloon-title:after {
        border-width: .59375rem .3rem 0 .3rem
    }

    .c-breadcrumb__list {
        font-size: max(.875rem, 10px)
    }

    .c-breadcrumb__item:not(:last-child):after {
        margin-inline-start: .625rem
    }

    .c-cta-button {
        --button-height: 5.9375rem;
        --button-radius: 1.25rem;
        --button-padding: 1.125rem 5.625rem 1.125rem 1.6875rem;
        --button-arrow: 2.4375rem;
        --button-arrow-end: 2.125rem;
        --button-font: 1.4375rem;
        letter-spacing: .04em
    }

    .c-cta-button[data-size=sm] {
        --button-height: 3.5rem;
        --button-radius: .9375rem;
        --button-padding: .875rem 4.375rem .875rem 1.875rem;
        --button-arrow: 1.75rem;
        --button-arrow-end: 1.875rem;
        --button-font: 1.125rem
    }

    .c-lower-fv__inner {
        min-block-size: 11.4375rem;
        border-block-end-width: .75rem
    }

    .c-lower-fv__title {
        padding-block-start: 5.0625rem;
        font-size: max(1.5625rem, 10px);
        text-indent: .3em
    }

    .c-lower-fv__visual {
        block-size: 12.3125rem
    }

    .c-lower-fv__visual[data-position=left] {
        left: calc(50vw - 23.375rem);
        inline-size: 12.125rem;
        bottom: -2.125rem
    }

    .c-lower-fv__visual[data-position=right] {
        right: calc(50vw - 23.5rem);
        inline-size: 11.5625rem;
        bottom: -1.875rem
    }

    .c-lower-fv__visual[data-contact=left] {
        left: calc(50vw - 23.375rem);
        inline-size: 8.125rem;
        bottom: -1.375rem
    }

    .c-lower-fv__visual[data-contact=right] {
        right: calc(50vw - 25.625rem);
        inline-size: 11.25rem;
        bottom: -1.125rem
    }

    .p-about__inner {
        max-width: calc(55rem + var(--inner-padding) * 2)
    }

    .p-about__title {
        min-width: 23.125rem;
        min-height: 4.6875rem;
        font-size: 1.75rem
    }

    .p-about__title:after {
        bottom: -.8125rem;
        width: 1.8125rem;
        height: 2rem
    }

    .p-about__body {
        margin-top: 4.5625rem
    }

    .p-about__text {
        font-size: 1.125rem
    }

    .p-about__note {
        margin-top: 1.375rem;
        font-size: 1.125rem
    }

    .p-about__image {
        inline-size: 100%;
        margin-block-start: 3.9375rem;
        margin-inline: auto
    }

    .p-contact-complete {
        padding-block-start: 1.5rem
    }

    .p-contact-complete__panel {
        border-radius: 1.25rem
    }

    .p-contact-complete__title {
        padding: 3.9375rem 1.25rem 2.25rem;
        border-block-end-width: .25rem;
        font-size: max(1.75rem, 10px)
    }

    .p-contact-complete__body {
        padding: 1.4375rem 5.625rem 3.5625rem;
        font-size: max(1.125rem, 10px)
    }

    .p-contact-complete__note {
        margin-block-start: 0
    }

    .p-contact-confirm__steps {
        margin-block-start: 4.125rem
    }

    .p-contact-confirm__title {
        font-size: max(1.125rem, 10px)
    }

    .p-contact-confirm__panel {
        inline-size: 100%;
        max-inline-size: 60.125rem;
        margin-block-start: 1.625rem;
        border-radius: 1.25rem;
        padding: 0 4.625rem 2.5rem
    }

    .p-contact-confirm__steps[data-variant=inquiry] {
        margin-block-start: 4.375rem
    }

    .p-contact-confirm__panel[data-variant=inquiry] {
        margin-block-start: 1.25rem;
        padding-block-start: 1.875rem
    }

    .p-contact-confirm__panel-head {
        margin-inline: -4.625rem;
        padding: 3.125rem 4.625rem 3.5rem;
        border-block-end-width: .25rem;
        font-size: max(1.75rem, 10px)
    }

    .p-contact-confirm__trial {
        margin-inline: -4.625rem;
        padding: 0 4.625rem 2rem;
        border-block-end-width: .25rem
    }

    .p-contact-confirm__trial[data-variant=inquiry] {
        padding-block-start: 0;
        padding-block-end: 1.75rem
    }

    .p-contact-confirm__trial-head {
        padding-inline-end: .625rem
    }

    .p-contact-confirm__trial-label {
        padding-inline-start: 1.875rem;
        font-size: max(1.125rem, 10px)
    }

    .p-contact-confirm__trial-label:before {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-contact-confirm__trial-number {
        font-size: max(1rem, 10px)
    }

    .p-contact-confirm__trial-name {
        margin-block-start: 1.25rem;
        font-size: max(1.5625rem, 10px)
    }

    .p-contact-confirm__trial-name[data-variant=inquiry] {
        margin-block-start: .625rem
    }

    .p-contact-confirm__field {
        margin-block-start: 2.8125rem
    }

    .p-contact-confirm__question {
        margin-block-start: 2.375rem
    }

    .p-contact-confirm__message {
        margin-block-start: 2.25rem
    }

    .p-contact-confirm__line,
    .p-contact-confirm__relation {
        margin-block-start: 2.375rem
    }

    .p-contact-confirm__heading {
        font-size: max(1.5625rem, 10px);
        line-height: 1.4
    }

    .p-contact-confirm__border {
        padding-block-end: .4375rem
    }

    .p-contact-confirm__choices {
        gap: .4375rem;
        margin-block-start: 1.125rem;
        padding-inline-start: 0
    }

    .p-contact-confirm__choice {
        grid-template-columns: 1.25rem 1fr;
        gap: 1rem;
        font-size: max(1.25rem, 10px);
        line-height: 1.8
    }

    .p-contact-confirm__choice[data-has-extra=true] {
        grid-template-columns: 1.25rem max-content 29.125rem;
        row-gap: .75rem;
        align-items: center
    }

    .p-contact-confirm__radio {
        inline-size: 1.25rem;
        block-size: 1.25rem;
        margin-block-start: .5rem
    }

    .p-contact-confirm__radio[data-has-extra=true] {
        margin-block-start: 0
    }

    .p-contact-confirm__radio[data-checked=true]:before {
        top: .1875rem;
        right: .1875rem;
        bottom: .1875rem;
        left: .1875rem
    }

    .p-contact-confirm__text {
        padding-inline-start: 1.375rem;
        font-size: max(1.125rem, 10px)
    }

    .p-contact-confirm__affiliation {
        margin-block-start: 0;
        align-content: center;
        grid-column: auto;
        min-block-size: 3rem;
        padding-inline: 1.25rem;
        padding-block: .25rem;
        line-height: 1.8
    }

    .p-contact-confirm__agreement {
        inline-size: auto;
        max-inline-size: 60.125rem;
        margin-block-start: 2.5rem
    }

    .p-contact-confirm__agreement-text {
        font-size: max(1.125rem, 10px);
        line-height: 1.8
    }

    .p-contact-confirm__agree {
        grid-template-columns: 1.375rem 1fr;
        gap: .875rem;
        margin-block-start: .5rem;
        font-size: max(1.125rem, 10px);
        line-height: 1.8
    }

    .p-contact-confirm__check {
        right: 0;
        inline-size: 1.125rem;
        block-size: 1.125rem;
        margin-block-start: .5625rem
    }

    .p-contact-confirm__check:checked:before {
        inline-size: .8125rem;
        block-size: .8125rem
    }

    .p-contact-confirm__link {
        text-underline-offset: .625rem
    }

    .p-contact-confirm__actions {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.125rem;
        inline-size: min(54rem, 100%);
        margin-block-start: 6.4375rem;
        align-items: end
    }

    .p-contact-confirm__button {
        --button-height: 5.625rem;
        --button-radius: 1.25rem;
        --button-padding: 1.125rem 3.75rem 1.125rem 1.6875rem;
        --button-arrow: 1.875rem;
        --button-arrow-end: 1.375rem;
        --button-font: max(1.5625rem, 10px)
    }

    .p-contact-confirm__button[data-tone=primary] {
        order: 2
    }

    .p-contact-confirm__button[data-tone=secondary] {
        order: 1
    }

    .p-contact-content {
        padding-block-start: 4.375rem
    }

    .p-contact-content[data-variant=complete] {
        padding-block-start: 2.8125rem
    }

    .p-contact-content__inner {
        max-inline-size: calc(60.125rem + var(--inner-padding) * 2)
    }

    .p-contact-content__lead {
        font-size: max(1.125rem, 10px)
    }

    .p-contact-content__steps {
        margin-block-start: 2.875rem
    }

    .p-contact-content__form {
        margin-block-start: .75rem
    }

    .p-contact-steps {
        gap: .875rem
    }

    .p-contact-steps__item {
        font-size: max(.875rem, 10px)
    }

    .p-contact-steps__item:not(:last-child):after {
        margin-inline-start: .75rem
    }

    .p-cta {
        padding-block: 3rem 0
    }

    .p-cta__trial {
        gap: 3.4375rem;
        padding: 0 1.25rem
    }

    .p-cta__bubble {
        grid-template-columns: 1fr 7.25rem;
        align-items: center;
        width: min(100%, 38.5rem);
        min-height: 8.875rem;
        padding: 1.625rem 1.5rem 1.5rem 3.5rem;
        border-radius: 3.125rem
    }

    .p-cta__lead {
        font-size: 1.5625rem;
        line-height: 1.4
    }

    .p-cta__lead .p-cta__lead-line {
        display: inline
    }

    .p-cta__view[data-view=pc] {
        display: block
    }

    .p-cta__view[data-view=sp] {
        display: none
    }

    .p-cta__image {
        position: relative;
        inset-block-start: 1.125rem;
        max-inline-size: 7.4375rem
    }

    .p-cta__button {
        max-inline-size: 23.1875rem
    }

    .p-cta__button[data-size=sm] {
        grid-column: 1/-1;
        max-inline-size: 17.5rem;
        margin-block-start: 2.375rem
    }

    .p-cta__contact {
        margin-inline: auto;
        max-inline-size: min(100%, 60.125rem);
        padding: 3.875rem 1.25rem 3.75rem;
        margin-block-start: 6.25rem
    }

    .p-cta__contact-inner {
        grid-template-columns: 2.625rem minmax(0, 1fr);
        -moz-column-gap: 1.125rem;
        column-gap: 1.125rem;
        max-inline-size: 39.375rem
    }

    .p-cta__mail-icon {
        grid-column: 1;
        grid-row: 1;
        justify-self: start
    }

    .p-cta__heading {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
        margin-block-start: 0;
        font-size: 1.75rem;
        line-height: 1.4
    }

    .p-cta__text {
        grid-column: 1/-1;
        margin-block-start: .5rem;
        font-size: 1rem
    }

    .p-cta__text span {
        display: inline-block
    }

    .p-cta__note {
        grid-column: 1/-1;
        width: min(100%, 35.8125rem);
        margin-block-start: 1.5625rem;
        font-size: 1.125rem;
        line-height: 1.8;
        text-align: center
    }

    .p-detail-content {
        padding-block: 3.5625rem 0
    }

    .p-detail-content__back {
        font-size: max(.875rem, 10px)
    }

    .p-detail-content__inner {
        max-inline-size: calc(60.125rem + var(--inner-padding) * 2)
    }

    .p-detail-content__panel {
        margin-block-start: 1.25rem;
        padding: 1.875rem 4.625rem 4.875rem;
        border-radius: 1.25rem
    }

    .p-detail-content__updated {
        font-size: max(.75rem, 10px)
    }

    .p-detail-content__title {
        margin-block-start: .5rem;
        font-size: max(1.5625rem, 10px)
    }

    .p-detail-content__meta {
        grid-template-columns: repeat(4, auto);
        justify-content: space-between;
        margin-inline: -4.625rem;
        margin-block-start: 1.75rem;
        padding: 1.125rem 4.625rem
    }

    .p-detail-content__item {
        gap: .875rem;
        font-size: max(1rem, 10px)
    }

    .p-detail-content__item:before {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-detail-content__item[data-icon=age]:before {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-detail-content__item[data-icon=number] {
        grid-column: auto
    }

    .p-detail-content__item[data-icon=number]:before {
        left: .1875rem;
        inline-size: .75rem;
        block-size: .75rem
    }

    .p-detail-content__item[data-icon=number]:after {
        inline-size: 100%
    }

    .p-detail-content__head {
        gap: .6875rem;
        min-block-size: 2.9375rem;
        padding-inline: 1.25rem;
        font-size: max(1.375rem, 10px)
    }

    .p-detail-content__head:before {
        inline-size: .75rem;
        block-size: .75rem
    }

    .p-detail-content__defs {
        gap: 1.25rem;
        margin-block-start: 1.375rem
    }

    .p-detail-content__row {
        align-items: center;
        grid-template-columns: 10.1875rem 1fr;
        gap: 0
    }

    .p-detail-content__term {
        padding-block-end: 0;
        border-block-end: 0;
        font-size: max(1.125rem, 10px);
        line-height: 1.4
    }

    .p-detail-content__note {
        display: block
    }

    .p-detail-content__desc {
        padding-inline-start: 2.125rem;
        border-inline-start: 1px solid var(--steps-gold-bg);
        font-size: max(1.125rem, 10px);
        line-height: 1.8
    }

    .p-detail-content__desc[data-tone=mint] {
        border-inline-start: 1px solid var(--color-mint)
    }

    .p-detail-content__condition {
        align-items: center;
        grid-template-columns: 10.1875rem 1fr;
        gap: 0;
        margin-block-start: 1.25rem
    }

    .p-detail-content__condition:not(:first-of-type) {
        margin-block-start: 1.25rem
    }

    .p-detail-content__label {
        padding-block-end: 0;
        border-block-end: 0;
        font-size: max(1.125rem, 10px);
        line-height: 1.4
    }

    .p-detail-content__points {
        padding-inline-start: 2.125rem;
        border-inline-start: 1px solid var(--color-contact);
        font-size: max(1.125rem, 10px)
    }

    .p-detail-content__contact {
        margin-block-start: 5.1875rem
    }

    .p-detail-content__button {
        inline-size: min(29.125rem, 100%)
    }

    .p-detail-content__button[data-size=sm] {
        --button-height: 5.625rem;
        --button-radius: 1.25rem;
        /* --button-padding: 1.125rem 5.625rem 1.125rem 1.6875rem; */
        --button-padding: 0.5em 3em 0.5rem 0.75em; /* 20260715修正 */
        --button-arrow: 2.4375rem;
        --button-arrow-end: 2.125rem;
        --button-font: 1.5625rem;
        /*  box-sizing: content-box;20260715追加 */
    }

    .p-drawer {
        display: none
    }

    .p-footer__inner {
        padding-block-start: 2.5rem
    }

    .p-footer__logo {
        inline-size: 29.1875rem
    }

    .p-footer__text {
        margin-block-start: 2.125rem;
        font-size: max(.875rem, 10px)
    }

    .p-footer__nav {
        inline-size: auto;
        margin-block-start: 2.5rem;
        margin-inline: 0
    }

    .p-footer__nav-list {
        inline-size: auto
    }

    .p-footer__nav-item:not(:last-child):after {
        block-size: 1.0625rem;
        margin-inline: 1.875rem
    }

    .p-footer__nav-link {
        margin-inline: -.625rem;
        font-size: max(1rem, 10px);
        line-height: 1.8
    }

    .p-footer__nav-item:nth-child(2) .p-footer__nav-link {
        line-height: 1.8
    }

    .p-footer__bottom {
        display: grid;
        place-items: start center;
        min-block-size: 3rem;
        margin-block-start: 1.875rem;
        padding-block: .625rem 0
    }

    .p-footer__copyright {
        font-size: max(.875rem, 10px);
        line-height: 1.8
    }

    .p-form__panel {
        border-radius: 1.25rem;
        padding: 2.875rem 3.8125rem 3.5625rem
    }

    .p-form__panel[data-variant=contact] {
        margin-inline: 0;
        border-width: 2px;
        border-radius: 1.25rem;
        padding: 2.875rem 3.8125rem 2.5rem
    }

    .p-form__trial {
        margin-inline: -3.8125rem;
        margin-block-start: -2.875rem;
        padding: 2.875rem 4.625rem 1rem;
        border-block-end-width: .25rem
    }

    .p-form__trial[data-variant=contact] {
        margin-inline: -3.8125rem;
        margin-block-start: -2.875rem;
        padding: 3.75rem 4.625rem 3.4375rem;
        border-block-end-width: .25rem
    }

    .p-form__trial-head {
        gap: 1rem;
        padding-inline-end: .625rem
    }

    .p-form__trial-head[data-variant=contact] {
        justify-content: center;
        padding-inline-end: 0
    }

    .p-form__trial-title {
        gap: .625rem;
        font-size: max(1.125rem, 10px)
    }

    .p-form__trial-title[data-variant=contact] {
        font-family: var(--noto-sans);
        font-size: max(1.75rem, 10px)
    }

    .p-form__trial-icon {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-form__trial-number {
        font-size: max(1rem, 10px)
    }

    .p-form__trial-name {
        margin-block-start: .75rem;
        font-size: max(1.5625rem, 10px);
        line-height: 1.4
    }

    .p-form__field {
        gap: 1.25rem;
        padding-inline-start: var(--space)
    }

    .p-form__field:not(:first-of-type) {
        margin-block-start: 2.1875rem
    }

    .p-form__contact {
        max-inline-size: min(51.75rem, 100%);
        margin-block-start: 2.1875rem;
        margin-inline-start: 0;
        gap: 1.125rem
    }

    .p-form__question {
        margin-block-start: 2.1875rem;
        gap: 1.375rem
    }

    .p-form__inquiry {
        margin-block-start: 1.875rem
    }

    .p-form__message {
        margin-block-start: 2.125rem
    }

    .p-form__relation {
        gap: .625rem;
        margin-block-start: 2.875rem
    }

    .p-form__relation[data-variant=contact] {
        gap: 1.375rem;
        margin-block-start: 2.1875rem
    }

    .p-form__relation[data-variant=inquiry] {
        margin-block-start: 2.625rem
    }

    .p-form__legend {
        gap: .5rem;
        font-size: max(1.5625rem, 10px);
        line-height: 1.4
    }

    .p-form__required {
        order: initial;
        margin-inline-end: 0;
        min-inline-size: 2.9375rem;
        min-block-size: 1.125rem;
        font-size: max(.875rem, 10px);
        margin-inline-start: .625rem
    }

    .p-form__choices {
        gap: .4375rem;
        margin-block-start: 1.375rem
    }

    .p-form__choice {
        grid-template-columns: 1.25rem 1fr;
        gap: .875rem;
        font-size: max(1.25rem, 10px);
        line-height: 1.8
    }

    .p-form__radio {
        inline-size: 1.25rem;
        block-size: 1.25rem;
        margin-block-start: .4375rem
    }

    .p-form__input,
    .p-form__textarea {
        margin-inline-start: auto;
        padding-block: .5rem
    }

    .p-form__input {
        min-block-size: 3rem;
        padding: .5rem 1.5rem
    }

    .p-form__input[data-variant=contact] {
        block-size: auto;
        min-block-size: 3rem;
        padding: .5rem 1.5rem
    }

    .p-form__textarea {
        min-block-size: 11.25rem;
        padding: 1.125rem 1.5rem;
        line-height: 1.8;
        inline-size: calc(100% - var(--space));
        margin-inline: 0 auto
    }

    .p-form__textarea[data-variant=contact] {
        min-block-size: 11.25rem;
        padding: 1.125rem 1.5rem
    }

    .p-form__input::-moz-placeholder,
    .p-form__textarea::-moz-placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-form__input::placeholder,
    .p-form__textarea::placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-form__input-affiliation {
        inline-size: min(29.25rem, 100%);
        padding-inline: 1.25rem;
        grid-column: auto;
        margin-inline-start: 0;
        font-size: max(1rem, 10px);
        line-height: 1.8
    }

    .p-form__input-affiliation::-moz-placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-form__input-affiliation::placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-form__input-affiliation[data-variant=contact] {
        inline-size: min(29.125rem, 100%);
        min-block-size: 3rem;
        padding-block: .5rem;
        padding-inline: 1.25rem;
        font-size: max(1.125rem, 10px)
    }

    .p-form__choice[data-has-extra=true] {
        grid-template-columns: 1.25rem max-content 1fr;
        gap: 1rem;
        align-items: center
    }

    .p-form__radio[data-has-extra=true] {
        margin-block-start: 0
    }

    .p-form__agreement {
        margin-block-start: 2.5rem;
        gap: .875rem
    }

    .p-form__agreement-text {
        font-size: max(1.125rem, 10px)
    }

    .p-form__agree {
        grid-template-columns: 1.375rem 1fr;
        font-size: max(1.125rem, 10px)
    }

    .p-form__check {
        left: 0;
        inline-size: 1.125rem;
        block-size: 1.125rem;
        margin-block-start: .5625rem
    }

    .p-form__check:checked:before {
        inline-size: .9625rem;
        block-size: .71rem
    }

    .p-form__link {
        text-underline-offset: .4375rem
    }

    .p-form__submit-wrap {
        margin-block-start: 4rem;
        max-inline-size: 26.125rem
    }

    .p-form__submit {
        --button-height: 5.625rem;
        --button-radius: 1.25rem;
        --button-padding: .75rem 3.75rem .75rem 1.5rem;
        --button-arrow: 1.875rem;
        --button-arrow-end: 1.375rem;
        --button-font: max(1.5625rem, 10px)
    }

    .p-header__inner {
        max-width: 75rem;
        margin-inline: auto;
        padding-inline: 1.25rem
    }

    .p-header__logo {
        inline-size: 24rem
    }

    .p-header__button {
        display: none
    }

    .p-header__nav {
        display: block;
        margin-inline-start: auto;
        height: 100%
    }

    .p-header__contact {
        display: flex;
        align-items: center;
        justify-content: center;
        -moz-column-gap: .1875rem;
        column-gap: .1875rem;
        inline-size: 10.8125rem;
        min-block-size: 2.875rem;
        margin-inline-start: 3.25rem;
        border: .125rem solid var(--color-plum);
        border-radius: .9375rem;
        background-color: var(--color-white);
        box-shadow: 0 .125rem 0 var(--color-plum);
        color: var(--color-plum);
        font-size: max(.875rem, 10px);
        font-weight: var(--fw-bold);
        line-height: normal;
        letter-spacing: .04em;
        text-decoration: none;
        transition: transform var(--hover-transition), box-shadow var(--hover-transition)
    }

    .p-lower__outer {
        margin-block-start: 1.375rem;
        max-inline-size: 72.625rem;
        margin-inline: auto;
        padding-inline: 0
    }

    .p-lower__inner.l-inner {
        padding-block: 1.25rem 6.25rem;
        max-inline-size: 66.5rem
    }

    .p-mv {
        background: var(--color-white);
        padding-block: .8125rem 5.375rem
    }

    .p-mv__inner {
        display: flex;
        align-items: flex-end;
        max-inline-size: 90rem;
        margin-inline: auto;
        justify-content: flex-end;
        gap: 1.625rem
    }

    .p-mv__content {
        gap: 2.8125rem;
        padding-inline-start: var(--inner-padding);
        padding-block-end: 2.5rem;
        text-align: center
    }

    .p-mv__title {
        width: 23.1875rem;
        font-size: 1.5625rem;
        line-height: 1.4
    }

    .p-mv__button {
        max-inline-size: 23.1875rem
    }

    .p-mv__image {
        max-inline-size: 56.5625rem
    }

    .p-steps {
        padding-block: 4.5625rem 5.625rem
    }

    .p-steps__inner {
        gap: 2.625rem;
        max-inline-size: 73.6875rem;
        padding-inline: 0
    }

    .p-steps__header {
        inline-size: 23.125rem
    }

    .p-steps .p-steps__slider {
        justify-self: stretch;
        width: auto
    }

    .p-steps__track {
        padding-block-start: 2.9375rem
    }

    .p-steps__list {
        display: grid;
        grid-template-columns: repeat(4, var(--steps-card-width));
        grid-template-rows: auto auto auto;
        -moz-column-gap: 2.0625rem;
        column-gap: 2.0625rem;
        padding-inline: 0
    }

    .p-steps .p-steps__slider.splide .p-steps__list.splide__list {
        display: grid
    }

    .p-steps__item {
        display: grid;
        grid-row: span 3;
        grid-template-rows: subgrid;
        width: auto
    }

    .p-steps__card {
        padding-block-start: 2.5rem;
        grid-row: 1/-1;
        align-self: start;
        grid-template-rows: subgrid;
        justify-items: center;
        min-block-size: 25.3125rem
    }

    .p-steps__number {
        inset-block-start: -2.9375rem;
        width: 4.6875rem;
        font-size: max(2.5rem, 10px);
        font-weight: var(--fw-bold)
    }

    .p-steps__image {
        grid-row: 1;
        inline-size: 100%;
        max-inline-size: 13.6875rem;
        max-block-size: 9.625rem
    }

    .p-steps__title {
        margin-block-start: .9375rem;
        display: grid;
        grid-row: 2;
        place-items: center;
        inline-size: 100%;
        max-inline-size: 15.625rem;
        min-block-size: 3.625rem;
        margin-inline: auto;
        font-size: max(1.5625rem, 10px);
        font-weight: var(--fw-bold);
        line-height: 1.16
    }

    .p-steps__text {
        grid-row: 3;
        inline-size: 12.75rem;
        margin-inline: auto;
        margin-block-start: 1.25rem;
        font-size: max(1.125rem, 10px);
        line-height: 1.8
    }

    .p-steps .splide__pagination {
        display: none
    }

    .p-trial-card {
        border: 2px solid transparent;
        border-radius: 1.25rem
    }

    .p-trial-card__link {
        padding: 3.125rem 4.5rem 0
    }

    .p-trial-card__label {
        inline-size: 4.375rem;
        block-size: auto;
        padding-inline: .5rem
    }

    .p-trial-card__disease {
        font-size: max(1.875rem, 10px);
        line-height: 1.45
    }

    .p-trial-card__title {
        margin-block-start: 1rem;
        font-size: max(1.25rem, 10px);
        line-height: 1.45
    }

    .p-trial-card__purpose {
        grid-template-columns: 6.25rem 1fr;
        block-size: auto;
        gap: 0;
        margin-block-start: .75rem
    }

    .p-trial-card__purpose-term {
        font-family: inherit;
        font-size: max(1.125rem, 10px)
    }

    .p-trial-card__purpose-desc {
        display: block;
        padding-inline-start: 1.5625rem;
        overflow: visible;
        -webkit-line-clamp: unset
    }

    .p-trial-card__meta {
        grid-template-columns: 10.8125rem 10.75rem 10.625rem 1fr;
        align-items: center;
        gap: 1.5625rem;
        margin-block-start: 1.5rem;
        margin-inline: -4.5rem;
        padding: .9375rem 4.5rem 2.4375rem;
        border-block-start-width: .25rem
    }

    .p-trial-card__meta-item {
        gap: .875rem;
        font-size: max(1rem, 10px)
    }

    .p-trial-card__meta-item:before {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-trial-card__meta-item[data-icon=age]:before {
        inline-size: 1.25rem;
        block-size: 1.25rem
    }

    .p-trial-card__meta-item[data-icon=number] {
        --padding-inline: 2.5625rem;
        grid-column: auto;
        justify-self: end;
        padding-inline-start: var(--padding-inline);
        border-inline-start: 1px solid var(--color-border)
    }

    .p-trial-card__meta-item[data-icon=number]:before {
        left: .1875rem;
        inline-size: .75rem;
        block-size: .75rem
    }

    .p-trial-card__meta-item[data-icon=number]:after {
        inset-inline-start: auto;
        inset-inline-end: 0;
        inline-size: calc(100% - var(--padding-inline))
    }

    .p-trial {
        padding-block: 5.375rem 1.875rem
    }

    .p-trial__inner {
        max-inline-size: 69.3125rem
    }

    .p-trial__header {
        inline-size: 23.125rem
    }

    .p-trial__body {
        margin-block-start: 3.25rem;
        grid-template-columns: 14.625rem minmax(0, 43.125rem);
        -moz-column-gap: 5.3125rem;
        column-gap: 5.3125rem;
        row-gap: 1.75rem;
        align-items: start;
        justify-items: stretch
    }

    .p-trial__figure {
        grid-column: 1
    }

    .p-trial__figure[data-index="1"] {
        grid-row: 1;
        width: 14.625rem;
        height: 9.625rem
    }

    .p-trial__figure[data-index="2"] {
        grid-row: 2;
        margin-block-start: 0
    }

    .p-trial__figure[data-index="3"] {
        grid-row: 3;
        width: 14.625rem;
        height: 9.625rem;
        margin-block-start: 0
    }

    .p-trial__text {
        grid-column: 2;
        width: auto;
        margin-block-start: 0;
        font-size: 1.125rem
    }

    .p-trial__text[data-index="1"] {
        grid-row: 1;
        margin-block-start: 2.125rem;
        margin-block-end: 0
    }

    .p-trial__text[data-index="2"] {
        grid-row: 2;
        margin-block-start: 1.0625rem
    }

    .p-trial__text[data-index="3"] {
        grid-row: 3;
        margin-block-start: 2.75rem
    }

    .p-trials-list__inner {
        row-gap: 1.875rem;
        max-inline-size: 66.375rem
    }

    .p-trials-pager__inner.l-inner {
        max-inline-size: 66.5rem
    }

    .p-trials-pager__count {
        font-size: max(1rem, 10px)
    }

    .p-trials-pager__pages {
        justify-content: flex-start;
        gap: 1.0625rem;
        margin-block-start: 1.4375rem
    }

    .p-trials-pager__page,
    .p-trials-pager__current {
        font-size: max(1rem, 10px)
    }

    .p-trials-pager__current {
        color: var(--color-text)
    }

    .p-trials-pager__prev,
    .p-trials-pager__next {
        inset-block-start: 0
    }

    .p-trials-pager__prev:before,
    .p-trials-pager__next:before {
        inline-size: .5rem;
        block-size: .625rem
    }

    .p-trials-search__inner {
        max-inline-size: 54rem;
        padding-block-start: .875rem
    }

    .p-trials-search__balloon {
        inline-size: 35.5rem;
        padding: .625rem 4.125rem;
        border-radius: 2.5rem;
        font-size: max(.875rem, 10px)
    }

    .p-trials-search__balloon:after {
        inset-block-end: -.9375rem
    }

    .p-trials-search__form {
        grid-template-columns: 1fr 4.6875rem;
        inline-size: 35.5rem;
        min-block-size: 3rem;
        margin-block-start: 1.4375rem;
        border-radius: .5rem
    }

    .p-trials-search__input {
        padding: .5rem .9375rem;
        font-size: max(1rem, 10px);
        line-height: 1.8
    }

    .p-trials-search__input::-moz-placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-trials-search__input::placeholder {
        font-size: max(1.125rem, 10px)
    }

    .p-trials-search__button {
        background-size: 1.75rem 1.75rem
    }

    .p-trials-search__count {
        margin-block-start: .625rem;
        margin-inline: auto;
        font-size: max(1rem, 10px)
    }

    [data-fadein="200"] {
        transition-delay: .2s
    }

    [data-fadein="400"] {
        transition-delay: .4s
    }

    [data-fadein="600"] {
        transition-delay: .6s
    }

    .u-pc {
        display: block;
        display: revert
    }

    .u-sp {
        display: none
    }
}

@media screen and (min-width:768px)and (any-hover:hover) {
    .p-header__contact:hover {
        opacity: 1;
        transform: translateY(.0625rem);
        box-shadow: 0 .0625rem 0 var(--color-plum)
    }

    .p-header__contact:focus-visible {
        opacity: 1;
        transform: translateY(.0625rem);
        box-shadow: 0 .0625rem 0 var(--color-plum)
    }
}

@media screen and (min-width:1024px) {
    .p-detail-content__meta {
        grid-template-columns: 9.5rem 7.5625rem 7.75rem 12.375rem;
        justify-content: start;
        -moz-column-gap: clamp(3.75rem, (100% - 37.1875rem) / 3, 4.5625rem);
        column-gap: clamp(3.75rem, (100% - 37.1875rem) / 3, 4.5625rem)
    }

    .p-detail-content__item {
        min-block-size: 2.3125rem
    }

    .p-detail-content__item[data-icon=number] {
        gap: .5625rem;
        padding-inline-start: 2.6875rem;
        background-image: linear-gradient(var(--color-divider), var(--color-divider));
        background-position: left center;
        background-size: 1px 2.3125rem;
        background-repeat: no-repeat
    }

    .p-detail-content__item[data-icon=number]:before {
        inline-size: .9375rem;
        block-size: .9375rem
    }

    .p-detail-content__item[data-icon=number]:after {
        inset-inline-start: 2.9375rem;
        inline-size: calc(100% - 2.9375rem)
    }
}

@media(min-width:1200px) {
    html {
        font-size: 16px
    }
}

@media(max-width:782px) {
    :root:has(.admin-bar) {
        --wp-admin-bar-height: 46px
    }
}

@media(max-width:600px) {
    #wpadminbar {
        position: fixed !important
    }
}

@media(max-width:360px) {
    html {
        font-size: 4.4444444444vw;
        font-size: 4.4444444444cqi
    }
}

@media(any-hover:hover) {
    a:hover {
        opacity: .7
    }

    .c-cta-button:hover {
        box-shadow: 0 var(--button-hover-shadow) 0 var(--button-shadow);
        opacity: 1;
        transform: translateY(.125rem)
    }

    .p-header__link:hover {
        color: var(--color-plum);
        opacity: 1
    }

    .p-header__link:focus-visible {
        color: var(--color-plum);
        opacity: 1
    }

    .p-trial-card:hover {
        border-color: var(--color-brand);
        background-color: var(--color-white);
        box-shadow: 0 .1875rem .4375rem #00000040
    }

    .p-trial-card__link:hover {
        opacity: 1
    }
}

@media(forced-colors:active) {
    :where(mark) {
        background-color: Highlight;
        color: HighlightText
    }
}

@media(prefers-reduced-motion:reduce) {
    [data-fadein] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important
    }
}

@media print {
    :where(pre) {
        text-wrap-mode: unset
    }

    :where(mark) {
        border-width: 1px;
        border-style: dotted
    }
}