*,
::before,
::after {
box-sizing: border-box; background-repeat: no-repeat; } ::before,
::after {
text-decoration: inherit; vertical-align: inherit; } :where(:root) {
overflow-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
text-size-adjust: 100%; }  :where(body) {
margin: 0;
}    :where(hr) {
color: inherit; height: 0; }   :where(pre) {
font-family: monospace, monospace; font-size: 1em; overflow: auto; }  :where(abbr[title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} :where(b, strong) {
font-weight: bolder;
} :where(code, kbd, samp) {
font-family: monospace, monospace; font-size: 1em; } :where(small) {
font-size: 80%;
}  :where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
} :where(iframe) {
border-style: none;
} :where(svg:not([fill])) {
fill: currentColor;
}  :where(table) {
border-collapse: collapse; border-color: currentColor; text-indent: 0; }  :where(button, input, select) {
margin: 0;
} :where(button, [type=button i], [type=reset i], [type=submit i]) {
-webkit-appearance: button;
} :where(fieldset) {
border: 1px solid #a0a0a0;
} :where(progress) {
vertical-align: baseline;
} :where(textarea) {
margin: 0; resize: vertical; } :where([type=search i]) {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  :where(dialog) {
background-color: white;
border: solid;
color: black;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
} :where(details > summary:first-of-type) {
display: list-item;
}  :where([aria-busy=true i]) {
cursor: progress;
} :where([aria-disabled=true i], [disabled]) {
cursor: not-allowed;
} :where([aria-hidden=false i][hidden]) {
display: initial;
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
clip: rect(0, 0, 0, 0);
position: absolute;
}
:where(:root) {
line-height: 1;
overflow-wrap: break-word;
}
@media (prefers-reduced-motion: no-preference) {
:where(html:focus-within) {
scroll-behavior: smooth;
}
}
:where(body) {
font-family: sans-serif;
}
:where(h1, h2, h3, h4, h5, h6) {
margin: 0;
font: inherit;
}
:where(ul, ol) {
margin: 0;
padding: 0;
list-style: none;
}
:where(dl, dd) {
margin: 0;
}
:where(p) {
margin: 0;
}
:where(blockquote) {
margin: 0;
}
:where(hr) {
margin: 0;
border: none;
border-top: 1px solid currentColor;
}
:where(pre) {
margin: 0;
}
:where(a) {
color: inherit;
text-decoration: none;
text-underline-offset: 0.1375em;
}
:where(figure) {
max-width: 100%;
margin: 0;
}
:where(img, picture, svg, iframe, video) {
max-width: 100%;
height: auto;
}
:where(table) {
width: 100%;
table-layout: fixed;
}
:where(tbody, thead) {
vertical-align: inherit;
}
:where(th) {
margin: 0;
text-align: inherit;
text-align: -webkit-match-parent;
}
:where(td) {
padding: 0;
}
:where(label) {
display: inline-block;
}
:where(button, input, optgroup, select, textarea) {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
}
:where(button, [role=button], [type=button], [type=reset], [type=submit]):not(:disabled) {
cursor: pointer;
}
:root {
--icon-arrow-left: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M6.48%2011.79s-1.5-1.5-3.26-3.25a.754.754%200%20010-1.06l3.25-3.25A.72.72%200%20017%204c.41%200%20.75.34.75.75%200%20.2-.08.38-.22.52L5.56%207.25h6.69a.749.749%200%20110%201.5H5.56l1.98%201.98c.29.29.29.76%200%201.05A.79.79%200%20017%2012c-.2%200-.39-.08-.52-.21z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M9.52%204.21s1.5%201.5%203.26%203.25c.29.29.29.77%200%201.06l-3.25%203.25A.72.72%200%20019%2012c-.41%200-.75-.34-.75-.75%200-.2.08-.38.22-.52l1.98-1.97h-6.7A.764.764%200%20013%208c0-.41.34-.75.75-.75h6.69L8.47%205.27a.742.742%200%20010-1.05.75.75%200%20011.05-.01z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-b-left: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M4.89%207.41c1.97-1.97%203.65-3.66%203.65-3.66a.84.84%200%2001.6-.25c.47%200%20.84.38.84.84%200%20.22-.09.43-.24.59L6.67%208l3.06%203.07c.33.33.32.86%200%201.18a.84.84%200%2001-.6.25c-.22%200-.43-.09-.59-.24%200%200-1.69-1.69-3.65-3.66a.839.839%200%20010-1.19z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-b-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M11.11%208.59c-1.97%201.97-3.65%203.66-3.65%203.66a.84.84%200%2001-.6.25c-.47%200-.84-.38-.84-.84%200-.22.09-.43.24-.59L9.33%208%206.26%204.93a.836.836%200%20010-1.18.88.88%200%2001.61-.25c.22%200%20.43.09.59.24%200%200%201.69%201.69%203.65%203.66.33.33.33.86%200%201.19z%22%2F%3E%3C%2Fsvg%3E");
--icon-check: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M5.61%2011.71c.2.19.46.29.72.29.26%200%20.52-.1.72-.29L13.2%205.7c.4-.39.4-1.02%200-1.41-.4-.39-1.04-.39-1.44%200L6.33%209.6%204.24%207.56c-.4-.39-1.04-.39-1.44%200-.4.39-.4%201.02%200%201.41l2.81%202.74z%22%2F%3E%3C%2Fsvg%3E");
--icon-baby: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M10%208.97h5.21c.1%200%20.18-.09.18-.19V7.27c0-.11-.08-.19-.18-.19H10c-.1%200-.18.09-.18.19v1.51c0%20.11.08.19.18.19%22%2F%3E%3Cpath%20d%3D%22M15.82%2013.34H9.39c-.1%200-.18.09-.18.19v1.28c0%20.11.08.19.18.19h6.43c.1%200%20.18-.09.18-.19v-1.28c0-.11-.08-.19-.18-.19%22%2F%3E%3Cpath%20d%3D%22M10%2012.83h1.25c.1%200%20.18-.09.18-.19V9.67c0-.11-.08-.19-.18-.19H10c-.1%200-.18.09-.18.19v2.96c0%20.11.08.2.18.2%22%2F%3E%3Cpath%20d%3D%22M15.21%209.48h-1.26c-.1%200-.18.09-.18.19v2.96c0%20.11.08.19.18.19h1.26c.1%200%20.18-.09.18-.19V9.67c0-.1-.08-.19-.18-.19%22%2F%3E%3Cpath%20d%3D%22M10.1%206.58h4.3c.1%200%20.13-.07.07-.15l-2.1-2.82c-.04-.07-.13-.08-.19-.04-.01.01-.02.02-.03.04l-2.1%202.82c-.08.08-.05.15.05.15%22%2F%3E%3Cpath%20d%3D%22M2.26%205.51a2.256%202.256%200%20100-4.51%202.256%202.256%200%20100%204.51%22%2F%3E%3Cpath%20d%3D%22M6.28%206.47l-1.53.61-1.94-.91c-.27-.11-.55-.17-.83-.2-1-.02-1.83.83-1.85%201.89v5.17C.13%2014.12.96%2015%201.98%2015h4.01c.69%200%201.25-.59%201.25-1.32%200-.73-.56-1.32-1.25-1.32H3.83V9.61l.43.2c.31.14.66.13.96-.03L7.2%208.71c.58-.3.8-1.04.51-1.65-.26-.56-.88-.81-1.43-.59%22%2F%3E%3C%2Fsvg%3E");
--icon-mail: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M15.26%202H.74C.33%202%200%202.33%200%202.74v10.52c0%20.41.33.74.74.74h14.52c.41%200%20.74-.33.74-.74V2.74c0-.41-.33-.74-.74-.74zm-1.93%201.48L8%208.27%202.67%203.48h10.66zM1.48%2012.52V4.4l6.03%205.41c.14.13.31.19.49.19s.35-.06.5-.19l6.02-5.41v8.12H1.48z%22%2F%3E%3C%2Fsvg%3E");
--icon-search: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M14.6%2013.75l-3.61-3.81C11.74%209%2012.2%207.8%2012.2%206.5%2012.2%203.47%209.73%201%206.7%201S1.2%203.47%201.2%206.5%203.67%2012%206.7%2012c1.2%200%202.3-.39%203.21-1.04l3.61%203.81c.15.15.34.23.54.23.18%200%20.37-.07.51-.2.3-.28.31-.75.03-1.05zM2.68%206.5a4.02%204.02%200%20118.04%200%204.02%204.02%200%2001-8.04%200z%22%2F%3E%3C%2Fsvg%3E");
--icon-document: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M11.48%2016h-8.6a.38.38%200%2001-.38-.38V1.86c0-.21.17-.38.38-.38h8.6c.21%200%20.38.17.38.38v13.76c0%20.21-.17.38-.38.38zm-8.22-.76h7.84v-13H3.26v13z%22%2F%3E%3Cpath%20d%3D%22M13.12%2014.53a.38.38%200%2001-.38-.38V.76H4.52a.38.38%200%20110-.76h8.6c.21%200%20.38.17.38.38v13.76c0%20.22-.17.39-.38.39z%22%2F%3E%3Cpath%20d%3D%22M10.12%206.05H4.24a.38.38%200%20110-.76h5.88a.38.38%200%20110%20.76zm-2.94-1.6H4.24a.38.38%200%20110-.76h2.94a.38.38%200%20110%20.76zm2.94%209.58H7.18a.38.38%200%20110-.76h2.94a.38.38%200%20110%20.76zm0-6.39H4.24a.38.38%200%20110-.76h5.88a.38.38%200%20110%20.76zm0%201.6H4.24a.38.38%200%20110-.76h5.88a.38.38%200%20110%20.76zm0%201.6H4.24a.38.38%200%20110-.76h5.88a.38.38%200%20110%20.76zm0%201.6H4.24a.38.38%200%20110-.76h5.88a.38.38%200%20110%20.76z%22%2F%3E%3C%2Fsvg%3E");
--icon-comment-left: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M0%203.06v8.39c0%201.14.91%202.06%202.03%202.06H6.2v2.13c0%20.14.08.27.21.32.13.07.28.04.38-.06l2.33-2.38h4.85c1.11%200%202.03-.93%202.03-2.06v-8.4C16%201.93%2015.09%201%2013.97%201H2.03C.91%201%200%201.93%200%203.06zm3%201.57v-1h10v1H3zm0%203.12v-1h10v1H3zm7.13%202.13v1H3v-1h7.13z%22%2F%3E%3C%2Fsvg%3E");
--icon-comment-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M13.97%201H2.03C.91%201%200%201.93%200%203.06v8.39c0%201.14.91%202.06%202.03%202.06h4.85l2.33%202.38c.1.1.25.13.38.08s.21-.18.21-.32v-2.13h4.17c1.11%200%202.03-.93%202.03-2.06v-8.4C16%201.93%2015.09%201%2013.97%201zM3%204.63v-1h10v1H3zm0%203.12v-1h10v1H3zm7.13%202.13v1H3v-1h7.13z%22%2F%3E%3C%2Fsvg%3E");
--icon-pagetop: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M4.21%209.23s1.5-1.5%203.25-3.26c.29-.29.77-.29%201.06%200l3.25%203.25c.15.14.23.33.23.53%200%20.41-.34.75-.75.75-.2%200-.38-.08-.52-.22L8.75%208.31V12c0%20.41-.34.75-.75.75s-.75-.34-.75-.75V8.31l-1.98%201.98c-.29.29-.76.29-1.05%200A.79.79%200%20014%209.75c0-.2.08-.39.21-.52z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M4.12%204h7.76%22%2F%3E%3C%2Fsvg%3E");
--color-white: #fff;
--color-offwhite: #f7f6f4;
--color-black: #333;
--color-black-light: #5b5b5b;
--color-black-pale: #727272;
--color-gray: #939393;
--color-gray-light: #ded9d0;
--color-gray-pale: #e6e6e6;
--color-red: #d93030;
--color-indigo: #1270b3;
--color-blue: #3e9dda;
--color-pink: #e77994;
--color-purple: #7d549a;
--color-yellow: #f6d500;
--color-orange: #ffa319;
--color-gradient: linear-gradient(45deg, #e77994, #b381d6, #3e9dda);
--font-sans: 'Noto Sans JP', sans-serif;
--font-en: 'brandon-grotesque', 'Noto Sans JP', sans-serif;
--transition-duration: 0.15s;
--transition-opacity: 0.65;
--transition-timing-function-typeA: cubic-bezier(0.43, 0.01, 0.08, 1);
--z-index-c-loader: 1000;
--z-index-c-drawer: 500;
--z-index-site-wrap-drawerBtn: 550;
--z-index-site-wrap-header: 100;
--z-index-site-wrap-pagetop: 50;
--content-width-small: 88vw;
--content-width-medium: 88vw;
--content-width-large: 88vw;
--content-width-xlarge: 92vw;
--home-content-width-medium: 92vw;
--home-content-width-large: 92vw;
--header-height: clamp(78px, 9.2537313433vw, 124px);
--box-shadow-small: 0 2px 5px rgba(0,0,0, .1);
--box-shadow-medium: 0 2px 15px rgba(0,0,0, .1);
--box-shadow-large: 0 2px 30px rgba(0,0,0, .1);
--box-shadow-small-hover: 0 2px 15px rgba(0,0,0, .2);
--box-shadow-medium-hover: 0 2px 15px rgba(0,0,0, .2);
--box-shadow-large-hover: 0 2px 15px rgba(0,0,0, .2);
--defaultColor: var(--color-blue);
--font-14-fluid: clamp(13px, 1.0447761194vw, 14px);
--font-15-fluid: clamp(13px, 1.1194029851vw, 15px);
--font-16-fluid: clamp(14px, 1.1940298507vw, 16px);
--font-17-fluid: clamp(14px, 1.2686567164vw, 17px);
--font-21-fluid: clamp(17px, 1.5671641791vw, 21px);
--font-27-fluid: clamp(21px, 2.0149253731vw, 27px);
--font-39-fluid: clamp(28px, 2.9104477612vw, 39px);
--font-42-fluid: clamp(30px, 3.1343283582vw, 42px);
--font-10: 10px;
--font-11: 11px;
--font-12: 11px;
--font-13: 12px;
--font-14: 13px;
--font-15: 13px;
--font-16: 14px;
--font-17: 14px;
--font-18: 15px;
--font-19: 16px;
--font-20: 16px;
--font-21: 17px;
--font-22: 18px;
--font-23: 18px;
--font-24: 19px;
--font-25: 19px;
--font-26: 20px;
--font-27: 21px;
--font-28: 21px;
--font-29: 22px;
--font-30: 23px;
--font-31: 23px;
--font-32: 24px;
--font-33: 24px;
--font-34: 25px;
--font-35: 26px;
--font-36: 26px;
--font-37: 27px;
--font-38: 28px;
--font-39: 28px;
--font-40: 29px;
--font-41: 29px;
--font-42: 30px;
--font-47: 33px;
}
@media (min-width: 1200px) {
:root {
--content-width-small: clamp(550px, 65.671641791vw, 880px);
--content-width-medium: clamp(665px, 79.4029850746vw, 1064px);
--content-width-large: clamp(700px, 83.5820895522vw, 1120px);
--content-width-xlarge: min(clamp(820px, 97.9104477612vw, 1312px), 90vw);
--home-content-width-medium: clamp(765px, 71.1627906977vw, 1224px);
--home-content-width-large: clamp(1000px, 93.023255814vw, 1600px);
}
}
@media (min-width: 960px) {
:root {
--font-10: 10px;
--font-11: 11px;
--font-12: 12px;
--font-13: 13px;
--font-14: 14px;
--font-15: 15px;
--font-16: 16px;
--font-17: 17px;
--font-18: 18px;
--font-19: 19px;
--font-20: 20px;
--font-21: 21px;
--font-22: 22px;
--font-23: 23px;
--font-24: 24px;
--font-25: 25px;
--font-26: 26px;
--font-27: 27px;
--font-28: 28px;
--font-29: 29px;
--font-30: 30px;
--font-31: 31px;
--font-32: 32px;
--font-33: 33px;
--font-34: 34px;
--font-35: 35px;
--font-36: 36px;
--font-37: 37px;
--font-38: 38px;
--font-39: 39px;
--font-40: 40px;
--font-41: 41px;
--font-42: 42px;
--font-47: 47px;
}
}
body {
background: var(--color-white);
font-family: var(--font-sans);
font-feature-settings: "palt";
font-weight: 400;
letter-spacing: 0.025em;
color: var(--color-black);
}
a,
button,
[type=button],
[type=reset],
[type=submit] {
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
body:not(.-is-sp) a:hover,
body:not(.-is-sp) button:hover,
body:not(.-is-sp) [type=button]:hover,
body:not(.-is-sp) [type=reset]:hover,
body:not(.-is-sp) [type=submit]:hover {
opacity: var(--transition-opacity);
}
.c-accordion > .item > .header > .btn {
position: relative;
cursor: pointer;
}
.c-accordion > .item > .panel[aria-hidden=true] {
display: none;
}
.c-accordion.-typeWlbMember {
--c-accordion-typeWlbMember-color: var(--themeColor, var(--defaultColor));
border-top: 1px solid var(--color-gray-pale);
font-size: var(--font-14);
line-height: 1.6;
}
.c-accordion.-typeWlbMember > .item {
border-bottom: 1px solid var(--color-gray-pale);
}
.c-accordion.-typeWlbMember > .item > .header {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.25em 2em;
padding: 1em 3.5em 1em 0;
font-weight: 500;
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header {
padding-right: 10.5em;
}
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header {
flex-wrap: nowrap;
}
}
.c-accordion.-typeWlbMember > .item > .header > .hospital {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header > .hospital {
width: 35%;
}
}
.c-accordion.-typeWlbMember > .item > .header > .name {
flex: 0 1 auto;
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header > .name {
width: 30%;
}
}
.c-accordion.-typeWlbMember > .item > .header > .department {
flex: 0 1 auto;
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header > .department {
width: 35%;
}
}
.c-accordion.-typeWlbMember > .item > .header > .department::before {
content: "\ff08";
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header > .department::before {
display: none;
}
}
.c-accordion.-typeWlbMember > .item > .header > .department::after {
content: "\ff09";
}
@media (min-width: 768px) {
.c-accordion.-typeWlbMember > .item > .header > .department::after {
display: none;
}
}
.c-accordion.-typeWlbMember > .item > .header > .toggle {
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
}
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn {
font-size: var(--font-24);
color: var(--c-accordion-typeWlbMember-color);
transition-property: color;
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn {
padding-right: 1.25em;
font-size: var(--font-13);
}
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%) rotate(90deg);
transition: transform var(--transition-duration) ease;
}
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn > .icon {
display: none;
}
}
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn > .text {
display: none;
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn > .text {
display: inline;
}
}
.c-accordion.-typeWlbMember > .item > .panel {
margin-bottom: clamp(8px, 0.8955223881vw, 12px);
padding: clamp(25px, 2.9850746269vw, 40px);
background: var(--color-offwhite);
border-radius: 8px;
}
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn:hover {
opacity: 1;
color: var(--color-indigo);
}
@media (min-width: 560px) {
.c-accordion.-typeWlbMember > .item > .header > .toggle > .btn:hover::after {
transform: translateY(calc(-50% + 3px)) rotate(90deg);
}
}
.c-accordion.-site-drawer-navPrimary {
font-weight: 500;
font-size: 16px;
line-height: 1.6;
}
.c-accordion.-site-drawer-navPrimary > .item {
border-bottom: 1px solid var(--color-gray-light);
}
.c-accordion.-site-drawer-navPrimary > .item > .header > .btn {
display: block;
padding: 1em 1.5em 1em 0;
}
.c-accordion.-site-drawer-navPrimary > .item > .header > .btn::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%) rotate(90deg);
transition: transform var(--transition-duration) ease;
}
.c-accordion.-site-drawer-navPrimary > .item > .panel > .list {
padding-bottom: 0.75em;
font-weight: 400;
font-size: 14px;
}
.c-accordion.-site-drawer-navPrimary > .item > .panel > .list > .item {
border-top: 1px solid var(--color-gray-pale);
}
.c-accordion.-site-drawer-navPrimary > .item > .panel > .list > .item > .link {
position: relative;
display: block;
padding: 0.75em 0 0.75em 1.5em;
}
.c-accordion.-site-drawer-navPrimary > .item > .panel > .list > .item > .link::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%);
}
.c-accordion.-site-drawer-navPrimary > .item > .panel .child {
margin: 0.25em 0 1.5em 2.75em;
font-weight: 400;
font-size: 13px;
list-style: circle;
color: var(--color-black-light);
}
.c-accordion.-site-drawer-navPrimary > .item > .panel .child > .item + .item {
margin-top: 1em;
}
.c-accordion.-site-drawer-navPrimary > .item > .panel .child > .item > .link {
display: block;
}
.c-accordion.-site-drawer-navPrimary > .item > .header > .btn[aria-expanded=true]::after {
transform: translateY(-50%) rotate(90deg) scale(-1, 1);
}
.c-breadcrumb {
--c-breadcrumb-list-gutter: .5em;
--c-breadcrumb-list-divider-size: 1em;
--c-breadcrumb-list-divider-image: var(--icon-arrow-b-right);
}
.c-breadcrumb {
font: inherit;
line-height: 1;
}
.c-breadcrumb > .list {
display: flex;
flex-wrap: wrap;
gap: 0 var(--c-breadcrumb-list-gutter);
margin: 0;
padding: 0;
list-style: none;
}
.c-breadcrumb > .list > .item {
display: flex;
align-items: center;
}
.c-breadcrumb > .list > .item + .item::before {
content: "";
flex: 0 0 auto;
width: var(--c-breadcrumb-list-divider-size);
height: var(--c-breadcrumb-list-divider-size);
margin-right: var(--c-breadcrumb-list-gutter);
background: currentColor;
-webkit-mask: var(--c-breadcrumb-list-divider-image) no-repeat 50%/contain;
mask: var(--c-breadcrumb-list-divider-image) no-repeat 50%/contain;
}
.c-breadcrumb > .list > .item > .link {
text-decoration: underline;
}
.c-breadcrumb > .list.-right {
justify-content: right;
text-align: right;
}
.c-breadcrumb {
font-size: var(--font-12);
line-height: 1.4;
color: var(--color-black-pale);
}
.c-btn {
position: relative;
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1;
text-decoration: none;
text-align: inherit;
vertical-align: middle;
white-space: nowrap;
color: inherit;
}
button.c-btn,
[type=button].c-btn,
[type=reset].c-btn,
[type=submit].c-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.c-btn.-block {
display: flex;
width: 100%;
}
@media (min-width: 560px) {
.c-btn.-sm-block {
display: flex;
width: 100%;
}
.c-btn.-sm-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 768px) {
.c-btn.-md-block {
display: flex;
width: 100%;
}
.c-btn.-md-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 960px) {
.c-btn.-lg-block {
display: flex;
width: 100%;
}
.c-btn.-lg-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 1200px) {
.c-btn.-xl-block {
display: flex;
width: 100%;
}
.c-btn.-xl-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 1400px) {
.c-btn.-xxl-block {
display: flex;
width: 100%;
}
.c-btn.-xxl-inline {
display: inline-flex;
width: auto;
}
}
.c-btn.-disabled {
opacity: 0.25;
cursor: not-allowed;
}
.c-btn.-disabled:hover {
opacity: 0.25;
}
.c-btn.-typeA {
--c-btn-typeA-color: var(--themeColor, var(--defaultColor));
justify-content: center;
background: var(--color-white);
border-radius: 999px;
font-weight: 700;
font-size: var(--font-17);
line-height: 1.4;
letter-spacing: 0;
text-align: center;
color: var(--c-btn-typeA-color);
white-space: normal;
}
.c-btn.-typeA::before {
content: "";
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: -4px;
background: var(--c-btn-typeA-color);
border-radius: 999px;
pointer-events: none;
transition: opacity var(--transition-duration) ease;
}
.c-btn.-typeA > .inner {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 3.8em;
padding: 0.375em 3.5em 0.375em 2.75em;
background: var(--color-white);
border-radius: 999px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
transition: background-color var(--transition-duration) ease;
}
.c-btn.-typeA > .inner::before, .c-btn.-typeA > .inner::after {
content: "";
position: absolute;
top: 50%;
right: 1.2526470588em;
width: calc(1em + 5px);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-typeA > .inner::before {
background: var(--c-btn-typeA-color);
border-radius: 100%;
}
.c-btn.-typeA > .inner::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
}
.c-btn.-typeA > .inner > .c-icon {
flex: 0 0 auto;
margin: -0.2em 0.4em -0.2em 0;
font-size: 1.4em;
}
.c-btn.-typeA.-small {
font-size: var(--font-15);
}
.c-btn.-typeA.-narrow > .inner {
min-height: 3.4em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
.c-btn.-typeA.-w-fixed {
width: min(28em, 100%);
}
.c-btn.-typeA:hover {
opacity: 1;
}
.c-btn.-typeA:hover::before {
opacity: 1;
}
.c-btn.-typeA:hover > .inner {
background-color: rgba(255, 255, 255, 0.95);
}
.c-btn.-typeA:hover > .inner::before, .c-btn.-typeA:hover > .inner::after {
transform: translate(3px, -50%);
}
.c-btn.-typeB {
--c-btn-typeB-color: var(--themeColor, var(--defaultColor));
justify-content: center;
min-width: 14em;
padding: 0.75em 2em;
background: var(--c-btn-typeB-color);
border: 1px solid var(--c-btn-typeB-color);
border-radius: 999px;
font-weight: 700;
font-size: var(--font-15);
line-height: 1.4;
text-align: center;
color: var(--color-white);
white-space: normal;
box-shadow: var(--box-shadow-small);
transition-property: background-color, border-color, color;
}
.c-btn.-typeB.-monochrome {
background: var(--color-white);
border-color: var(--color-black);
color: var(--color-black);
}
.c-btn.-typeB:hover {
opacity: 1;
background: var(--color-white);
color: var(--c-btn-typeB-color);
}
.c-btn.-typeB.-monochrome:hover {
border-color: var(--color-indigo);
color: var(--color-indigo);
}
.c-btn.-typeC {
--c-btn-typeC-color: var(--themeColor, var(--defaultColor));
transition-property: color;
min-height: 5em;
padding: 0.75em calc(var(--font-20) + clamp(15px, 1.4925373134vw, 20px) * 2) 0.75em 2em;
background: var(--color-white);
border-radius: 8px;
font-weight: 500;
font-size: var(--font-17);
line-height: 1.4;
white-space: normal;
box-shadow: var(--box-shadow-medium);
}
.c-btn.-typeC::before, .c-btn.-typeC::after {
content: "";
position: absolute;
top: 50%;
right: clamp(15px, 1.4925373134vw, 20px);
width: var(--font-20);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-typeC::before {
background: var(--c-btn-typeC-color);
border-radius: 100%;
}
.c-btn.-typeC::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-20) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-20) * 0.6);
}
.c-btn.-typeC:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-btn.-typeC:hover::before, .c-btn.-typeC:hover::after {
transform: translate(3px, -50%);
}
.c-btn.-typeMore {
--c-btn-typeMore-color: var(--themeColor, var(--defaultColor));
padding: 0 0 2px 1.75em;
font-weight: 700;
font-size: var(--font-15);
text-decoration: underline;
transition-property: color;
}
.c-btn.-typeMore::before, .c-btn.-typeMore::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: var(--font-18);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-typeMore::before {
background: var(--c-btn-typeMore-color);
border-radius: 100%;
}
.c-btn.-typeMore::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/0.6em;
mask: var(--icon-arrow-right) no-repeat 50% 50%/0.6em;
}
.c-btn.-typeMore:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-btn.-typeMore:hover::before, .c-btn.-typeMore:hover::after {
transform: translate(3px, -50%);
}
.c-btn.-typeMore:hover::before {
background-color: currentColor;
}
.c-btn.-c-contactForm-submit {
justify-content: center;
width: min(24em, 100%);
padding: 1.75em;
background: var(--color-black);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-18);
color: var(--color-white);
transition-property: background-color;
}
.c-btn.-c-contactForm-submit:hover {
opacity: 1 !important;
background: var(--color-indigo);
}
.c-btn.-c-contactForm-back {
justify-content: center;
width: min(24em, 100%);
padding: 1em 1.75em;
background: transparent;
border: 1px solid var(--color-black);
border-radius: 4px;
font-weight: 500;
font-size: var(--font-18);
color: var(--color-black);
}
.c-btn.-c-searchform-submit {
justify-content: center;
width: min(24em, 100%);
padding: 1.625em;
background: var(--color-black);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-17);
color: var(--color-white);
transition-property: background-color;
}
.c-btn.-c-searchform-submit:hover {
opacity: 1 !important;
background: var(--color-indigo);
}
.c-btn.-searchHospital-result {
--c-btn-searchHospital-result-color: var(--themeColor, var(--defaultColor));
min-height: 4.5em;
padding: 0.625em calc(var(--font-19) + 2.2em) 0.625em 2.75em;
background: var(--color-white);
border-radius: 8px;
font-weight: 500;
font-size: var(--font-16);
line-height: 1.4;
white-space: normal;
box-shadow: var(--box-shadow-medium);
transition-property: color;
}
.c-btn.-searchHospital-result::before, .c-btn.-searchHospital-result::after {
content: "";
position: absolute;
top: 50%;
right: 1.1em;
width: var(--font-19);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-searchHospital-result::before {
background: var(--c-btn-searchHospital-result-color);
border-radius: 100%;
}
.c-btn.-searchHospital-result::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-19) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-19) * 0.6);
}
.c-btn.-searchHospital-result.-wlb {
background: var(--color-white) url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-logo.svg) no-repeat 1em 50%/1.125em auto;
}
.c-btn.-searchHospital-result:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-btn.-searchHospital-result:hover::before, .c-btn.-searchHospital-result:hover::after {
transform: translate(3px, -50%);
}
.c-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
line-height: 1;
text-decoration: none;
color: inherit;
word-wrap: break-word;
}
.c-card > .header,
.c-card > .footer {
flex: 0 0 auto;
}
.c-card > .media {
overflow: hidden;
position: relative;
flex: 0 0 auto;
width: 100%;
margin: 0;
}
.c-card > .media > .inner {
display: block;
}
.c-card > .media > .inner > .image,
.c-card > .media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card > .body {
flex: 1 1 0%;
}
.c-card.-typeA {
--c-card-typeA-color: var(--themeColor, var(--defaultColor));
overflow: hidden;
background: var(--color-white);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
transition-property: color;
}
.c-card.-typeA > .media {
aspect-ratio: 352/160;
}
.c-card.-typeA > .media > .image {
transition: transform var(--transition-duration) ease;
}
.c-card.-typeA > .body {
padding: clamp(23px, 2.6865671642vw, 36px) clamp(30px, 3.5820895522vw, 48px) clamp(39px, 3.8805970149vw, 52px);
}
.c-card.-typeA > .body > .heading {
position: relative;
padding-bottom: clamp(11px, 1.3432835821vw, 18px);
font-weight: 700;
font-size: var(--font-19);
line-height: 1.4;
text-align: center;
}
.c-card.-typeA > .body > .heading::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1.75em;
border-bottom: 1px solid var(--c-card-typeA-color);
transform: translateX(-50%);
}
.c-card.-typeA > .body > .text {
margin-top: 1em;
font-size: var(--font-14);
line-height: 2;
text-align: justify;
word-break: break-all;
}
.c-card.-typeA > .footer {
position: absolute;
bottom: 1.25em;
right: 1.25em;
width: -moz-fit-content;
width: fit-content;
padding-right: calc(var(--font-23) + 0.5em);
font-weight: 700;
font-size: var(--font-13);
}
.c-card.-typeA > .footer::before, .c-card.-typeA > .footer::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: var(--font-23);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-card.-typeA > .footer::before {
background: var(--c-card-typeA-color);
border-radius: 100%;
}
.c-card.-typeA > .footer::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-23) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-23) * 0.6);
}
.c-card.-typeA:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-card.-typeA:hover > .media > .image {
transform: scale(1.2);
}
.c-card.-typeA:hover > .footer::before, .c-card.-typeA:hover > .footer::after {
transform: translate(3px, -50%);
}
.c-card.-typeB {
--c-card-typeB-color: var(--themeColor, var(--defaultColor));
}
@media (min-width: 768px) {
.c-card.-typeB {
flex-direction: row;
}
}
.c-card.-typeB > .media {
overflow: visible;
aspect-ratio: 1/1;
border-radius: 8px;
}
@media (min-width: 768px) {
.c-card.-typeB > .media {
width: calc(50% + clamp(10px, 1.1940298507vw, 16px));
}
}
.c-card.-typeB > .media::before {
content: "";
z-index: -1;
opacity: 0.3;
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
background: var(--color-gradient);
border-radius: 100%;
filter: blur(20px);
pointer-events: none;
}
.c-card.-typeB > .media > .image {
border-radius: 8px;
}
.c-card.-typeB > .body {
z-index: 1;
position: relative;
margin-top: clamp(25px, 2.9850746269vw, 40px);
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
}
@media (min-width: 768px) {
.c-card.-typeB > .body {
margin: clamp(35px, 4.1791044776vw, 56px) 0 clamp(35px, 4.1791044776vw, 56px) clamp(-32px, -2.3880597015vw, -20px);
padding: clamp(40px, 4.776119403vw, 64px) clamp(0px, 2.9850746269vw, 40px) clamp(40px, 4.776119403vw, 64px) clamp(0px, 5.3731343284vw, 72px);
}
}
.c-card.-typeB > .body::before {
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
width: clamp(0px, 12.2388059701vw, 164px);
aspect-ratio: 440/328;
background: var(--c-card-typeB-color) linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
transform: translate(36%, -54%) rotate(180deg);
}
.c-card.-typeB > .body > .heading {
margin: 0;
font-weight: 700;
font-size: var(--font-21);
line-height: 1.8;
color: var(--c-card-typeB-color);
}
.c-card.-typeB > .body > .heading + .text {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.c-card.-typeB > .body > .text {
font-size: var(--font-15);
line-height: 2;
text-align: justify;
word-break: break-all;
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse {
flex-direction: row-reverse;
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .body {
margin: clamp(35px, 4.1791044776vw, 56px) clamp(-32px, -2.3880597015vw, -20px) clamp(35px, 4.1791044776vw, 56px) 0;
padding: clamp(40px, 4.776119403vw, 64px) clamp(0px, 5.3731343284vw, 72px) clamp(40px, 4.776119403vw, 64px) clamp(0px, 2.9850746269vw, 40px);
}
}
.c-card.-typeB.-reverse > .body::before {
right: auto;
left: 0;
transform: translate(-36%, -54%) rotate(180deg);
}
.c-card.-typeC {
--c-card-typeC-color: var(--themeColor, var(--defaultColor));
}
@media (min-width: 768px) {
.c-card.-typeC {
flex-direction: row;
}
}
.c-card.-typeC > .media {
overflow: visible;
aspect-ratio: 640/420;
box-shadow: var(--box-shadow-medium);
}
@media (min-width: 768px) {
.c-card.-typeC > .media {
width: clamp(400px, 47.7611940299vw, 640px);
}
}
.c-card.-typeC > .media::before {
content: "";
z-index: -1;
opacity: 0.3;
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
background: var(--color-gradient);
border-radius: 100%;
filter: blur(20px);
pointer-events: none;
}
.c-card.-typeC > .media > .inner {
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 8px;
}
.c-card.-typeC > .media > .inner > .image {
transition: transform var(--transition-duration) ease;
}
.c-card.-typeC > .body {
z-index: 1;
position: relative;
margin-top: clamp(-32px, -2.3880597015vw, -20px);
color: var(--color-white);
transform: translateX(3vw);
}
@media (min-width: 768px) {
.c-card.-typeC > .body {
margin: clamp(35px, 4.1791044776vw, 56px) 0 clamp(35px, 4.1791044776vw, 56px) clamp(-56px, -4.1791044776vw, -35px);
transform: translateX(0);
}
}
.c-card.-typeC > .body::before {
opacity: 0.9;
z-index: -1;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--c-card-typeC-color);
border-radius: 8px;
transition: opacity var(--transition-duration) ease;
}
.c-card.-typeC > .body > .inner {
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: clamp(42px, 7.7611940299vw, 104px) clamp(19px, 3.5820895522vw, 48px);
}
@media (min-width: 768px) {
.c-card.-typeC > .body > .inner {
padding: clamp(26px, 4.776119403vw, 64px) clamp(19px, 3.5820895522vw, 48px);
}
}
.c-card.-typeC > .body > .inner::before, .c-card.-typeC > .body > .inner::after {
content: "";
position: absolute;
right: clamp(12px, 1.1940298507vw, 16px);
bottom: clamp(12px, 1.1940298507vw, 16px);
width: var(--font-23);
aspect-ratio: 1/1;
transition: transform var(--transition-duration) ease;
}
.c-card.-typeC > .body > .inner::before {
background: var(--color-white);
border-radius: 100%;
}
.c-card.-typeC > .body > .inner::after {
background: var(--c-card-typeC-color);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-23) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-23) * 0.6);
}
.c-card.-typeC > .body > .inner > .number {
position: absolute;
top: 0;
font-weight: 700;
font-size: clamp(53px, 6.2686567164vw, 84px);
font-family: var(--font-en);
color: rgba(255, 255, 255, 0.08);
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);
transform: translateY(-20%);
transition: color var(--transition-duration) ease;
}
.c-card.-typeC > .body > .inner > .heading {
padding-bottom: clamp(15px, 1.7910447761vw, 24px);
border-bottom: 1px dotted var(--color-white);
font-weight: 500;
font-size: var(--font-18);
line-height: 1.6;
}
@media (min-width: 768px) {
.c-card.-typeC > .body > .inner > .heading {
font-size: var(--font-21-fluid);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
}
.c-card.-typeC > .body > .inner > .data {
margin-top: clamp(10px, 1.1940298507vw, 16px);
font-size: var(--font-13);
line-height: 1.8;
}
@media (min-width: 768px) {
.c-card.-typeC > .body > .inner > .data {
font-size: var(--font-14);
}
}
@media (min-width: 768px) {
.c-card.-typeC.-reverse {
flex-direction: row-reverse;
}
}
.c-card.-typeC.-reverse > .body {
transform: translateX(-3vw);
}
@media (min-width: 768px) {
.c-card.-typeC.-reverse > .body {
margin: clamp(35px, 4.1791044776vw, 56px) clamp(-56px, -4.1791044776vw, -35px) clamp(35px, 4.1791044776vw, 56px) 0;
transform: translateX(0);
}
}
.c-card.-typeC:hover {
opacity: 1;
}
.c-card.-typeC:hover > .media > .inner > .image {
transform: scale(1.1);
}
.c-card.-typeC:hover > .body::before {
opacity: 1;
}
.c-card.-typeC:hover > .body > .inner::before, .c-card.-typeC:hover > .body > .inner::after {
transform: scale(1.2);
}
.c-card.-typeC:hover > .body > .inner > .number {
color: var(--color-white);
}
.c-card.-typeArchive {
transition-property: color;
}
.c-card.-typeArchive > .media {
aspect-ratio: 334/224;
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
}
.c-card.-typeArchive > .media > .image {
transition: transform var(--transition-duration) ease;
}
.c-card.-typeArchive > .media > .label {
z-index: 1;
position: absolute;
top: 0;
left: 0;
padding: 1.25em 0.5em;
background: var(--color-white);
border-radius: 0 0 8px 0;
font-weight: 700;
font-size: var(--font-16);
line-height: 1.4;
font-feature-settings: normal;
writing-mode: vertical-rl;
text-orientation: upright;
}
.c-card.-typeArchive > .body > .data {
display: flex;
align-items: center;
margin-top: 1.875em;
gap: clamp(10px, 1.1940298507vw, 16px);
font-size: var(--font-15);
}
.c-card.-typeArchive > .body > .data > .category {
flex: 0 1 auto;
padding: 0.25em 1.75em;
background: var(--color-indigo);
border-radius: 4px;
font-size: var(--font-11);
line-height: 2;
letter-spacing: 0;
color: var(--color-white);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-card.-typeArchive > .body > .data > .category.-career-support {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-career-seminar {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-become-a-professor {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-role-model {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-ob-interview {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-seminar {
background: var(--color-pink);
}
.c-card.-typeArchive > .body > .data > .category.-support-compatibility {
background: var(--color-blue);
}
.c-card.-typeArchive > .body > .data > .category.-work-life-balance {
background: var(--color-blue);
}
.c-card.-typeArchive > .body > .data > .category.-maternity-wear-rental {
background: var(--color-blue);
}
.c-card.-typeArchive > .body > .data > .category.-support-system {
background: var(--color-blue);
}
.c-card.-typeArchive > .body > .data > .category.-hospital-interview {
background: var(--color-purple);
}
.c-card.-typeArchive > .body > .data > .date {
flex: 0 0 auto;
font-family: var(--font-en);
}
.c-card.-typeArchive > .body > .heading {
margin-top: 1.25em;
font-weight: 500;
font-size: var(--font-16);
line-height: 1.6;
text-align: justify;
word-break: break-all;
text-decoration: underline;
transition: color var(--transition-duration) ease;
}
.c-card.-typeArchive > .body > .data + .heading {
margin-top: 0.75em;
}
.c-card.-typeArchive > .body > .text {
margin-top: 1em;
font-size: var(--font-12);
line-height: 2;
text-align: justify;
word-break: break-all;
color: var(--color-gray);
transition: color var(--transition-duration) ease;
}
.c-card.-typeArchive > .body > .text.-ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-card.-typeArchive.-home-column {
overflow: hidden;
background: var(--color-white);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
}
.c-card.-typeArchive.-home-column > .media {
border-radius: 0;
box-shadow: none;
}
.c-card.-typeArchive.-home-column > .body {
padding: 0 clamp(13px, 1.4925373134vw, 20px) clamp(20px, 2.3880597015vw, 32px);
}
.c-card.-typeArchive.-home-column > .body > .heading {
font-weight: 500;
font-size: var(--font-15);
text-decoration: none;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-card.-typeArchive:hover {
opacity: 1;
}
.c-card.-typeArchive:hover > .media > .image {
transform: scale(1.2);
}
.c-card.-typeArchive:hover > .body > .heading {
color: var(--color-indigo);
}
.c-card.-typeMessage {
align-items: flex-start;
flex-direction: column;
gap: clamp(0px, 5.9701492537vw, 80px);
}
@media (min-width: 560px) {
.c-card.-typeMessage {
flex-direction: row;
}
}
.c-card.-typeMessage > .media {
overflow: visible;
}
@media (min-width: 560px) {
.c-card.-typeMessage > .media {
width: clamp(128px, 23.8805970149vw, 320px);
}
}
.c-card.-typeMessage > .media > .inner {
position: relative;
aspect-ratio: 320/440;
}
.c-card.-typeMessage > .media > .inner::before {
content: "";
z-index: -1;
opacity: 0.3;
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
background: var(--color-gradient);
border-radius: 100%;
filter: blur(20px);
pointer-events: none;
}
.c-card.-typeMessage > .media > .inner.-square {
aspect-ratio: 1/1;
}
.c-card.-typeMessage > .media > .inner > .image {
border-radius: 8px;
}
.c-card.-typeMessage > .media > .data {
display: flex;
flex-direction: column;
gap: 0.125em;
margin-top: clamp(13px, 1.4925373134vw, 20px);
font-size: var(--font-21);
line-height: 1.4;
}
.c-card.-typeMessage > .media > .data > .label {
font-weight: 500;
font-size: var(--font-13);
line-height: 1.6;
color: var(--color-black-pale);
}
.c-card.-typeMessage > .media > .data > .name {
font-weight: 700;
}
.c-card.-typeMessage > .body > .data,
.c-card.-typeMessage > .body > .text {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.c-card.-typeMessage > .body > .data:first-child,
.c-card.-typeMessage > .body > .text:first-child {
margin-top: 0;
}
.c-card.-typeMessage > .body > .data {
font-size: var(--font-14);
line-height: 2;
color: var(--color-black-light);
}
.c-card.-typeMessage > .body > .text {
font-size: var(--font-15);
line-height: 2.2;
text-align: justify;
word-break: break-all;
}
.c-card.-typeMessage > .body > .text > p + p {
margin-top: 0.8em;
}
.c-card.-typeDefinition {
--c-card-typeDefinition-color: var(--themeColor, var(--defaultColor));
gap: clamp(25px, 2.9850746269vw, 40px) clamp(0px, 5.3731343284vw, 72px);
}
@media (min-width: 768px) {
.c-card.-typeDefinition {
flex-direction: row;
}
}
.c-card.-typeDefinition > .media {
aspect-ratio: 496/368;
border-radius: 8px;
}
@media (min-width: 768px) {
.c-card.-typeDefinition > .media {
width: 46.6165413534%;
}
}
@media (min-width: 768px) {
.c-card.-typeDefinition > .body {
padding: clamp(10px, 1.1940298507vw, 16px) 0;
}
}
.c-card.-typeDefinition > .body > .label {
position: relative;
margin-bottom: 0.875em;
padding-left: 1.5em;
font-weight: 700;
font-size: var(--font-13);
font-family: var(--font-en);
line-height: 1.2;
letter-spacing: 0.1em;
color: var(--c-card-typeDefinition-color);
}
.c-card.-typeDefinition > .body > .label::before {
content: "";
position: absolute;
top: 0.1em;
left: 0;
width: 1em;
aspect-ratio: 1/1;
border-radius: 50% 50% 0 50%;
background: currentColor;
}
.c-card.-typeDefinition > .body > .heading {
padding-bottom: 0.75em;
border-bottom: 1px dotted var(--color-gray);
font-weight: 500;
font-size: var(--font-27);
line-height: 1.4;
letter-spacing: 0;
}
.c-card.-typeDefinition > .body > .text {
margin-top: 1.5em;
font-size: var(--font-15);
line-height: 2.2;
text-align: justify;
word-break: break-all;
}
.c-card.-typeDefinition > .body > .action {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.c-card.-typeDefinition.-small > .body > .label {
font-size: var(--font-12);
}
.c-card.-typeDefinition.-small > .body > .heading {
font-size: var(--font-21);
}
.c-card.-typeDefinition.-small > .body > .text {
font-size: var(--font-14);
}
.c-card.-typeDefinition.-illust {
gap: clamp(10px, 1.1940298507vw, 16px);
padding: clamp(10px, 1.1940298507vw, 16px);
background: var(--color-offwhite);
border-radius: 2px;
}
.c-card.-typeDefinition.-illust > .media {
display: grid;
place-items: center;
aspect-ratio: auto;
border-radius: 0;
}
.c-card.-typeDefinition.-illust > .media > .image {
width: clamp(213px, 25.3731343284vw, 340px);
-o-object-fit: contain;
object-fit: contain;
}
.c-card.-typeDefinition.-illust > .body {
padding: clamp(30px, 3.5820895522vw, 48px) clamp(19px, 3.5820895522vw, 48px);
background: var(--color-white);
border-radius: 8px;
}
.c-drawer {
--c-drawer-z-index: var(--z-index-c-drawer);
--c-drawer-duration: .375s;
--c-drawer-easing: cubic-bezier(.43, .01, .08, 1);
--c-drawer-content-background: var(--color-white);
--c-drawer-scrollbar-color: var(--color-black);
--c-drawer-scrollbar-weight: 2px;
--c-drawer-back-background: rgba(255, 255, 255, .75);
}
.c-drawer {
z-index: var(--c-drawer-z-index);
opacity: 0;
visibility: hidden;
position: relative;
display: block;
transition-property: opacity, visibility;
transition-duration: calc(var(--c-drawer-duration) * 0.625);
transition-timing-function: var(--c-drawer-easing);
pointer-events: none;
}
.c-drawer > .close {
z-index: 2;
position: fixed;
}
.c-drawer > .content {
z-index: 1;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: var(--c-drawer-content-background);
transition: transform calc(var(--c-drawer-duration) * 0.625) var(--c-drawer-easing);
overscroll-behavior-y: contain;
scrollbar-color: var(--c-drawer-scrollbar-color) transparent;
}
.c-drawer > .content::-webkit-scrollbar {
width: var(--c-drawer-scrollbar-weight);
}
.c-drawer > .content::-webkit-scrollbar-track {
background: transparent;
}
.c-drawer > .content::-webkit-scrollbar-thumb {
background: var(--c-drawer-scrollbar-color);
border-radius: var(--c-drawer-scrollbar-weight);
}
.c-drawer > .back {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: var(--c-drawer-back-background);
cursor: default;
}
.c-drawer > .content.-top {
overflow: visible;
bottom: auto;
transform: translate(0, -100%);
}
.c-drawer > .content.-right {
left: auto;
width: auto;
min-height: 100%;
transform: translate(100%, 0);
}
.c-drawer > .content.-bottom {
overflow: visible;
top: auto;
transform: translate(0, 100%);
}
.c-drawer > .content.-left {
right: auto;
width: auto;
min-height: 100%;
transform: translate(-100%, 0);
}
.c-drawer[aria-hidden=false] {
opacity: 1;
visibility: visible;
transition-duration: var(--c-drawer-duration);
pointer-events: auto;
}
.c-drawer[aria-hidden=false] > .content {
transform: translate(0, 0);
transition-duration: var(--c-drawer-duration);
}
.c-embed {
--c-embed-aspect-ratio: 16 / 9;
}
.c-embed {
position: relative;
display: block;
width: 100%;
padding: 0;
}
.c-embed::before {
content: "";
display: block;
aspect-ratio: var(--c-embed-aspect-ratio);
}
.c-embed > .item,
.c-embed > iframe,
.c-embed > embed,
.c-embed > video,
.c-embed > object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.c-embed.-wide {
--c-embed-aspect-ratio: 21 / 9;
}
.c-embed.-narrow {
--c-embed-aspect-ratio: 4 / 3;
}
.c-embed.-square {
--c-embed-aspect-ratio: 1 / 1;
}
.c-fadein {
--c-fadein-transform-translate-length: 20px;
--c-fadein-transition-duration: 1s;
--c-fadein-transition-timing-function: ease;
--c-fadein-transition-delay: 0s;
--c-fadein-transition-delay-gap: .2s;
}
.c-fadein {
opacity: 0;
transition-property: opacity, transform;
transition-duration: var(--c-fadein-transition-duration);
transition-timing-function: var(--c-fadein-transition-timing-function);
transition-delay: var(--c-fadein-transition-delay);
animation-duration: var(--c-fadein-transition-duration);
}
.c-fadein.-toLeft {
transform: translateX(var(--c-fadein-transform-translate-length));
}
.c-fadein.-toRight {
transform: translateX(calc(var(--c-fadein-transform-translate-length) * -1));
}
.c-fadein.-up {
transform: translateY(var(--c-fadein-transform-translate-length));
}
.c-fadein.-down {
transform: translateY(calc(var(--c-fadein-transform-translate-length) * -1));
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
@media (min-width: 560px) {
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-sm-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-sm-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
}
@media (min-width: 768px) {
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-md-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-md-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
}
@media (min-width: 960px) {
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-lg-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-lg-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
}
@media (min-width: 1200px) {
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-xl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xl-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
}
@media (min-width: 1400px) {
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-1 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 1 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-2 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 2 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-3 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 3 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-4 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 4 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-5 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 5 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-6 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 6 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-7 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 7 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-8 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 8 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-9 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 9 );
}
.c-fadein.-delay-xxl-0 {
--c-fadein-transition-delay: 0;
}
.c-fadein.-delay-xxl-10 {
--c-fadein-transition-delay: calc( var(--c-fadein-transition-delay-gap) * 10 );
}
}
.c-fadein.-is-active {
opacity: 1;
transform: translate(0);
}
.c-fadein.-scale {
transform: scale(0.8);
}
.c-fadein.-scale-small {
transform: scale(0.9);
}
.c-fadein.-scale.-is-active, .c-fadein.-scale-small.-is-active {
transform: scale(1);
}
.c-formControl {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.c-formControl::-moz-placeholder {
opacity: 0.25;
}
.c-formControl::placeholder {
opacity: 0.25;
}
textarea.c-formControl {
resize: vertical;
}
select.c-formControl {
padding-right: 2em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-formControl[multiple], select.c-formControl[size]:not([size="1"]) {
background-image: none;
}
.c-formControl.-auto {
display: inline-block;
width: auto;
max-width: 100%;
}
.c-formControl {
padding: 0.875em 1.25em;
background: var(--color-offwhite);
border: 1px solid var(--color-gray-pale);
border-radius: 2px;
font-size: var(--font-16);
line-height: 1.6;
}
.c-formControl.-small {
font-size: var(--font-14);
}
.c-formControl.-xsmall {
font-size: var(--font-13);
}
.c-formControl.-narrow {
padding: 0.6875em 1.125em;
}
.c-formControl.-xnarrow {
padding: 0.5em 1em;
}
.c-formControl.-typeTermList {
min-width: 14em;
padding: 0.75em 1em;
font-size: var(--font-15);
}
.c-hamburger {
--c-hamburger-width: 28px;
--c-hamburger-weight: 2px;
--c-hamburger-space: 4px;
--c-hamburger-color: currentColor;
--c-hamburger-duration: .5s;
--c-hamburger-easing: ease;
--c-hamburger-rotate: 30deg;
}
.c-hamburger {
display: flex;
flex-direction: column;
gap: var(--c-hamburger-space);
}
.c-hamburger > .bar {
width: var(--c-hamburger-width);
height: var(--c-hamburger-weight);
background: var(--c-hamburger-color);
}
.c-hamburger > .bar:nth-child(1) {
animation: hamburger-bar1 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
.c-hamburger > .bar:nth-child(2) {
animation: hamburger-bar2 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
.c-hamburger > .bar:nth-child(3) {
animation: hamburger-bar3 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(1), .c-hamburger[aria-expanded=true] > .bar:nth-child(1) {
animation: hamburger-bar1-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(2), .c-hamburger[aria-expanded=true] > .bar:nth-child(2) {
animation: hamburger-bar2-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(3), .c-hamburger[aria-expanded=true] > .bar:nth-child(3) {
animation: hamburger-bar3-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
@keyframes hamburger-bar1 {
0% {
transform: translateY(calc(var(--c-hamburger-weight) + var(--c-hamburger-space))) rotate(calc(var(--c-hamburger-rotate) * -1));
}
50% {
transform: translateY(calc(var(--c-hamburger-weight) + var(--c-hamburger-space))) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-bar1-active {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(calc(var(--c-hamburger-weight, 2px) + var(--c-hamburger-space, 5px))) rotate(0);
}
100% {
transform: translateY(calc(var(--c-hamburger-weight, 2px) + var(--c-hamburger-space, 5px))) rotate(calc(var(--c-hamburger-rotate, 45deg) * -1));
}
}
@keyframes hamburger-bar2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hamburger-bar2-active {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hamburger-bar3 {
0% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space, 5px)) * -1)) rotate(var(--c-hamburger-rotate));
}
50% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space, 5px)) * -1)) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-bar3-active {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space)) * -1)) rotate(0);
}
100% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space)) * -1)) rotate(var(--c-hamburger-rotate));
}
}
.c-heading {
position: relative;
font: inherit;
line-height: 1;
color: inherit;
}
.c-heading.-typeA {
--c-heading-typeA-color: var(--themeColor, var(--defaultColor));
padding: 4em 0 1.75em;
background: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-logo.svg) no-repeat 50% 0/2.4em auto;
font-weight: 500;
font-size: var(--font-15);
line-height: 1.4;
text-align: center;
color: var(--c-heading-typeA-color);
}
.c-heading.-typeA[data-text]::before {
content: attr(data-text);
display: block;
margin-bottom: 0.25em;
font-weight: 700;
font-size: var(--font-34);
font-family: var(--font-en);
line-height: 1;
letter-spacing: 0.05em;
text-indent: 0.1em;
color: var(--color-black);
}
.c-heading.-typeA::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 2em;
border-bottom: 1px solid var(--color-gray-pale);
transform: translateX(-50%);
}
.c-heading.-typeA.-noDeco {
padding: 0;
background: none;
}
.c-heading.-typeA.-noDeco::after {
display: none;
}
.c-heading.-typeB {
--c-heading-typeB-color: var(--themeColor, var(--defaultColor));
display: flex;
align-items: center;
padding-left: 1.4em;
font-weight: 700;
font-size: var(--font-23);
line-height: 1.4;
letter-spacing: 0;
}
.c-heading.-typeB::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1em;
aspect-ratio: 1/1;
border: 0.3em solid var(--c-heading-typeB-color);
border-radius: 100%;
transform: translateY(-50%);
}
.c-heading.-typeB::after {
content: "";
flex: 1 1 0%;
min-width: 2em;
border-top: 1px solid currentColor;
margin-left: 1em;
}
.c-heading.-typeB.-large {
font-size: var(--font-27);
}
.c-heading.-typeB.-small {
font-size: var(--font-19);
}
.c-heading.-typeB.-xsmall {
font-size: var(--font-16);
}
.c-heading.-typeB.-noDeco {
padding-left: 0;
}
.c-heading.-typeB.-noDeco::before {
display: none;
}
.c-heading.-typeB.-noBorder::after {
display: none;
}
.c-heading.-typeC {
padding-bottom: 0.75em;
border-bottom: 1px dotted var(--color-gray);
font-weight: 500;
font-size: var(--font-23);
line-height: 1.4;
letter-spacing: 0;
}
.c-heading.-typeC.-large {
font-size: var(--font-27);
}
.c-heading.-typeC.-small {
font-size: var(--font-19);
}
.c-heading.-typeC.-xsmall {
font-size: var(--font-16);
}
.c-heading.-page-pageVisual {
--c-heading-page-pageVisual-color: var(--themeColor, var(--defaultColor));
font-weight: 700;
font-size: var(--font-35);
line-height: 1.4;
color: var(--c-heading-page-pageVisual-color);
}
@media (min-width: 960px) {
.c-heading.-page-pageVisual {
font-size: var(--font-42-fluid);
}
}
.c-heading.-page-pageVisual[data-text]::after {
content: attr(data-text);
display: block;
width: -moz-fit-content;
width: fit-content;
margin-top: 0.5em;
padding: 0.375em 0.875em;
background: var(--color-white);
font-size: var(--font-13);
font-family: var(--font-en);
line-height: 1.4;
letter-spacing: 0.075em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
@media (min-width: 960px) {
.c-heading.-page-pageVisual[data-text]::after {
font-size: var(--font-17-fluid);
}
}
.c-heading.-page-pageVisual > .inner {
background: var(--color-white);
padding: 0 0.25em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.c-icon {
display: inline-block;
width: 1em;
aspect-ratio: 1/1;
background-color: currentColor;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
vertical-align: baseline;
}
.c-icon.-arrow-left {
-webkit-mask-image: var(--icon-arrow-left);
mask-image: var(--icon-arrow-left);
}
.c-icon.-arrow-right {
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
}
.c-icon.-arrow-b-left {
-webkit-mask-image: var(--icon-arrow-b-left);
mask-image: var(--icon-arrow-b-left);
}
.c-icon.-arrow-b-right {
-webkit-mask-image: var(--icon-arrow-b-right);
mask-image: var(--icon-arrow-b-right);
}
.c-icon.-check {
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
}
.c-icon.-baby {
-webkit-mask-image: var(--icon-baby);
mask-image: var(--icon-baby);
}
.c-icon.-mail {
-webkit-mask-image: var(--icon-mail);
mask-image: var(--icon-mail);
}
.c-icon.-search {
-webkit-mask-image: var(--icon-search);
mask-image: var(--icon-search);
}
.c-icon.-document {
-webkit-mask-image: var(--icon-document);
mask-image: var(--icon-document);
}
.c-icon.-comment-left {
-webkit-mask-image: var(--icon-comment-left);
mask-image: var(--icon-comment-left);
}
.c-icon.-comment-right {
-webkit-mask-image: var(--icon-comment-right);
mask-image: var(--icon-comment-right);
}
.c-icon.-pagetop {
-webkit-mask-image: var(--icon-pagetop);
mask-image: var(--icon-pagetop);
}
.c-iconBtn {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
font: inherit;
line-height: 1;
letter-spacing: inherit;
text-align: center;
vertical-align: middle;
color: inherit;
cursor: pointer;
}
.c-iconBtn > .icon {
position: relative;
display: grid;
place-items: center;
}
.c-iconBtn.-site-wrap-drawerBtn {
padding-top: 2px;
background: var(--color-offwhite);
border-radius: 100%;
width: 58px;
height: 58px;
color: var(--color-black);
}
.c-iconBtn.-site-wrap-drawerBtn > .text {
margin-top: 0.5em;
font-size: var(--font-10);
font-family: var(--font-en);
letter-spacing: 0;
text-align: center;
}
.c-list {
display: flex;
flex-direction: column;
font-size: inherit;
line-height: inherit;
padding-left: 1.25em;
text-align: justify;
word-break: break-all;
}
.c-list.-disc {
list-style: disc;
}
.c-list.-circle {
list-style: circle;
}
.c-list.-square {
list-style: square;
}
.c-list.-decimal {
list-style: decimal;
}
.c-list.-custom {
padding-left: 1.25em;
}
.c-list.-custom > li {
position: relative;
}
.c-list.-custom > li::before {
content: attr(data-text);
width: 1em;
height: 1em;
position: absolute;
left: -1.25em;
}
.c-list.-noMarker {
padding-left: 0;
list-style: none;
}
.c-list.-gap-medium > li + li {
margin-top: 0.6em;
}
.c-list.-gap-small > li + li {
margin-top: 0.4em;
}
.c-list.-gap-xsmall > li + li {
margin-top: 0.2em;
}
.c-loader {
--c-loader-z-index: var(--z-index-c-loader);
--c-loader-background: var(--color-white);
}
.c-loader {
z-index: var(--c-loader-z-index);
opacity: 1;
visibility: visible;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: grid;
place-items: center;
background: var(--c-loader-background);
}
.c-loader {
background: rgba(255, 255, 255, 0.6);
}
.c-loader::after {
z-index: -1;
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--c-loader-background);
}
.c-loader.-is-loaded {
animation: c-loader-curtain 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s 1 both;
}
.c-loader.-is-loaded::after {
animation: c-loader-curtain 1s cubic-bezier(0.77, 0, 0.175, 1) 0s 1 both;
}
@keyframes c-loader-curtain {
0% {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
100% {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%);
}
}
.c-menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
font: inherit;
line-height: 1;
white-space: nowrap;
color: inherit;
}
.c-menu > .item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.c-menu > .item > .link {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
color: inherit;
}
.c-menu > .item > .child {
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.c-menu > .item > .child > .item {
position: relative;
display: flex;
margin: 0;
}
.c-menu > .item > .child > .item > .link {
display: inline-flex;
}
.c-menu > .item.-separater,
.c-menu > .item > .child > .item.-separater {
flex: 0 0 auto;
align-self: stretch;
border: 0.5px solid currentColor;
}
.c-menu > .item > .child.-center {
left: 50%;
transform: translateX(-50%);
}
.c-menu > .item > .child.-right {
left: auto;
right: 0;
}
.c-menu > .item > .child[aria-hidden=false] {
opacity: 1;
visibility: visible;
}
.c-menu.-site-header-gnav {
gap: 2.5vw;
font-weight: 700;
font-size: clamp(15px, 0.988372093vw, 17px);
letter-spacing: 0;
}
.c-menu.-site-header-gnav > .item > .link {
transition-property: color;
}
.c-menu.-site-header-gnav > .item > .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-menu.-site-header-snav {
font-weight: 500;
font-size: clamp(13px, 0.9302325581vw, 16px);
}
@media (min-width: 1400px) {
.c-menu.-site-header-snav {
font-weight: 700;
letter-spacing: -0.025em;
}
}
.c-menu.-site-header-snav > .item {
min-width: 6.5em;
border-left: 1px solid var(--color-gray-light);
padding: 0 1.25vw;
}
.c-menu.-site-header-snav > .item:last-child {
padding-right: 0;
}
.c-menu.-site-header-snav > .item > .link {
gap: 0.5em;
transition-property: color;
}
@media (min-width: 1400px) {
.c-menu.-site-header-snav > .item > .link {
flex-direction: column;
}
}
.c-menu.-site-header-snav > .item > .link:hover {
opacity: 1;
color: var(--color-blue);
}
.c-menu.-site-header-snav > .item > .link > .icon {
display: grid;
place-items: center;
font-size: 1.2em;
color: var(--color-blue);
}
@media (min-width: 1400px) {
.c-menu.-site-header-snav > .item > .link > .icon {
font-size: 1.4em;
}
}
.c-noContent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.c-noContent > .text {
text-align: center;
}
.c-noContent {
height: clamp(175px, 20.8955223881vw, 280px);
padding: clamp(25px, 2.9850746269vw, 40px);
background: var(--color-offwhite);
border: 1px solid var(--color-gray-pale);
font-size: var(--font-15);
line-height: 1.6;
color: var(--color-gray);
}
.c-noContent.-bgWhite {
background: var(--color-white);
}
.c-pagetopBtn {
display: inline-block;
cursor: pointer;
}
.c-pagetopBtn.-fadein {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
.c-pagetopBtn.-fadein.-is-active {
opacity: 1;
visibility: visible;
}
.c-pagetopBtn {
display: grid;
place-items: center;
padding-top: 2px;
background: var(--color-blue);
border-radius: 100%;
width: 56px;
height: 56px;
color: var(--color-white);
font-size: var(--font-29);
}
.c-pagetopBtn > .c-icon {
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
.c-pagetopBtn:hover > .c-icon {
opacity: var(--transition-opacity);
}
.c-pagination {
font: inherit;
line-height: 1;
letter-spacing: 0;
}
.c-pagination > .list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.c-pagination > .list > .item {
display: block;
}
.c-pagination > .list > .item > .link {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: inherit;
}
.c-pagination {
--c-pagination-color: var(--themeColor, var(--defaultColor));
font-weight: 500;
font-size: var(--font-18);
font-family: var(--font-en);
line-height: 1;
}
.c-pagination > .list {
gap: clamp(8px, 0.8955223881vw, 12px);
}
.c-pagination > .list > .item > .link {
display: grid;
place-items: center;
width: 2.5em;
aspect-ratio: 1/1;
background: var(--color-offwhite);
border-radius: 2px;
transition-property: background-color, color;
}
.c-pagination > .list > .item > .link.-current {
background: var(--c-pagination-color);
color: var(--color-white);
}
.c-pagination > .list > .item > .link:hover {
opacity: 1;
background: var(--c-pagination-color);
color: var(--color-white);
}
.c-row {
--c-row-gutter-x: 0px;
--c-row-gutter-y: 0px;
}
.c-row {
display: flex;
flex-wrap: wrap;
margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
padding: 0;
list-style: none;
}
.c-row > .col {
flex: 1 1 0%;
padding: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
}
.c-row.-reverse {
flex-direction: row-reverse;
}
.c-row.-center {
justify-content: center;
}
.c-row.-right {
justify-content: flex-end;
}
.c-row.-around {
justify-content: space-around;
}
.c-row.-between {
justify-content: space-between;
}
.c-row.-middle {
align-items: center;
}
.c-row.-bottom {
align-items: flex-end;
}
.c-row.-auto > .col {
flex: 0 0 auto;
}
.c-row.-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
@media (min-width: 560px) {
.c-row.-sm-row {
flex-direction: row;
}
.c-row.-sm-reverse {
flex-direction: row-reverse;
}
.c-row.-sm-left {
justify-content: flex-start;
}
.c-row.-sm-center {
justify-content: center;
}
.c-row.-sm-right {
justify-content: flex-end;
}
.c-row.-sm-around {
justify-content: space-around;
}
.c-row.-sm-between {
justify-content: space-between;
}
.c-row.-sm-top {
align-items: flex-start;
}
.c-row.-sm-middle {
align-items: center;
}
.c-row.-sm-bottom {
align-items: flex-end;
}
.c-row.-sm-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-sm-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-sm-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-sm-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-sm-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-sm-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-sm-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-sm-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-sm-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-sm-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-sm-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-sm-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-sm-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 768px) {
.c-row.-md-row {
flex-direction: row;
}
.c-row.-md-reverse {
flex-direction: row-reverse;
}
.c-row.-md-left {
justify-content: flex-start;
}
.c-row.-md-center {
justify-content: center;
}
.c-row.-md-right {
justify-content: flex-end;
}
.c-row.-md-around {
justify-content: space-around;
}
.c-row.-md-between {
justify-content: space-between;
}
.c-row.-md-top {
align-items: flex-start;
}
.c-row.-md-middle {
align-items: center;
}
.c-row.-md-bottom {
align-items: flex-end;
}
.c-row.-md-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-md-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-md-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-md-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-md-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-md-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-md-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-md-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-md-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-md-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-md-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-md-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-md-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 960px) {
.c-row.-lg-row {
flex-direction: row;
}
.c-row.-lg-reverse {
flex-direction: row-reverse;
}
.c-row.-lg-left {
justify-content: flex-start;
}
.c-row.-lg-center {
justify-content: center;
}
.c-row.-lg-right {
justify-content: flex-end;
}
.c-row.-lg-around {
justify-content: space-around;
}
.c-row.-lg-between {
justify-content: space-between;
}
.c-row.-lg-top {
align-items: flex-start;
}
.c-row.-lg-middle {
align-items: center;
}
.c-row.-lg-bottom {
align-items: flex-end;
}
.c-row.-lg-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-lg-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-lg-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-lg-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-lg-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-lg-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-lg-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-lg-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-lg-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-lg-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-lg-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-lg-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-lg-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1200px) {
.c-row.-xl-row {
flex-direction: row;
}
.c-row.-xl-reverse {
flex-direction: row-reverse;
}
.c-row.-xl-left {
justify-content: flex-start;
}
.c-row.-xl-center {
justify-content: center;
}
.c-row.-xl-right {
justify-content: flex-end;
}
.c-row.-xl-around {
justify-content: space-around;
}
.c-row.-xl-between {
justify-content: space-between;
}
.c-row.-xl-top {
align-items: flex-start;
}
.c-row.-xl-middle {
align-items: center;
}
.c-row.-xl-bottom {
align-items: flex-end;
}
.c-row.-xl-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-xl-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-xl-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-xl-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-xl-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-xl-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-xl-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-xl-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-xl-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-xl-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-xl-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-xl-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-xl-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1400px) {
.c-row.-xxl-row {
flex-direction: row;
}
.c-row.-xxl-reverse {
flex-direction: row-reverse;
}
.c-row.-xxl-left {
justify-content: flex-start;
}
.c-row.-xxl-center {
justify-content: center;
}
.c-row.-xxl-right {
justify-content: flex-end;
}
.c-row.-xxl-around {
justify-content: space-around;
}
.c-row.-xxl-between {
justify-content: space-between;
}
.c-row.-xxl-top {
align-items: flex-start;
}
.c-row.-xxl-middle {
align-items: center;
}
.c-row.-xxl-bottom {
align-items: flex-end;
}
.c-row.-xxl-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-xxl-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-xxl-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-xxl-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-xxl-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-xxl-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-xxl-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-xxl-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-xxl-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-xxl-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-xxl-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-xxl-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-xxl-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
.c-row > .col.-auto {
flex: 0 0 auto;
}
.c-row > .col.-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-twelve {
flex-basis: 100%;
max-width: 100%;
}
@media (min-width: 560px) {
.c-row > .col.-sm-auto {
flex: 0 0 auto;
}
.c-row > .col.-sm-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-sm-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-sm-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-sm-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-sm-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-sm-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-sm-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-sm-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-sm-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-sm-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-sm-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-sm-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.c-row > .col.-md-auto {
flex: 0 0 auto;
}
.c-row > .col.-md-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-md-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-md-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-md-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-md-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-md-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-md-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-md-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-md-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-md-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-md-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-md-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 960px) {
.c-row > .col.-lg-auto {
flex: 0 0 auto;
}
.c-row > .col.-lg-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-lg-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-lg-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-lg-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-lg-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-lg-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-lg-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-lg-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-lg-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-lg-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-lg-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-lg-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.c-row > .col.-xl-auto {
flex: 0 0 auto;
}
.c-row > .col.-xl-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-xl-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-xl-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-xl-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-xl-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-xl-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-xl-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-xl-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-xl-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-xl-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-xl-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-xl-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1400px) {
.c-row > .col.-xxl-auto {
flex: 0 0 auto;
}
.c-row > .col.-xxl-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-xxl-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-xxl-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-xxl-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-xxl-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-xxl-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-xxl-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-xxl-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-xxl-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-xxl-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-xxl-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-xxl-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
.c-row > .col.-order-1 {
order: 1;
}
.c-row > .col.-order-2 {
order: 2;
}
.c-row > .col.-order-3 {
order: 3;
}
.c-row > .col.-order-4 {
order: 4;
}
.c-row > .col.-order-5 {
order: 5;
}
.c-row > .col.-order-6 {
order: 6;
}
.c-row > .col.-order-7 {
order: 7;
}
.c-row > .col.-order-8 {
order: 8;
}
.c-row > .col.-order-9 {
order: 9;
}
.c-row > .col.-order-10 {
order: 10;
}
.c-row > .col.-order-11 {
order: 11;
}
.c-row > .col.-order-12 {
order: 12;
}
@media (min-width: 560px) {
.c-row > .col.-order-sm-1 {
order: 1;
}
.c-row > .col.-order-sm-2 {
order: 2;
}
.c-row > .col.-order-sm-3 {
order: 3;
}
.c-row > .col.-order-sm-4 {
order: 4;
}
.c-row > .col.-order-sm-5 {
order: 5;
}
.c-row > .col.-order-sm-6 {
order: 6;
}
.c-row > .col.-order-sm-7 {
order: 7;
}
.c-row > .col.-order-sm-8 {
order: 8;
}
.c-row > .col.-order-sm-9 {
order: 9;
}
.c-row > .col.-order-sm-10 {
order: 10;
}
.c-row > .col.-order-sm-11 {
order: 11;
}
.c-row > .col.-order-sm-12 {
order: 12;
}
}
@media (min-width: 768px) {
.c-row > .col.-order-md-1 {
order: 1;
}
.c-row > .col.-order-md-2 {
order: 2;
}
.c-row > .col.-order-md-3 {
order: 3;
}
.c-row > .col.-order-md-4 {
order: 4;
}
.c-row > .col.-order-md-5 {
order: 5;
}
.c-row > .col.-order-md-6 {
order: 6;
}
.c-row > .col.-order-md-7 {
order: 7;
}
.c-row > .col.-order-md-8 {
order: 8;
}
.c-row > .col.-order-md-9 {
order: 9;
}
.c-row > .col.-order-md-10 {
order: 10;
}
.c-row > .col.-order-md-11 {
order: 11;
}
.c-row > .col.-order-md-12 {
order: 12;
}
}
@media (min-width: 960px) {
.c-row > .col.-order-lg-1 {
order: 1;
}
.c-row > .col.-order-lg-2 {
order: 2;
}
.c-row > .col.-order-lg-3 {
order: 3;
}
.c-row > .col.-order-lg-4 {
order: 4;
}
.c-row > .col.-order-lg-5 {
order: 5;
}
.c-row > .col.-order-lg-6 {
order: 6;
}
.c-row > .col.-order-lg-7 {
order: 7;
}
.c-row > .col.-order-lg-8 {
order: 8;
}
.c-row > .col.-order-lg-9 {
order: 9;
}
.c-row > .col.-order-lg-10 {
order: 10;
}
.c-row > .col.-order-lg-11 {
order: 11;
}
.c-row > .col.-order-lg-12 {
order: 12;
}
}
@media (min-width: 1200px) {
.c-row > .col.-order-xl-1 {
order: 1;
}
.c-row > .col.-order-xl-2 {
order: 2;
}
.c-row > .col.-order-xl-3 {
order: 3;
}
.c-row > .col.-order-xl-4 {
order: 4;
}
.c-row > .col.-order-xl-5 {
order: 5;
}
.c-row > .col.-order-xl-6 {
order: 6;
}
.c-row > .col.-order-xl-7 {
order: 7;
}
.c-row > .col.-order-xl-8 {
order: 8;
}
.c-row > .col.-order-xl-9 {
order: 9;
}
.c-row > .col.-order-xl-10 {
order: 10;
}
.c-row > .col.-order-xl-11 {
order: 11;
}
.c-row > .col.-order-xl-12 {
order: 12;
}
}
@media (min-width: 1400px) {
.c-row > .col.-order-xxl-1 {
order: 1;
}
.c-row > .col.-order-xxl-2 {
order: 2;
}
.c-row > .col.-order-xxl-3 {
order: 3;
}
.c-row > .col.-order-xxl-4 {
order: 4;
}
.c-row > .col.-order-xxl-5 {
order: 5;
}
.c-row > .col.-order-xxl-6 {
order: 6;
}
.c-row > .col.-order-xxl-7 {
order: 7;
}
.c-row > .col.-order-xxl-8 {
order: 8;
}
.c-row > .col.-order-xxl-9 {
order: 9;
}
.c-row > .col.-order-xxl-10 {
order: 10;
}
.c-row > .col.-order-xxl-11 {
order: 11;
}
.c-row > .col.-order-xxl-12 {
order: 12;
}
}
.c-row.-gap-8 {
--c-row-gutter-x: clamp(5px, 0.5970149254vw, 8px);
--c-row-gutter-y: clamp(5px, 0.5970149254vw, 8px);
}
.c-row.-gap-16 {
--c-row-gutter-x: clamp(10px, 1.1940298507vw, 16px);
--c-row-gutter-y: clamp(10px, 1.1940298507vw, 16px);
}
.c-row.-gap-24 {
--c-row-gutter-x: clamp(15px, 1.7910447761vw, 24px);
--c-row-gutter-y: clamp(15px, 1.7910447761vw, 24px);
}
.c-row.-gap-32 {
--c-row-gutter-x: clamp(20px, 2.3880597015vw, 32px);
--c-row-gutter-y: clamp(20px, 2.3880597015vw, 32px);
}
.c-row.-gap-40 {
--c-row-gutter-x: clamp(25px, 2.9850746269vw, 40px);
--c-row-gutter-y: clamp(25px, 2.9850746269vw, 40px);
}
.c-row.-gap-48 {
--c-row-gutter-x: clamp(30px, 3.5820895522vw, 48px);
--c-row-gutter-y: clamp(30px, 3.5820895522vw, 48px);
}
.c-row.-gap-56 {
--c-row-gutter-x: clamp(35px, 4.1791044776vw, 56px);
--c-row-gutter-y: clamp(35px, 4.1791044776vw, 56px);
}
.c-row.-gap-64 {
--c-row-gutter-x: clamp(40px, 4.776119403vw, 64px);
--c-row-gutter-y: clamp(40px, 4.776119403vw, 64px);
}
.c-row.-gap-72 {
--c-row-gutter-x: clamp(45px, 5.3731343284vw, 72px);
--c-row-gutter-y: clamp(45px, 5.3731343284vw, 72px);
}
.c-row.-gap-80 {
--c-row-gutter-x: clamp(50px, 5.9701492537vw, 80px);
--c-row-gutter-y: clamp(50px, 5.9701492537vw, 80px);
}
.c-row.-gap-x-8 {
--c-row-gutter-x: clamp(5px, 0.5970149254vw, 8px);
}
.c-row.-gap-x-16 {
--c-row-gutter-x: clamp(10px, 1.1940298507vw, 16px);
}
.c-row.-gap-x-24 {
--c-row-gutter-x: clamp(15px, 1.7910447761vw, 24px);
}
.c-row.-gap-x-32 {
--c-row-gutter-x: clamp(20px, 2.3880597015vw, 32px);
}
.c-row.-gap-x-40 {
--c-row-gutter-x: clamp(25px, 2.9850746269vw, 40px);
}
.c-row.-gap-x-48 {
--c-row-gutter-x: clamp(30px, 3.5820895522vw, 48px);
}
.c-row.-gap-x-56 {
--c-row-gutter-x: clamp(35px, 4.1791044776vw, 56px);
}
.c-row.-gap-x-64 {
--c-row-gutter-x: clamp(40px, 4.776119403vw, 64px);
}
.c-row.-gap-x-72 {
--c-row-gutter-x: clamp(45px, 5.3731343284vw, 72px);
}
.c-row.-gap-x-80 {
--c-row-gutter-x: clamp(50px, 5.9701492537vw, 80px);
}
.c-row.-gap-y-8 {
--c-row-gutter-y: clamp(5px, 0.5970149254vw, 8px);
}
.c-row.-gap-y-16 {
--c-row-gutter-y: clamp(10px, 1.1940298507vw, 16px);
}
.c-row.-gap-y-24 {
--c-row-gutter-y: clamp(15px, 1.7910447761vw, 24px);
}
.c-row.-gap-y-32 {
--c-row-gutter-y: clamp(20px, 2.3880597015vw, 32px);
}
.c-row.-gap-y-40 {
--c-row-gutter-y: clamp(25px, 2.9850746269vw, 40px);
}
.c-row.-gap-y-48 {
--c-row-gutter-y: clamp(30px, 3.5820895522vw, 48px);
}
.c-row.-gap-y-56 {
--c-row-gutter-y: clamp(35px, 4.1791044776vw, 56px);
}
.c-row.-gap-y-64 {
--c-row-gutter-y: clamp(40px, 4.776119403vw, 64px);
}
.c-row.-gap-y-72 {
--c-row-gutter-y: clamp(45px, 5.3731343284vw, 72px);
}
.c-row.-gap-y-80 {
--c-row-gutter-y: clamp(50px, 5.9701492537vw, 80px);
}
.c-row.-typeArchive {
--c-row-gutter-x: clamp(0px, 2.3134328358vw, 31px);
--c-row-gutter-y: clamp(36px, 4.328358209vw, 58px);
}
.c-row.-c-contactForm-control {
--c-row-gutter-x: clamp(0px, 1.7910447761vw, 24px);
--c-row-gutter-y: 1.25em;
}
.c-row.-site-explore {
--c-row-gutter-x: clamp(0px, 3.5820895522vw, 48px);
--c-row-gutter-y: clamp(15px, 1.7910447761vw, 24px);
}
.c-row.-home-explore-secBody {
--c-row-gutter-x: clamp(0px, 4.776119403vw, 64px);
--c-row-gutter-y: 1.2em;
font-size: var(--font-18);
}
.c-scrollable {
--c-scrollable-inner-min-width: 0;
}
.c-scrollable {
overflow-x: auto;
display: block;
width: 100%;
overscroll-behavior-x: contain;
}
.c-scrollable > .inner {
min-width: var(--c-scrollable-inner-min-width);
}
.c-spinner {
--c-spinner-size: 32px;
--c-spinner-weight: 2px;
--c-spinner-bar-color: var(--color-black);
--c-spinner-track-color: var(--color-gray-light);
}
.c-spinner {
opacity: 0;
display: block;
width: var(--c-spinner-size);
height: var(--c-spinner-size);
border-width: var(--c-spinner-weight);
border-style: solid;
border-color: var(--c-spinner-track-color);
border-top-color: var(--c-spinner-bar-color);
border-radius: 50%;
transition: opacity 0.5s 1s ease;
animation: c-spinner 1s infinite linear;
}
.c-spinner.-is-ready {
opacity: 1;
}
@keyframes c-spinner {
100% {
transform: rotate(360deg);
}
}
.c-table {
--c-table-border: 1px solid var(--color-gray-pale);
--c-table-elem-gap: .8em;
--c-table-a-color: var(--themeColor, var(--defaultColor));
}
.c-table {
border: none;
}
.c-table thead, .c-table tbody, .c-table tfoot, .c-table tr, .c-table th, .c-table td {
border: none;
}
.c-table th {
font-weight: inherit;
}
.c-table th:first-child {
width: var(--c-table-th-width);
}
.c-table a:not(.c-btn) {
text-decoration: underline;
color: var(--c-table-a-color);
}
.c-table div,
.c-table hr, .c-table p, .c-table figure,
.c-table dl, .c-table ul, .c-table ol {
margin-bottom: var(--c-table-elem-gap);
}
.c-table div:last-child,
.c-table hr:last-child, .c-table p:last-child, .c-table figure:last-child,
.c-table dl:last-child, .c-table ul:last-child, .c-table ol:last-child {
margin-bottom: 0;
}
.c-table.-line tr:first-child > th,
.c-table.-line tr:first-child > td {
border-top: var(--c-table-border);
}
.c-table.-line th,
.c-table.-line td {
border-bottom: var(--c-table-border);
}
.c-table.-cell tr {
border-top: var(--c-table-border);
border-bottom: var(--c-table-border);
}
.c-table.-cell th,
.c-table.-cell td {
border-right: var(--c-table-border);
border-left: var(--c-table-border);
}
.c-table {
font-size: var(--font-15);
line-height: 1.8;
}
.c-table th,
.c-table td {
vertical-align: middle;
padding: 1.5em;
}
.c-table th {
background: var(--color-offwhite);
}
.c-table thead th {
font-weight: 700;
}
.c-table tbody th {
font-weight: 500;
}
.c-table.-small {
font-size: var(--font-14);
}
.c-table.-xsmall {
font-size: var(--font-13);
}
.c-table.-narrow {
line-height: 1.6;
}
.c-table.-narrow th, .c-table.-narrow td {
padding: 1.2em 1.375em;
}
.c-table.-xnarrow {
line-height: 1.6;
}
.c-table.-xnarrow th, .c-table.-xnarrow td {
padding: 0.9em 1.25em;
}
.c-table.-xxnarrow {
line-height: 1.6;
}
.c-table.-xxnarrow th, .c-table.-xxnarrow td {
padding: 0.6em 1.125em;
}
.c-typography {
--c-typography-elem-gap: 1em;
--c-typography-a-color: var(--color-indigo);
}
.c-typography {
font: inherit;
line-height: inherit;
color: inherit;
text-align: justify;
word-break: break-all;
}
.c-typography hr {
border-color: currentColor;
}
.c-typography h1, .c-typography h2, .c-typography h3, .c-typography h4, .c-typography h5, .c-typography h6 {
margin: 0;
}
.c-typography h1:not(.c-heading), .c-typography h2:not(.c-heading), .c-typography h3:not(.c-heading), .c-typography h4:not(.c-heading), .c-typography h5:not(.c-heading), .c-typography h6:not(.c-heading) {
font: inherit;
line-height: inherit;
color: inherit;
}
.c-typography ul:not(.c-list):not(.c-row) {
padding-left: 1.25em;
list-style: disc;
}
.c-typography ol:not(.c-list):not(.c-row) {
padding-left: 1.25em;
list-style: decimal;
}
.c-typography strong {
font-weight: bolder;
}
.c-typography a:not(.c-btn) {
text-decoration-line: underline;
color: var(--c-typography-a-color);
}
.c-typography hr, .c-typography p, .c-typography figure, .c-typography table, .c-typography blockquote,
.c-typography dl, .c-typography ul:not(.c-row), .c-typography ol:not(.c-row) {
margin-bottom: var(--c-typography-elem-gap);
}
.c-typography hr:last-child, .c-typography p:last-child, .c-typography figure:last-child, .c-typography table:last-child, .c-typography blockquote:last-child,
.c-typography dl:last-child, .c-typography ul:not(.c-row):last-child, .c-typography ol:not(.c-row):last-child {
margin-bottom: 0;
}
.c-typography {
--c-typography-color: var(--themeColor, var(--defaultColor));
font-size: var(--font-16);
line-height: 2.2;
}
.c-typography h2 {
margin: 2.8em 0 1.2em;
}
.c-typography h2:not(.c-heading) {
--color: inherit;
position: relative;
padding-left: 1.4em;
font-weight: 700;
font-size: 1.4em;
line-height: 1.4;
letter-spacing: 0;
}
.c-typography h2:not(.c-heading)::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1em;
aspect-ratio: 1/1;
border: 0.3em solid var(--c-typography-color);
border-radius: 100%;
transform: translateY(-50%);
}
.c-typography h2:first-child {
margin-top: 0;
}
.c-typography h3 {
margin: 1.8em 0 1.2em;
}
.c-typography h3:not(.c-heading) {
font-weight: 700;
font-size: 1.2em;
line-height: 1.4;
letter-spacing: 0;
}
.c-typography h3:first-child {
margin-top: 0;
}
.c-typography .section {
margin: clamp(60px, 7.1641791045vw, 96px) 0;
}
.c-typography [id] {
scroll-margin-top: calc(var(--header-height) + clamp(20px, 2.3880597015vw, 32px));
}
.c-typography a:hover {
transition-property: color;
color: var(--color-blue);
}
.c-typography table:not(.c-table) th,
.c-typography table:not(.c-table) td {
padding: 0.7em 1em;
border-color: var(--color-gray);
}
.c-typography.-small {
--c-typography-elem-gap: .8em;
font-size: var(--font-15);
}
.c-typography.-small h2 {
margin: 2.6em 0 1em;
}
.c-typography.-small h2:not(.c-heading) {
font-size: 1.3em;
}
.c-typography.-small h2:first-child {
margin-top: 0;
}
.c-typography.-small h3 {
margin: 1.6em 0 1em;
}
.c-typography.-small h3:not(.c-heading) {
font-size: 1.1em;
}
.c-typography.-small h3:first-child {
margin-top: 0;
}
.c-typography.-xsmall {
--c-typography-elem-gap: .6em;
font-size: var(--font-14);
}
.c-typography.-xsmall h2 {
margin: 2.4em 0 0.8em;
}
.c-typography.-xsmall h2:not(.c-heading) {
font-size: 1.2em;
}
.c-typography.-xsmall h2:first-child {
margin-top: 0;
}
.c-typography.-xsmall h3 {
margin: 1.4em 0 0.8em;
}
.c-typography.-xsmall h3:not(.c-heading) {
font-size: 1.04em;
}
.c-typography.-xsmall h3:first-child {
margin-top: 0;
}
.c-typography.-singleHospital-freearea {
--c-typography-elem-gap: .8em;
font-size: var(--font-15);
line-height: 2;
}
.c-typography.-singleHospital-freearea h2 {
margin: 1.6em 0 0.8em;
}
.c-typography.-singleHospital-freearea h2:not(.c-heading) {
font-size: calc(1em + 1px);
}
.c-typography.-singleHospital-freearea h2:first-child {
margin-top: 0;
}
.c-typography.-singleHospital-freearea h3 {
margin: 1.6em 0 0.8em;
}
.c-typography.-singleHospital-freearea h3:not(.c-heading) {
font-size: 1em;
}
.c-typography.-singleHospital-freearea h3:first-child {
margin-top: 0;
}
.c-typography.-single-article-body h2:not(.c-heading) {
padding-left: 0;
}
.c-typography.-single-article-body h2:not(.c-heading)::before {
display: none;
}
.c-typography.-single-article-body h2:first-child {
margin-top: 0;
}
.c-archive {
font-size: var(--font-16);
line-height: 1.6;
}
.c-archive > .item {
border-bottom: 1px solid var(--color-gray-light);
}
.c-archive > .item > .article {
position: relative;
display: flex;
flex-direction: column;
gap: 0.4em 1.75em;
padding: 1em 2.5em 1em 0;
transition-property: color;
}
@media (min-width: 960px) {
.c-archive > .item > .article {
flex-direction: row;
align-items: center;
}
}
.c-archive > .item > .article::before, .c-archive > .item > .article::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: calc(1em + 5px);
aspect-ratio: 1/1;
transform: translateY(-50%);
}
.c-archive > .item > .article::before {
background: currentColor;
border-radius: 100%;
}
.c-archive > .item > .article::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
}
.c-archive > .item > .article:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-archive > .item > .article > .data {
flex: 0 0 auto;
display: flex;
align-items: center;
}
.c-archive > .item > .article > .data > .date {
flex: 0 0 auto;
min-width: 6em;
font-family: var(--font-en);
white-space: nowrap;
}
.c-archive > .item > .article > .data > .category {
flex: 0 1 auto;
}
.c-archive > .item > .article > .data > .category > .inner {
min-width: 11em;
padding: 0.125em 1em;
background: var(--color-indigo);
border-radius: 4px;
font-size: var(--font-12);
line-height: 2;
letter-spacing: 0;
text-align: center;
color: var(--color-white);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-archive > .item > .article > .data > .category > .inner.-career-support {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-career-seminar {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-become-a-professor {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-role-model {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-ob-interview {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-seminar {
background: var(--color-pink);
}
.c-archive > .item > .article > .data > .category > .inner.-support-compatibility {
background: var(--color-blue);
}
.c-archive > .item > .article > .data > .category > .inner.-work-life-balance {
background: var(--color-blue);
}
.c-archive > .item > .article > .data > .category > .inner.-maternity-wear-rental {
background: var(--color-blue);
}
.c-archive > .item > .article > .data > .category > .inner.-support-system {
background: var(--color-blue);
}
.c-archive > .item > .article > .data > .category > .inner.-hospital-interview {
background: var(--color-purple);
}
.c-archive > .item > .article > .title {
flex: 1 1 0%;
text-align: justify;
word-break: break-all;
}
.c-box {
--c-box-color: var(--themeColor, var(--defaultColor));
padding: clamp(40px, 4.776119403vw, 64px) clamp(0px, 4.776119403vw, 64px);
background: var(--color-offwhite);
border-radius: 2px;
}
.c-box > .section + .section {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.c-box.-small {
padding: clamp(30px, 3.5820895522vw, 48px) clamp(0px, 3.5820895522vw, 48px);
}
.c-box.-xsmall {
padding: clamp(20px, 2.3880597015vw, 32px);
}
.c-box.-xxsmall {
padding: clamp(10px, 1.1940298507vw, 16px);
}
.c-box.-white {
background: var(--color-white);
}
.c-box.-border {
border: 1px solid var(--c-box-color);
}
.c-box.-rounded-8 {
border-radius: 8px;
}
.c-box.-rounded-16 {
border-radius: 16px;
}
.c-callout {
--c-callout-color: var(--themeColor, var(--defaultColor));
position: relative;
display: block;
padding: clamp(10px, 1.1940298507vw, 16px);
border-radius: 2px;
}
.c-callout::before {
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--c-callout-color);
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M6%208h2c.55%200%201-.45%201-1s-.45-1-1-1H6V4c0-.55-.45-1-1-1s-1%20.45-1%201v2H2c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1V8zm-3%205H1v-2c0-.55-.45-1-1-1v4h4c0-.55-.45-1-1-1zM0%204c.55%200%201-.45%201-1V1h2c.55%200%201-.45%201-1H0v4zm6-4c0%20.55.45%201%201%201h2v2c0%20.55.45%201%201%201V0H6zm4%2010c-.55%200-1%20.45-1%201v2H7c-.55%200-1%20.45-1%201h4v-4z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M6%208h2c.55%200%201-.45%201-1s-.45-1-1-1H6V4c0-.55-.45-1-1-1s-1%20.45-1%201v2H2c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1V8zm-3%205H1v-2c0-.55-.45-1-1-1v4h4c0-.55-.45-1-1-1zM0%204c.55%200%201-.45%201-1V1h2c.55%200%201-.45%201-1H0v4zm6-4c0%20.55.45%201%201%201h2v2c0%20.55.45%201%201%201V0H6zm4%2010c-.55%200-1%20.45-1%201v2H7c-.55%200-1%20.45-1%201h4v-4z%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-size: 10px 14px;
mask-size: 10px 14px;
}
.c-callout > .inner {
position: relative;
padding: clamp(35px, 4.1791044776vw, 56px) clamp(0px, 4.776119403vw, 64px) clamp(43px, 5.0746268657vw, 68px);
background: var(--color-white);
border-radius: 8px;
}
.c-callout > .inner::before {
content: "";
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid var(--c-callout-color);
border-radius: 8px;
pointer-events: none;
}
.c-callout > .inner > .heading {
position: relative;
margin: clamp(-8px, -0.5970149254vw, -5px) 0 0.875em;
padding-bottom: 0.875em;
font-weight: 700;
font-size: var(--font-21);
line-height: 1.6;
text-align: center;
}
.c-callout > .inner > .heading::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1.5em;
border-bottom: 1px solid var(--c-callout-color);
transform: translateX(-50%);
}
.c-callout > .inner > .text {
font-size: var(--font-16);
line-height: 2.2;
text-align: center;
}
.c-callout > .inner > .action {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.c-checkbox {
--c-checkbox-cb-width: 1.125em;
--c-checkbox-cb-background: var(--color-white);
--c-checkbox-cb-border-width: 1px;
--c-checkbox-cb-border-color: var(--color-gray);
--c-checkbox-cb-border-radius: 3px;
--c-checkbox-active-cb-color: var(--themeColor, var(--defaultColor));
--c-checkbox-active-cb-background: var(--color-white);
--c-checkbox-active-cb-border-color: var(--themeColor, var(--defaultColor));
--c-checkbox-focus-cb-border-color: var(--themeColor, var(--defaultColor));
--c-checkbox-focus-cb-box-shadow: 0 0 0 1px var(--themeColor, var(--defaultColor));
position: relative;
display: inline-block;
}
.c-checkbox > .checkbox {
z-index: -1;
opacity: 0;
position: absolute;
left: 0;
width: var(--c-checkbox-cb-width);
}
.c-checkbox > .label {
position: relative;
display: block;
padding-left: calc(var(--c-checkbox-cb-width) + 0.4em);
}
.c-checkbox > .label::before, .c-checkbox > .label::after {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: var(--c-checkbox-cb-width);
aspect-ratio: 1/1;
transform: translateY(-50%);
}
.c-checkbox > .label::before {
background: var(--c-checkbox-cb-background);
border: var(--c-checkbox-cb-border-width) solid var(--c-checkbox-cb-border-color);
border-radius: var(--c-checkbox-cb-border-radius);
pointer-events: none;
}
.c-checkbox > .label::after {
opacity: 0;
background: currentColor;
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M5.61%2011.71c.2.19.46.29.72.29.26%200%20.52-.1.72-.29L13.2%205.7c.4-.39.4-1.02%200-1.41-.4-.39-1.04-.39-1.44%200L6.33%209.6%204.24%207.56c-.4-.39-1.04-.39-1.44%200-.4.39-.4%201.02%200%201.41l2.81%202.74z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M5.61%2011.71c.2.19.46.29.72.29.26%200%20.52-.1.72-.29L13.2%205.7c.4-.39.4-1.02%200-1.41-.4-.39-1.04-.39-1.44%200L6.33%209.6%204.24%207.56c-.4-.39-1.04-.39-1.44%200-.4.39-.4%201.02%200%201.41l2.81%202.74z%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-size: 0.9em;
mask-size: 0.9em;
}
.c-checkbox > .checkbox:checked + .label::before {
background: var(--c-checkbox-active-cb-background);
border-color: var(--c-checkbox-active-cb-border-color);
}
.c-checkbox > .checkbox:checked + .label::after {
opacity: 1;
background: var(--c-checkbox-active-cb-color);
}
.c-checkbox > .checkbox:focus + .label::before {
border-color: var(--c-checkbox-focus-cb-border-color);
box-shadow: var(--c-checkbox-focus-cb-box-shadow);
}
.c-checkbox > .checkbox:disabled + .label {
opacity: 0.5;
cursor: not-allowed;
}
.c-checkbox > .checkbox:disabled + .label::before {
background: #eee;
}
.c-checkbox > .checkbox:disabled + .label::after {
content: none;
}
.c-contactForm {
font-size: var(--font-16);
line-height: 1.6;
}
.c-contactForm > .lead {
display: none;
margin-bottom: clamp(50px, 5.9701492537vw, 80px);
}
.c-contactForm > .lead > .heading {
font-weight: 700;
font-size: var(--font-23);
line-height: 1.6;
text-align: center;
}
.c-contactForm > .lead > .text {
margin-top: 1.5em;
font-size: var(--font-16);
line-height: 1.8;
text-align: center;
}
.c-contactForm > .list {
border-bottom: 1px solid var(--color-gray-pale);
}
.c-contactForm > .list > .item {
display: flex;
flex-direction: column;
gap: 0.5em 0;
padding: 1.25em 0;
border-top: 1px solid var(--color-gray-pale);
}
@media (min-width: 768px) {
.c-contactForm > .list > .item {
flex-direction: row;
}
}
.c-contactForm > .list > .item.-combine {
border-top: none;
padding-top: 0;
}
.c-contactForm > .list > .item > .label {
font-weight: 700;
}
@media (min-width: 768px) {
.c-contactForm > .list > .item > .label {
flex: 0 0 auto;
width: 18em;
padding: calc(0.875em + 1px) 0;
}
}
.c-contactForm > .list > .item > .label > .required {
margin-left: 1em;
font-size: var(--font-14);
color: var(--color-red);
}
.c-contactForm > .list > .item > .control {
flex: 1 1 0%;
}
.c-contactForm > .list > .item > .control > .checkboxList > .item + .item {
margin-top: 0.5em;
}
.c-contactForm > .note {
max-width: 48em;
margin: clamp(40px, 4.776119403vw, 64px) auto 0;
font-size: var(--font-14);
line-height: 2;
}
.c-contactForm > .action {
margin-top: clamp(40px, 4.776119403vw, 64px);
text-align: center;
}
.c-contactForm > .action > .back {
margin-top: 1em;
}
.c-contactForm-controlSeparator {
display: block;
position: relative;
height: 100%;
padding: 0 0.5em;
}
.c-contactForm-controlSeparator::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 2em;
border-right: 1px solid var(--color-gray-pale);
transform: translate(-50%, -50%) rotate(25deg);
}
.mw_wp_form_preview .c-contactForm > .lead {
display: block;
}
@media (min-width: 768px) {
.mw_wp_form_preview .c-contactForm > .list > .item > .label {
padding: 0;
}
}
.mw_wp_form_preview .c-contactForm > .list > .item > .label > .required {
display: none;
}
.c-dataList {
--c-dataList-horizontal-term-width: 16em;
border-top: 1px solid var(--color-gray-pale);
font-size: var(--font-15);
line-height: 1.8;
}
.c-dataList > .item {
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--color-gray-pale);
}
.c-dataList > .item > .term {
flex: 0 0 auto;
width: 100%;
padding: 0.75em 1em;
background: var(--color-offwhite);
font-weight: 700;
}
.c-dataList > .item > .description {
flex: 1 1 0%;
padding: 1em 1em 1.25em;
text-align: justify;
word-break: break-all;
}
.c-dataList > .item > .description p, .c-dataList > .item > .description ul, .c-dataList > .item > .description ol {
margin-bottom: 0.8em;
}
.c-dataList > .item > .description p:last-child, .c-dataList > .item > .description ul:last-child, .c-dataList > .item > .description ol:last-child {
margin-bottom: 0;
}
.c-dataList.-small {
font-size: var(--font-14);
}
.c-dataList.-xsmall {
font-size: var(--font-13);
}
.c-dataList.-horizontal > .item {
flex-direction: row;
}
.c-dataList.-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
@media (min-width: 560px) {
.c-dataList.-sm-horizontal > .item {
flex-direction: row;
}
.c-dataList.-sm-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-sm-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
.c-dataList.-sm-vertical > .item {
flex-direction: column;
}
.c-dataList.-sm-vertical > .item > .term {
width: 100%;
padding: 0.75em 1em;
}
.c-dataList.-sm-vertical > .item > .description {
padding: 1em 1em 1.25em;
align-self: flex-start;
}
}
@media (min-width: 768px) {
.c-dataList.-md-horizontal > .item {
flex-direction: row;
}
.c-dataList.-md-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-md-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
.c-dataList.-md-vertical > .item {
flex-direction: column;
}
.c-dataList.-md-vertical > .item > .term {
width: 100%;
padding: 0.75em 1em;
}
.c-dataList.-md-vertical > .item > .description {
padding: 1em 1em 1.25em;
align-self: flex-start;
}
}
@media (min-width: 960px) {
.c-dataList.-lg-horizontal > .item {
flex-direction: row;
}
.c-dataList.-lg-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-lg-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
.c-dataList.-lg-vertical > .item {
flex-direction: column;
}
.c-dataList.-lg-vertical > .item > .term {
width: 100%;
padding: 0.75em 1em;
}
.c-dataList.-lg-vertical > .item > .description {
padding: 1em 1em 1.25em;
align-self: flex-start;
}
}
@media (min-width: 1200px) {
.c-dataList.-xl-horizontal > .item {
flex-direction: row;
}
.c-dataList.-xl-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-xl-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
.c-dataList.-xl-vertical > .item {
flex-direction: column;
}
.c-dataList.-xl-vertical > .item > .term {
width: 100%;
padding: 0.75em 1em;
}
.c-dataList.-xl-vertical > .item > .description {
padding: 1em 1em 1.25em;
align-self: flex-start;
}
}
@media (min-width: 1400px) {
.c-dataList.-xxl-horizontal > .item {
flex-direction: row;
}
.c-dataList.-xxl-horizontal > .item > .term {
width: var(--c-dataList-horizontal-term-width);
padding: 1.5em;
}
.c-dataList.-xxl-horizontal > .item > .description {
padding: 1.5em;
align-self: center;
}
.c-dataList.-xxl-vertical > .item {
flex-direction: column;
}
.c-dataList.-xxl-vertical > .item > .term {
width: 100%;
padding: 0.75em 1em;
}
.c-dataList.-xxl-vertical > .item > .description {
padding: 1em 1em 1.25em;
align-self: flex-start;
}
}
.c-definitionList {
--c-definitionList-color: var(--themeColor, var(--defaultColor));
font-size: var(--font-17);
line-height: 1.6;
}
.c-definitionList > .item {
position: relative;
padding: 1.4em 0;
border-bottom: 1px solid var(--color-gray-pale);
}
.c-definitionList > .item > .heading {
font-weight: 700;
}
.c-definitionList > .item > .heading > .link {
position: relative;
display: inline-block;
padding-right: 1.75em;
text-decoration: underline;
transition-property: color;
}
.c-definitionList > .item > .heading > .link::before, .c-definitionList > .item > .heading > .link::after {
content: "";
position: absolute;
top: calc(50% + 1px);
right: 0;
width: calc(1em + 2px);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-definitionList > .item > .heading > .link::before {
background: var(--c-definitionList-color);
border-radius: 100%;
}
.c-definitionList > .item > .heading > .link::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
}
.c-definitionList > .item > .data {
margin-top: 0.75em;
font-size: var(--font-13);
color: var(--color-gray);
}
.c-definitionList > .item > .text {
margin-top: 0.5em;
font-size: var(--font-14);
text-align: justify;
word-break: break-all;
}
.c-definitionList > .item > .heading > .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-definitionList > .item > .heading > .link:hover::before, .c-definitionList > .item > .heading > .link:hover::after {
transform: translate(3px, -50%);
}
.c-figure {
--c-figure-color: var(--themeColor, var(--defaultColor));
position: relative;
display: block;
margin: 0 auto;
text-align: center;
}
.c-figure > .deco {
position: absolute;
top: 0;
right: 0;
transform: translate(20%, -20%) rotate(20deg);
}
.c-figure > .deco > .image {
width: clamp(90px, 10.7462686567vw, 144px);
}
.c-figure > .image,
.c-figure > .inner > .image {
width: 100%;
border-radius: 8px;
}
.c-figure > .figcaption,
.c-figure > .inner > .figcaption {
margin-top: 0.75em;
font-size: var(--font-13);
line-height: 1.8;
color: var(--color-black-light);
}
.c-figure.-small {
max-width: clamp(450px, 53.7313432836vw, 720px);
}
.c-figure.-frame {
padding: clamp(10px, 1.1940298507vw, 16px);
border-radius: 2px;
}
.c-figure.-frame::before {
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--c-figure-color);
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M6%208h2c.55%200%201-.45%201-1s-.45-1-1-1H6V4c0-.55-.45-1-1-1s-1%20.45-1%201v2H2c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1V8zm-3%205H1v-2c0-.55-.45-1-1-1v4h4c0-.55-.45-1-1-1zM0%204c.55%200%201-.45%201-1V1h2c.55%200%201-.45%201-1H0v4zm6-4c0%20.55.45%201%201%201h2v2c0%20.55.45%201%201%201V0H6zm4%2010c-.55%200-1%20.45-1%201v2H7c-.55%200-1%20.45-1%201h4v-4z%22%2F%3E%3C%2Fsvg%3E");
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2214%22%3E%3Cpath%20d%3D%22M6%208h2c.55%200%201-.45%201-1s-.45-1-1-1H6V4c0-.55-.45-1-1-1s-1%20.45-1%201v2H2c-.55%200-1%20.45-1%201s.45%201%201%201h2v2c0%20.55.45%201%201%201s1-.45%201-1V8zm-3%205H1v-2c0-.55-.45-1-1-1v4h4c0-.55-.45-1-1-1zM0%204c.55%200%201-.45%201-1V1h2c.55%200%201-.45%201-1H0v4zm6-4c0%20.55.45%201%201%201h2v2c0%20.55.45%201%201%201V0H6zm4%2010c-.55%200-1%20.45-1%201v2H7c-.55%200-1%20.45-1%201h4v-4z%22%2F%3E%3C%2Fsvg%3E");
-webkit-mask-size: 10px 14px;
mask-size: 10px 14px;
}
.c-figure.-frame > .inner {
overflow: hidden;
position: relative;
padding: 0;
background: var(--color-white);
border-radius: 8px;
}
.c-figure.-frame > .inner::before {
content: "";
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid var(--c-figure-color);
border-radius: 8px;
pointer-events: none;
}
.c-figure.-border > .image {
border: 1px solid var(--color-gray-light);
}
.c-figure.-noRounded > .image {
border-radius: 0;
}
.c-gallery > .main {
overflow: hidden;
}
.c-gallery > .thumbnail {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.c-iconCard {
position: relative;
display: block;
height: 100%;
line-height: 1;
text-decoration: none;
color: inherit;
word-wrap: break-word;
}
.c-iconCard.-typeA {
--c-iconCard-typeA-color: var(--themeColor, var(--defaultColor));
--c-iconCard-typeA-font-size: var(--font-19);
overflow: hidden;
display: grid;
grid-template-areas: ".... ......." "icon heading" "text text   ";
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
gap: 0 clamp(10px, 1.1940298507vw, 16px);
min-height: calc(var(--c-iconCard-typeA-font-size) * 6.4);
padding: calc(var(--c-iconCard-typeA-font-size) * 1.25) calc(var(--c-iconCard-typeA-font-size) * 1.25 + clamp(18px, 1.7910447761vw, 24px) * 2) calc(var(--c-iconCard-typeA-font-size) * 1.25) calc(var(--c-iconCard-typeA-font-size) * 1.25);
background: var(--color-white);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
transition-property: color;
}
@media (min-width: 560px) {
.c-iconCard.-typeA {
grid-template-areas: "icon ......." "icon heading" "icon text   " "icon .......";
grid-template-columns: clamp(96px, 20%, 192px) 1fr;
grid-template-rows: 1fr auto auto 1fr;
}
}
.c-iconCard.-typeA::before, .c-iconCard.-typeA::after {
content: "";
position: absolute;
top: 50%;
right: clamp(18px, 1.7910447761vw, 24px);
width: calc(var(--c-iconCard-typeA-font-size) * 1.25);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-iconCard.-typeA::before {
background: var(--c-iconCard-typeA-color);
border-radius: 100%;
}
.c-iconCard.-typeA::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--c-iconCard-typeA-font-size) * 1.25 * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--c-iconCard-typeA-font-size) * 1.25 * 0.6);
}
.c-iconCard.-typeA > .icon {
grid-area: icon;
display: grid;
place-items: center;
}
.c-iconCard.-typeA > .icon > .image {
width: calc(var(--c-iconCard-typeA-font-size) * 3);
aspect-ratio: 1/1;
transition: transform var(--transition-duration) ease;
}
@media (min-width: 560px) {
.c-iconCard.-typeA > .icon > .image {
width: clamp(50px, 5.9701492537vw, 80px);
}
}
.c-iconCard.-typeA > .heading {
grid-area: heading;
align-self: center;
font-weight: 700;
font-size: var(--c-iconCard-typeA-font-size);
line-height: 1.4;
letter-spacing: 0;
}
.c-iconCard.-typeA > .text {
grid-area: text;
margin-top: 0.75em;
font-size: var(--font-14);
line-height: 1.6;
text-align: justify;
word-break: break-all;
color: var(--color-black-light);
}
.c-iconCard.-typeA.-large {
--c-iconCard-typeA-font-size: var(--font-21);
}
@media (min-width: 560px) {
.c-iconCard.-typeA.-large > .icon > .image {
width: clamp(65px, 7.7611940299vw, 104px);
}
}
.c-iconCard.-typeA.-large > .text {
line-height: 1.8;
}
.c-iconCard.-typeA.-small {
--c-iconCard-typeA-font-size: var(--font-17);
}
@media (min-width: 560px) {
.c-iconCard.-typeA.-small > .icon > .image {
width: clamp(40px, 4.776119403vw, 64px);
}
}
.c-iconCard.-typeA.-xsmall {
--c-iconCard-typeA-font-size: var(--font-15);
}
@media (min-width: 560px) {
.c-iconCard.-typeA.-xsmall > .icon > .image {
width: clamp(35px, 4.1791044776vw, 56px);
}
}
.c-iconCard.-typeA.-xsmall > .text {
font-size: var(--font-13);
}
.c-iconCard.-typeA.-headerBorder > .text {
border-top: 1px dotted var(--color-gray);
padding-top: 0.75em;
}
.c-iconCard.-typeA:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-iconCard.-typeA:hover::before, .c-iconCard.-typeA:hover::after {
transform: translate(3px, -50%);
}
.c-iconCard.-typeA:hover > .icon > .image {
transform: scale(1.2);
}
.c-iconCard.-typeA:hover > .text {
color: currentColor;
}
.c-iconCard.-typeB {
--c-iconCard-typeB-color: var(--themeColor, var(--defaultColor));
--c-iconCard-typeB-font-size: var(--font-18);
overflow: hidden;
display: grid;
grid-template-areas: ".... ......." "icon heading" "text text   ";
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
gap: 0 clamp(10px, 1.1940298507vw, 16px);
padding: calc(var(--c-iconCard-typeB-font-size) * 1.25) calc(var(--c-iconCard-typeB-font-size) * 1.25 + clamp(18px, 1.7910447761vw, 24px) * 2) calc(var(--c-iconCard-typeB-font-size) * 1.25) calc(var(--c-iconCard-typeB-font-size) * 1.25);
background: var(--color-white);
border-top: 8px solid var(--c-iconCard-typeB-color);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
transition-property: color;
}
@media (min-width: 560px) {
.c-iconCard.-typeB {
grid-template-areas: "icon heading" "icon text   ";
grid-template-columns: clamp(96px, 27%, 240px) 1fr;
grid-template-rows: auto 1fr;
gap: 0 clamp(20px, 2.3880597015vw, 32px);
border-top: none;
}
}
.c-iconCard.-typeB::before, .c-iconCard.-typeB::after {
content: "";
position: absolute;
top: 50%;
right: clamp(14px, 1.6417910448vw, 22px);
width: calc(var(--c-iconCard-typeB-font-size) * 1.25);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-iconCard.-typeB::before {
background: var(--c-iconCard-typeB-color);
border-radius: 100%;
}
.c-iconCard.-typeB::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--c-iconCard-typeB-font-size) * 1.25 * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--c-iconCard-typeB-font-size) * 1.25 * 0.6);
}
.c-iconCard.-typeB > .icon {
position: relative;
grid-area: icon;
display: grid;
place-items: center;
}
@media (min-width: 560px) {
.c-iconCard.-typeB > .icon {
margin: calc(var(--c-iconCard-typeB-font-size) * -1.25) 0 calc(var(--c-iconCard-typeB-font-size) * -1.25) calc(var(--c-iconCard-typeB-font-size) * -1.25);
background: var(--c-iconCard-typeB-color) linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
}
}
@media (min-width: 560px) {
.c-iconCard.-typeB > .icon::before {
content: "";
position: absolute;
top: 50%;
width: clamp(55px, 6.5671641791vw, 88px);
left: 50%;
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
transform: translate(-50%, -50%);
transition: transform var(--transition-duration) ease;
pointer-events: none;
}
}
.c-iconCard.-typeB > .icon > .image {
position: relative;
width: calc(var(--c-iconCard-typeB-font-size) * 3);
aspect-ratio: 1/1;
transition: transform var(--transition-duration) ease;
}
@media (min-width: 560px) {
.c-iconCard.-typeB > .icon > .image {
width: clamp(35px, 4.1791044776vw, 56px);
}
}
.c-iconCard.-typeB > .heading {
grid-area: heading;
align-self: center;
font-weight: 700;
font-size: var(--c-iconCard-typeB-font-size);
line-height: 1.4;
letter-spacing: 0;
}
.c-iconCard.-typeB > .heading[data-text]::after {
content: attr(data-text);
display: block;
margin-top: clamp(6px, 0.7462686567vw, 10px);
font-size: var(--font-10);
font-family: var(--font-en);
letter-spacing: 0.075em;
color: var(--c-iconCard-typeB-color);
}
.c-iconCard.-typeB > .text {
grid-area: text;
margin-top: 0.75em;
font-size: var(--font-13);
line-height: 1.8;
text-align: justify;
word-break: break-all;
color: var(--color-black-light);
}
.c-iconCard.-typeB:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-iconCard.-typeB:hover::before, .c-iconCard.-typeB:hover::after {
transform: translate(3px, -50%);
}
.c-iconCard.-typeB:hover > .icon::before {
transform: translate(-50%, -50%) scale(1.2);
}
.c-iconCard.-typeB:hover > .icon > .image {
transform: scale(1.2);
}
.c-iconCard.-typeB:hover > .text {
color: currentColor;
}
.c-iconCard.-typeC {
--c-iconCard-typeC-color: var(--themeColor, var(--defaultColor));
display: flex;
flex-direction: column;
padding: clamp(25px, 2.9850746269vw, 40px) clamp(30px, 3.5820895522vw, 48px) clamp(45px, 5.3731343284vw, 72px);
background: var(--color-white);
border-radius: 8px;
box-shadow: var(--box-shadow-medium);
transition-property: color, box-shadow;
}
.c-iconCard.-typeC > .icon {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: clamp(-24px, -1.7910447761vw, -15px) auto 0;
}
.c-iconCard.-typeC > .icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: clamp(75px, 8.9552238806vw, 120px);
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
transform: translate(-50%, -50%);
}
.c-iconCard.-typeC > .icon > .image {
position: relative;
width: clamp(40px, 4.776119403vw, 64px);
aspect-ratio: 1/1;
transition: transform var(--transition-duration) ease;
}
.c-iconCard.-typeC > .icon + .heading {
margin-top: 0.85em;
}
.c-iconCard.-typeC > .heading {
position: relative;
padding-bottom: clamp(13px, 1.4925373134vw, 20px);
font-weight: 700;
font-size: var(--font-19);
line-height: 1.4;
text-align: center;
}
.c-iconCard.-typeC > .heading::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 1.75em;
border-bottom: 1px solid var(--c-iconCard-typeC-color);
transform: translateX(-50%);
}
.c-iconCard.-typeC > .text {
margin-top: 1em;
font-size: var(--font-14);
line-height: 2;
text-align: justify;
word-break: break-all;
}
.c-iconCard.-typeC > .action {
position: absolute;
bottom: clamp(13px, 1.4925373134vw, 20px);
right: clamp(11px, 1.3432835821vw, 18px);
width: -moz-fit-content;
width: fit-content;
padding-right: 2.25em;
font-weight: 700;
font-size: var(--font-13);
}
.c-iconCard.-typeC > .action::before, .c-iconCard.-typeC > .action::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: var(--font-22);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-iconCard.-typeC > .action::before {
background: var(--c-iconCard-typeC-color);
border-radius: 100%;
}
.c-iconCard.-typeC > .action::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-22) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc(var(--font-22) * 0.6);
}
.c-iconCard.-typeC:hover {
opacity: 1;
color: var(--color-indigo);
box-shadow: var(--box-shadow-medium-hover);
}
.c-iconCard.-typeC:hover > .action::before, .c-iconCard.-typeC:hover > .action::after {
transform: translate(3px, -50%);
}
.c-iconCard.-typeC:hover > .icon > .image {
transform: scale(1.2);
}
.c-iconCard.-typeC:hover > .text {
color: currentColor;
}
.c-iconCard.-typeBalloon {
--c-iconCard-typeBalloon-color: var(--themeColor, var(--defaultColor));
display: flex;
flex-direction: column;
justify-content: center;
height: 10.6em;
padding: 1em 1em 1.25em;
background: var(--color-offwhite);
border-radius: 999px;
font-size: var(--font-15-fluid);
line-height: 1.6;
letter-spacing: 0;
text-align: center;
}
.c-iconCard.-typeBalloon::after {
content: "";
position: absolute;
bottom: 0.75em;
right: 0;
background: var(--color-offwhite);
width: 2em;
aspect-ratio: 30/25;
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
transform: rotate(-50deg);
}
.c-iconCard.-typeBalloon > .label {
position: absolute;
top: calc(var(--font-15) * 0.625);
left: calc(var(--font-15) * 0.625);
display: grid;
place-items: center;
width: 2.375em;
aspect-ratio: 1/1;
background: var(--color-white);
border: 1px solid var(--c-iconCard-typeBalloon-color);
border-radius: 100%;
font-weight: 500;
font-size: var(--font-13);
font-family: var(--font-en);
line-height: 1;
color: var(--c-iconCard-typeBalloon-color);
}
.c-iconCard.-typeBalloon > .icon > .image {
width: 4em;
aspect-ratio: 1/1;
}
.c-iconCard.-typeBalloon > .icon + .heading {
margin-top: 0.5em;
}
.c-iconCard.-typeBalloon > .heading {
font-weight: 700;
}
.c-iconCard.-typeBalloon.-small {
height: 8em;
}
@media (min-width: 560px) {
.c-iconCard.-typeBalloon.-small {
height: 9em;
}
}
.c-linkList {
--c-linkList-color: var(--themeColor, var(--defaultColor));
font-size: var(--font-16);
line-height: 1.6;
}
.c-linkList > .item {
border-bottom: 1px solid var(--color-gray-pale);
}
.c-linkList > .item > .link {
position: relative;
display: block;
padding: 1.5em 2.25em 1.5em 0;
transition-property: color;
}
.c-linkList > .item > .link::before, .c-linkList > .item > .link::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: calc(1em + 2px);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-linkList > .item > .link::before {
background: var(--c-linkList-color);
border-radius: 100%;
}
.c-linkList > .item > .link::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
}
.c-linkList > .item > .child {
font-size: var(--font-14);
color: var(--color-black-light);
}
.c-linkList > .item > .child .item {
border-top: 1px solid var(--color-gray-pale);
}
.c-linkList > .item > .child .link {
position: relative;
display: block;
padding: 1em 0 1em 1.5em;
transition-property: color;
}
.c-linkList > .item > .child .link::before, .c-linkList > .item > .child .link::after {
content: "";
position: absolute;
top: 50%;
aspect-ratio: 1/1;
background: currentColor;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-linkList > .item > .child .link::before {
left: calc(var(--font-16) / 2 - 0.15em);
width: 0.3em;
border-radius: 100%;
}
.c-linkList > .item > .child .link::after {
right: 0;
width: calc(var(--font-16) + 2px);
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/1em;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/1em;
}
.c-linkList > .item > .child > .item > .child {
color: var(--color-black-pale);
}
.c-linkList > .item > .child > .item > .child > .item > .link {
margin-left: calc(var(--font-14) * 1.5);
padding: 0.75em 0 0.75em 1.5em;
}
.c-linkList > .item > .child > .item > .child > .item > .child > .item .link {
margin-left: calc(var(--font-14) * 3);
padding: 0.75em 0 0.75em 1.5em;
}
.c-linkList.-iconLeft > .item > .link {
padding-left: 1.75em;
}
.c-linkList.-iconLeft > .item > .link::before, .c-linkList.-iconLeft > .item > .link::after {
right: auto;
left: 0;
}
.c-linkList.-iconLeft > .item > .child .item .link {
padding-left: calc(var(--font-16) * 1.75);
}
.c-linkList.-iconLeft > .item > .child .item .link::before {
display: none;
}
.c-linkList.-iconLeft > .item > .child .item .link::after {
right: auto;
width: 1em;
}
.c-linkList.-iconLeft > .item > .child > .item > .link::after {
left: calc((var(--font-16) + 2px) / 2 - 0.5em);
}
.c-linkList.-iconLeft > .item > .child > .item > .child .link::after {
left: 0;
}
.c-linkList.-parentBolder > .item > .link {
font-weight: 500;
}
.c-linkList > .item > .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-linkList > .item > .link:hover::before, .c-linkList > .item > .link:hover::after {
transform: translate(3px, -50%);
}
.c-linkList > .item > .child .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-linkList > .item > .child .link:hover::before, .c-linkList > .item > .child .link:hover::after {
transform: translate(3px, -50%);
}
.c-numberCard {
--c-numberCard-color: var(--themeColor, var(--defaultColor));
display: flex;
align-items: center;
height: 100%;
min-height: calc(var(--font-20) * 6.4);
padding: clamp(15px, 1.7910447761vw, 24px) clamp(20px, 2.3880597015vw, 32px) clamp(15px, 1.7910447761vw, 24px) clamp(3px, 0.2985074627vw, 4px);
background: var(--color-white);
border-radius: 8px;
}
.c-numberCard > .number {
flex: 0 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
width: clamp(70px, 10.447761194vw, 140px);
text-align: center;
font-weight: 700;
font-size: var(--font-47);
font-family: var(--font-en);
color: var(--c-numberCard-color);
white-space: nowrap;
}
.c-numberCard > .number[data-text]::before {
content: attr(data-text);
font-weight: 700;
font-size: var(--font-10);
font-family: var(--font-sans);
letter-spacing: 0;
text-indent: 0.2em;
}
@media (min-width: 560px) {
.c-numberCard > .number[data-text]::before {
font-size: var(--font-12);
}
}
.c-numberCard > .content {
flex: 1 1 0%;
display: flex;
flex-direction: column;
justify-content: center;
min-height: calc(var(--font-47) + var(--font-10));
border-left: 1px solid var(--c-numberCard-color);
padding-left: clamp(20px, 2.3880597015vw, 32px);
}
@media (min-width: 560px) {
.c-numberCard > .content {
min-height: calc(var(--font-47) + var(--font-12));
}
}
.c-numberCard > .content > .heading {
font-weight: 700;
font-size: var(--font-17);
line-height: 1.4;
}
.c-numberCard > .content > .heading + .text {
margin-top: 0.5em;
}
.c-numberCard > .content > .text {
font-size: var(--font-14);
line-height: 1.8;
text-align: justify;
word-break: break-all;
letter-spacing: 0;
}
.c-numberCard > .content > .text > p + p {
margin-top: 0.6em;
}
.c-numberCard.-large {
padding: clamp(20px, 2.3880597015vw, 32px) clamp(20px, 2.3880597015vw, 32px) clamp(20px, 2.3880597015vw, 32px) clamp(3px, 0.2985074627vw, 4px);
}
@media (min-width: 560px) {
.c-numberCard.-large > .number {
width: clamp(100px, 11.9402985075vw, 160px);
}
}
.c-numberCard.-large > .content > .heading {
font-weight: 700;
font-size: var(--font-18);
line-height: 1.4;
}
.c-numberCard.-large > .content > .text {
font-size: var(--font-15);
}
.c-numberCard.-large > .content > .heading + .text {
margin-top: 1em;
}
.c-numberCard.-bg-offwhite {
background: var(--color-offwhite);
}
.c-searchform {
position: relative;
display: block;
padding: clamp(10px, 1.1940298507vw, 16px);
background: var(--color-offwhite);
border-radius: 2px;
font-size: var(--font-15);
line-height: 1.6;
}
.c-searchform > .inner {
position: relative;
padding: clamp(30px, 3.5820895522vw, 48px) clamp(0px, 3.5820895522vw, 48px) clamp(30px, 3.5820895522vw, 48px);
background: var(--color-white);
border-radius: 8px;
}
.c-searchform > .inner > .list > .item {
display: flex;
flex-direction: column;
gap: 0.5em 0;
padding: 1.25em 0;
border-bottom: 1px solid var(--color-gray-pale);
}
@media (min-width: 768px) {
.c-searchform > .inner > .list > .item {
flex-direction: row;
align-items: center;
}
}
.c-searchform > .inner > .list > .item:first-child {
padding-top: 0;
}
.c-searchform > .inner > .list > .item > .label {
font-weight: 700;
}
@media (min-width: 768px) {
.c-searchform > .inner > .list > .item > .label {
flex: 0 0 auto;
width: 19em;
padding: calc(0.875em + 1px) 0;
}
}
.c-searchform > .inner > .list > .item > .control {
flex: 1 1 0%;
}
.c-searchform > .inner > .list > .item > .control > .checkboxList {
display: flex;
flex-wrap: wrap;
gap: 0.5em 2em;
}
.c-searchform > .inner > .submit {
margin-top: clamp(20px, 2.3880597015vw, 32px);
text-align: center;
}
.c-termList {
--c-termList-color: var(--themeColor, var(--defaultColor));
display: flex;
gap: 0.5em 1.5em;
font-size: var(--font-15);
line-height: 1.6;
}
.c-termList > .term {
flex: 0 0 auto;
font-weight: 700;
}
.c-termList > .term::after {
content: "\ff1a";
}
.c-termList > .description {
flex: 1 1 0%;
color: var(--color-gray);
}
.c-termList > .description > .list {
display: flex;
flex-wrap: wrap;
gap: 0.5em 1.5em;
}
.c-termList > .description > .list > .item > .link {
transition-property: color;
}
.c-termList > .description > .list > .item > .link.-current {
font-weight: 700;
color: var(--c-termList-color);
text-decoration: underline;
}
.c-termList > .description > .list > .item > .link:hover {
opacity: 1;
color: var(--c-termList-color);
}
.c-text {
font-size: var(--font-16);
line-height: 2.2;
text-align: justify;
word-break: break-all;
}
.c-text a:not(.c-btn) {
transition-property: color;
color: var(--color-indigo);
}
.c-text a:not(.c-btn):hover {
opacity: 1;
color: var(--color-blue);
}
.c-text.-small {
font-size: var(--font-15);
}
.c-text.-xsmall {
font-size: var(--font-14);
}
.c-text.-xxsmall {
font-size: var(--font-13);
}
.c-toc {
--c-toc-color: var(--themeColor, var(--defaultColor));
display: flex;
flex-direction: column;
padding: 1.5em;
background: var(--color-offwhite);
border-radius: 4px;
font-weight: 500;
font-size: var(--font-15);
line-height: 1.4;
letter-spacing: 0;
}
.c-toc > .item {
border-bottom: 1px solid var(--color-gray-light);
}
.c-toc > .item > .link {
position: relative;
display: block;
padding: 0.75em 1.75em 0.75em 0;
transition-property: color;
}
.c-toc > .item > .link::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 1em;
aspect-ratio: 1/1;
background: var(--c-toc-color);
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%) rotate(90deg);
transition: transform var(--transition-duration) ease;
}
.c-toc > .item:first-child > .link {
padding-top: 0;
}
.c-toc.-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em clamp(20px, 2.3880597015vw, 32px);
}
.c-toc.-horizontal > .item {
border: none;
}
.c-toc.-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 560px) {
.c-toc.-sm-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em 2em;
}
.c-toc.-sm-horizontal > .item {
border-bottom-color: transparent;
}
.c-toc.-sm-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
.c-toc.-sm-vertical {
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.c-toc.-sm-vertical > .item {
border-bottom-color: var(--color-gray-light);
}
.c-toc.-sm-vertical > .item > .link {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.c-toc.-sm-vertical > .item:first-child > .link {
padding-top: 0;
}
}
@media (min-width: 768px) {
.c-toc.-md-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em 2em;
}
.c-toc.-md-horizontal > .item {
border-bottom-color: transparent;
}
.c-toc.-md-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
.c-toc.-md-vertical {
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.c-toc.-md-vertical > .item {
border-bottom-color: var(--color-gray-light);
}
.c-toc.-md-vertical > .item > .link {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.c-toc.-md-vertical > .item:first-child > .link {
padding-top: 0;
}
}
@media (min-width: 960px) {
.c-toc.-lg-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em 2em;
}
.c-toc.-lg-horizontal > .item {
border-bottom-color: transparent;
}
.c-toc.-lg-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
.c-toc.-lg-vertical {
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.c-toc.-lg-vertical > .item {
border-bottom-color: var(--color-gray-light);
}
.c-toc.-lg-vertical > .item > .link {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.c-toc.-lg-vertical > .item:first-child > .link {
padding-top: 0;
}
}
@media (min-width: 1200px) {
.c-toc.-xl-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em 2em;
}
.c-toc.-xl-horizontal > .item {
border-bottom-color: transparent;
}
.c-toc.-xl-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
.c-toc.-xl-vertical {
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.c-toc.-xl-vertical > .item {
border-bottom-color: var(--color-gray-light);
}
.c-toc.-xl-vertical > .item > .link {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.c-toc.-xl-vertical > .item:first-child > .link {
padding-top: 0;
}
}
@media (min-width: 1400px) {
.c-toc.-xxl-horizontal {
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: 0.75em 2em;
}
.c-toc.-xxl-horizontal > .item {
border-bottom-color: transparent;
}
.c-toc.-xxl-horizontal > .item > .link {
padding-top: 0;
padding-bottom: 0;
}
.c-toc.-xxl-vertical {
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-start;
gap: 0;
}
.c-toc.-xxl-vertical > .item {
border-bottom-color: var(--color-gray-light);
}
.c-toc.-xxl-vertical > .item > .link {
padding-top: 0.75em;
padding-bottom: 0.75em;
}
.c-toc.-xxl-vertical > .item:first-child > .link {
padding-top: 0;
}
}
.c-toc > .item > .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.c-toc > .item > .link:hover::after {
background: currentColor;
transform: translateY(calc(-50% + 3px)) rotate(90deg);
}
.c-triangle {
--c-triangle-color: var(--themeColor, var(--defaultColor));
width: clamp(60px, 7.1641791045vw, 96px);
aspect-ratio: 96/24;
margin: 0 auto;
background: var(--c-triangle-color);
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.c-triangle.-small {
width: clamp(50px, 5.9701492537vw, 80px);
}
.c-voiceCard {
--c-voiceCard-color: var(--themeColor, var(--defaultColor));
position: relative;
display: block;
padding: clamp(30px, 3.5820895522vw, 48px) clamp(0px, 3.5820895522vw, 48px) clamp(35px, 4.1791044776vw, 56px);
background: var(--color-white);
border-radius: 8px;
}
.c-voiceCard > .header {
position: relative;
display: flex;
align-items: center;
gap: clamp(15px, 1.7910447761vw, 24px);
padding-bottom: 0.8em;
border-bottom: 1px dotted var(--color-gray);
font-size: var(--font-21);
}
.c-voiceCard > .header > .icon {
flex: 0 0 auto;
overflow: hidden;
width: calc(var(--font-21) * 3);
aspect-ratio: 1/1;
border: 2px solid var(--c-voiceCard-color);
border-radius: 100%;
}
.c-voiceCard > .header > .icon > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-voiceCard > .header > .content {
flex: 1 1 0%;
}
.c-voiceCard > .header > .content > .label {
position: relative;
margin-bottom: 0.75em;
padding-left: 1.5em;
font-weight: 700;
font-size: var(--font-12);
font-family: var(--font-en);
line-height: 1.2;
letter-spacing: 0.1em;
color: var(--c-voiceCard-color);
}
.c-voiceCard > .header > .content > .label::before {
content: "";
position: absolute;
top: 0.1em;
left: 0;
width: 1em;
aspect-ratio: 1/1;
border-radius: 50% 50% 0 50%;
background: currentColor;
}
.c-voiceCard > .header > .content > .heading {
font-weight: 500;
font-size: var(--font-21);
line-height: 1.6;
letter-spacing: 0;
text-align: justify;
word-break: break-all;
}
.c-voiceCard > .body {
font-size: var(--font-15);
line-height: 2.2;
text-align: justify;
word-break: break-all;
color: var(--color-black-light);
}
.c-voiceCard > .header + .body {
margin-top: 1.25em;
}
.c-voiceCard > .body > .data {
margin: 1.25em 0 clamp(-24px, -1.7910447761vw, -15px);
font-size: var(--font-14);
line-height: 1.6;
text-align: right;
color: var(--color-black-light);
}
.c-voiceCard.-icon {
padding: clamp(20px, 2.3880597015vw, 32px) clamp(0px, 3.5820895522vw, 48px) clamp(35px, 4.1791044776vw, 56px);
}
.c-voiceCard.-icon > .header {
padding-bottom: clamp(15px, 1.7910447761vw, 24px);
}
.c-voiceCard.-icon > .header + .body {
margin-top: clamp(20px, 2.3880597015vw, 32px);
}
.grecaptcha-badge {
visibility: hidden;
} .lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #0b0b0b;
background: rgba(0, 0, 0, 0.9);
outline: none !important;
opacity: 0;
transition: opacity 0.3s ease;
}
.lity.lity-opened {
opacity: 1;
}
.lity.lity-closed {
opacity: 0;
}
.lity * {
box-sizing: border-box;
}
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important;
}
.lity-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
opacity: 1;
}
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important;
}
.lity-content {
z-index: 9993;
width: 100%;
transform: scale(1);
transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
transform: scale(0.8);
}
.lity-content:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 0;
top: 0;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
box-shadow: none;
}
.lity-close::-moz-focus-inner {
border: 0;
padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #fff;
font-style: normal;
font-size: 35px;
font-family: Arial, Baskerville, monospace;
line-height: 35px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
border: 0;
background: none;
outline: none;
box-shadow: none;
}
.lity-close:active {
top: 1px;
} .lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0;
} .lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px;
}
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
transform: translateZ(0);
-webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
.lity-hide {
display: none;
}
.lity.lity-image img, .lity.lity-youtube .lity-iframe-container, .lity.lity-iframe .lity-iframe-container {
max-width: 90vw !important;
max-height: 90vh !important;
margin: 0 auto !important;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.c-slick {
--c-slick-gutter-x: 0px;
--c-slick-gutter-y: 0px;
--c-slick-thumbnail-gutter-x: 0px;
--c-slick-thumbnail-gutter-y: 0px;
}
.c-slick {
z-index: auto;
position: relative;
width: 100%;
height: 100%;
}
.c-slick .slick {
position: static;
height: 100%;
margin: calc(var(--c-slick-gutter-y) / 2 * -1) calc(var(--c-slick-gutter-x) / 2 * -1);
}
.c-slick .slick-list {
width: 100%;
height: 100%;
padding: 0 !important;
}
.c-slick .slick-track {
width: 100%;
height: 100%;
}
.c-slick .slick-slide {
padding: calc(var(--c-slick-gutter-y) / 2) calc(var(--c-slick-gutter-x) / 2);
}
.c-slick .slick-arrow,
.c-slick .slick-dots > li > button {
z-index: 1;
position: relative;
display: block;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1;
text-decoration: none;
text-align: inherit;
white-space: nowrap;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-slick .slick-arrow.slick-disabled {
opacity: 0.25;
pointer-events: none;
}
.c-slick .slick-dots {
display: flex;
align-items: center;
font-size: 0;
}
.c-slick .slick-dots > li:only-child {
display: none;
}
.c-slick.-thumbnail .slick-track {
display: flex;
flex-wrap: wrap;
gap: var(--c-slick-thumbnail-gutter-y) var(--c-slick-thumbnail-gutter-x);
width: 100% !important;
transform: unset !important;
}
.c-slick.-thumbnail .slick-track::before, .c-slick.-thumbnail .slick-track::after {
display: none;
}
.c-slick.-thumbnail .slick-slide {
float: none !important;
display: block !important;
cursor: pointer;
}
.c-slick.-thumbnail.-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
@media (min-width: 560px) {
.c-slick.-thumbnail.-sm-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-sm-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-sm-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-sm-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-sm-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-sm-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-sm-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-sm-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-sm-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-sm-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
}
@media (min-width: 768px) {
.c-slick.-thumbnail.-md-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-md-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-md-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-md-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-md-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-md-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-md-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-md-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-md-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-md-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
}
@media (min-width: 960px) {
.c-slick.-thumbnail.-lg-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-lg-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-lg-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-lg-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-lg-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-lg-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-lg-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-lg-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-lg-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-lg-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
}
@media (min-width: 1200px) {
.c-slick.-thumbnail.-xl-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-xl-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-xl-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-xl-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-xl-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-xl-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-xl-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-xl-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-xl-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-xl-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
}
@media (min-width: 1400px) {
.c-slick.-thumbnail.-xxl-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-xxl-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-xxl-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-xxl-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-xxl-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-xxl-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-xxl-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-xxl-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
.c-slick.-thumbnail.-xxl-nine .slick-slide {
flex-basis: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
max-width: calc(11.1111111111% - var(--c-slick-thumbnail-gutter-y) * 8 / 9);
}
.c-slick.-thumbnail.-xxl-ten .slick-slide {
flex-basis: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
max-width: calc(10% - var(--c-slick-thumbnail-gutter-y) * 9 / 10);
}
}
.c-slick .slick-arrow {
position: absolute;
top: 50%;
display: grid;
place-items: center;
width: 1.6em;
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
border: 1px solid var(--color-black-light);
font-size: 20px;
transform: translateY(-50%);
}
.c-slick .slick-prev {
left: 10px;
transform: translate(-50%, -50%);
}
@media (min-width: 560px) {
.c-slick .slick-prev {
left: 0;
}
}
.c-slick .slick-next {
right: 10px;
transform: translate(50%, -50%);
}
@media (min-width: 560px) {
.c-slick .slick-next {
right: 0;
}
}
.c-slick .slick-dots {
gap: clamp(8px, 0.8955223881vw, 12px);
}
.c-slick .slick-dots > li > button {
width: 12px;
aspect-ratio: 1/1;
background: var(--color-white);
border: 1px solid var(--color-black-light);
border-radius: 100%;
}
.c-slick .slick-dots > li.slick-active > button {
background: var(--color-black-light);
}
.c-slick.-typeArchive {
--c-slick-gutter-x: clamp(0px, 2.3134328358vw, 31px);
}
.c-slick.-typeArchive .slick-arrow {
top: 30.9vw;
}
@media (min-width: 560px) {
.c-slick.-typeArchive .slick-arrow {
top: 15.05vw;
}
}
@media (min-width: 768px) {
.c-slick.-typeArchive .slick-arrow {
top: 9.8vw;
}
}
@media (min-width: 1200px) {
.c-slick.-typeArchive .slick-arrow {
top: calc(clamp(140px, 16.7164179104vw, 224px) / 2);
}
}
.c-slick.-typeArchive > .more {
display: flex;
align-items: center;
gap: clamp(10px, 1.1940298507vw, 16px);
margin-top: clamp(55px, 6.5671641791vw, 88px);
}
.c-slick.-typeArchive > .more::before {
content: "";
flex: 1 1 0%;
border-top: 1px solid var(--color-gray-light);
}
.c-slick.-c-gallery-main {
--c-slick-gutter-x: clamp(0px, 1.7910447761vw, 24px);
}
.c-slick.-c-gallery-main .slick-slide {
background: var(--color-offwhite);
}
.c-slick.-c-gallery-main .image {
width: 100%;
aspect-ratio: 880/640;
-o-object-fit: cover;
object-fit: cover;
}
.c-slick.-c-gallery-main.-square .image {
aspect-ratio: 1/1;
}
.c-slick.-c-gallery-main.-contain .image {
-o-object-fit: contain;
object-fit: contain;
}
.c-slick.-c-gallery-thumbnail {
--c-slick-gutter-x: clamp(5px, 0.5970149254vw, 8px);
--c-slick-gutter-y: clamp(5px, 0.5970149254vw, 8px);
}
.c-slick.-c-gallery-thumbnail .image {
aspect-ratio: 96/64;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
}
.c-slick.-c-gallery-thumbnail.-square .image {
aspect-ratio: 1/1;
}
.c-slick.-c-gallery-thumbnail.-contain .image {
-o-object-fit: contain;
object-fit: contain;
}
.c-slick.-home-heroSp {
height: calc(100vh - var(--header-height));
}
.c-slick.-home-heroSp .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-slick.-home-column {
--c-slick-gutter-x: clamp(0px, 2.3134328358vw, 31px);
}
.c-slick.-home-column .slick-list {
padding-bottom: clamp(15px, 1.7910447761vw, 24px) !important;
}
.c-slick.-home-column .slick-dots {
justify-content: center;
}
.c-slick.-home-column .slick-slide {
height: 100%;
}
.c-slick.-home-banner {
--c-slick-gutter-x: clamp(0px, 2.2388059701vw, 30px);
}
.c-slick.-home-banner .link {
overflow: hidden;
display: block;
justify-content: center;
align-items: center;
border: 1px solid var(--color-gray-pale);
border-radius: 8px;
}
.c-slick.-home-banner .image {
width: 100%;
aspect-ratio: 376/116;
-o-object-fit: contain;
object-fit: contain;
}
.mwform-checkbox-field > label {
display: inline-flex;
align-items: baseline;
}
.mwform-checkbox-field > label > input {
flex: 0 0 auto;
}
.mwform-checkbox-field > label > .mwform-checkbox-field-text {
flex: 1 1 0%;
}
.mw_wp_form .error {
margin-top: 0.25em !important;
font-weight: 500 !important;
font-size: 0.9em !important;
color: var(--color-red) !important;
}
.mw_wp_form .mwform-checkbox-field.vertical-item + .vertical-item {
margin-top: 0.5em !important;
}
.mw_wp_form .mwform-checkbox-field > label > input {
margin-right: 0.5em;
}
.site-wrap {
overflow: hidden;
position: relative;
min-height: 100vh;
padding-top: var(--header-height);
}
.site-wrap > .drawerBtn {
z-index: var(--z-index-site-wrap-drawerBtn);
position: fixed;
top: calc(var(--header-height) / 2);
transform: translateY(-50%);
right: 2vw;
}
@media (min-width: 960px) {
.site-wrap > .drawerBtn {
display: none;
}
}
@media (min-width: 960px) {
.site-wrap > .drawer {
display: none;
}
}
.site-wrap > .header {
z-index: var(--z-index-site-wrap-header);
position: fixed;
top: 0;
left: 0;
right: 0;
}
.site-wrap > .breadcrumb {
padding: clamp(10px, 1.1940298507vw, 16px) 2vw;
background: var(--color-offwhite);
}
.site-wrap > .explore {
overflow: hidden;
padding: clamp(50px, 5.9701492537vw, 80px) 0;
}
.site-wrap > .explore > .inner {
max-width: var(--content-width-large);
margin: 0 auto;
}
.site-wrap > .pagetop {
display: none;
}
@media (min-width: 960px) {
.site-wrap > .pagetop {
z-index: var(--z-index-site-wrap-pagetop);
display: block;
position: fixed;
right: clamp(15px, 1.7910447761vw, 24px);
bottom: clamp(15px, 1.7910447761vw, 24px);
}
}
.site-drawer {
padding: var(--header-height) 8% 8% 8%;
min-height: 100%;
width: min(100vw, 400px);
}
.site-drawer > .nav > .secondary {
margin-top: 40px;
}
.site-drawer-navSecondary {
font-size: 14px;
line-height: 1.6;
color: var(--color-black-light);
}
.site-drawer-navSecondary > .item + .item {
margin-top: 0.75em;
}
.site-drawer-navSecondary > .item > .link {
position: relative;
padding-left: 1.5em;
}
.site-drawer-navSecondary > .item > .link::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%);
}
.site-drawer-navSecondary > .item > .child {
margin: 0.75em 0 0.5em 2.75em;
font-weight: 400;
font-size: 13px;
list-style: circle;
color: var(--color-black-light);
}
.site-drawer-navSecondary > .item > .child > .item + .item {
margin-top: 0.5em;
} .site-menu {
--site-menu-color: var(--themeColor, var(--defaultColor));
position: relative;
padding: 0 2vw;
background: var(--color-offwhite);
}
.site-menu::before, .site-menu::after {
content: "";
z-index: 1;
position: absolute;
left: 0;
right: 0;
border-top: 1px solid var(--site-menu-color);
}
.site-menu::before {
top: 0;
}
.site-menu::after {
bottom: 0;
}
.site-menu-link {
--site-menu-link-color: var(--themeColor, var(--defaultColor));
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
min-height: 4em;
padding: 0.5em 1.4em;
margin: -0.5px;
border: 1px solid var(--color-gray-pale);
font-weight: 500;
font-size: var(--font-14-fluid);
line-height: 1.4;
letter-spacing: -0.02em;
text-align: center;
color: var(--site-menu-link-color);
}
@media (min-width: 1400px) {
.site-menu-link {
min-height: 5.75em;
}
}
.site-menu-link.-current {
background: var(--site-menu-link-color);
color: var(--color-white);
}
.site-header {
display: flex;
align-items: center;
gap: 0 2vw;
height: var(--header-height);
padding: 0 2vw;
background: var(--color-white);
box-shadow: var(--box-shadow-medium);
}
.site-header > .brand {
flex: 0 0 auto;
}
.site-header > .brand > .logo:hover {
opacity: 1;
}
.site-header > .brand > .logo > .image {
width: clamp(165px, 19.7014925373vw, 264px);
}
.site-header > .nav {
display: none;
}
@media (min-width: 960px) {
.site-header > .nav {
flex: 1 1 0%;
display: flex;
flex-direction: column-reverse;
align-items: flex-end;
gap: clamp(15px, 1.7910447761vw, 24px) 1vw;
}
}
@media (min-width: 1400px) {
.site-header > .nav {
flex-direction: row;
align-items: center;
}
}
@media (min-width: 1400px) {
.site-header > .nav > .gnav {
flex: 1 1 0%;
display: flex;
justify-content: center;
}
}
@media (min-width: 1400px) {
.site-header > .nav > .snav {
flex: 0 0 auto;
}
}
.site-footer {
padding-top: clamp(45px, 5.3731343284vw, 72px);
background: var(--color-offwhite);
}
.site-footer > .nav {
display: none;
}
@media (min-width: 960px) {
.site-footer > .nav {
display: block;
max-width: var(--content-width-large);
margin: 0 auto clamp(40px, 4.776119403vw, 64px);
}
}
.site-footer > .nav > .list {
display: flex;
justify-content: space-between;
gap: clamp(25px, 2.9850746269vw, 40px);
}
.site-footer > .brand {
max-width: var(--content-width-large);
margin: 0 auto;
}
.site-footer > .brand > .list {
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(25px, 2.9850746269vw, 40px) clamp(0px, 5.9701492537vw, 80px);
}
@media (min-width: 560px) {
.site-footer > .brand > .list {
flex-direction: row;
}
}
.site-footer > .brand > .list > .item {
flex: 1 1 0%;
}
.site-footer > .copyright {
position: relative;
margin-top: clamp(50px, 5.9701492537vw, 80px);
padding: 1em;
background: var(--color-black);
text-align: center;
font-size: var(--font-12);
line-height: 1.4;
color: var(--color-white);
}
.site-footer > .copyright::before {
content: "";
position: absolute;
bottom: calc(100% - 1px);
right: clamp(25px, 2.9850746269vw, 40px);
width: clamp(244px, 45.5223880597vw, 610px);
aspect-ratio: 610/56;
background: var(--color-black);
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/site-footer-deco.svg) no-repeat 50% 50%/contain;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/site-footer-deco.svg) no-repeat 50% 50%/contain;
}
.site-footer-navList {
font-weight: 700;
font-size: var(--font-14);
line-height: 1.4;
letter-spacing: 0;
}
.site-footer-navList > .item + .item {
margin-top: 1.25em;
}
.site-footer-navList > .item > .link {
position: relative;
display: inline-block;
padding-left: 1.75em;
transition-property: color;
}
.site-footer-navList > .item > .link::before, .site-footer-navList > .item > .link::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: calc(1em + 1px);
aspect-ratio: 1/1;
font-size: 1em;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.site-footer-navList > .item > .link::before {
background: currentColor;
border-radius: 100%;
}
.site-footer-navList > .item > .link::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/0.8em;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/0.8em;
}
.site-footer-navList > .item > .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.site-footer-navList > .item > .link:hover::before, .site-footer-navList > .item > .link:hover::after {
transform: translate(3px, -50%);
}
.site-footer-navList > .item > .child {
margin: 0.75em 0 0 0.5em;
padding-left: 1.25em;
border-left: 1px solid currentColor;
font-weight: 400;
font-size: calc(1em - 1px);
}
.site-footer-navList > .item > .child .item + .item {
margin-top: 0.75em;
}
.site-footer-navList > .item > .child > .item .child {
margin: 0.75em 0 0 1.25em;
list-style: circle;
}
.site-footer-navList > .item > .child .link {
transition-property: color;
}
.site-footer-navList > .item > .child .link:hover {
opacity: 1;
color: var(--color-indigo);
}
.site-footer-brand {
font-size: var(--font-13);
line-height: 1.8;
text-align: center;
}
.site-footer-brand > .logo {
margin-bottom: 0.8em;
}
.site-footer-brand > .logo > .link:hover {
opacity: 1;
}
.site-footer-brand > .logo > .link > .image {
width: clamp(215px, 25.671641791vw, 344px);
aspect-ratio: 368/72;
}
.site-footer-brand > .heading {
font-weight: 700;
}
.site-footer-brand > .text {
margin-top: 0.5em;
}
.page-container {
--page-container-color: var(--themeColor, var(--defaultColor));
overflow: hidden;
position: relative;
padding-bottom: clamp(125px, 14.9253731343vw, 200px);
}
.page-container::after {
content: "";
z-index: -1;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: clamp(100px, 11.9402985075vw, 160px);
background: #eee;
background: linear-gradient(0deg, #f7f6f4, rgba(247, 246, 244, 0));
pointer-events: none;
}
.page-container > .header {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
max-width: var(--content-width-medium);
min-height: clamp(175px, 20.8955223881vw, 280px);
margin: 0 auto;
padding: clamp(25px, 2.9850746269vw, 40px) 0 clamp(40px, 4.776119403vw, 64px);
}
.page-container > .header.-deco::before {
z-index: -1;
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
width: clamp(0px, 32.8358208955vw, 440px);
aspect-ratio: 440/328;
background: var(--page-container-color) linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
transform: translate(36%, -40%);
}
.page-container > .header > .heading {
font-weight: 700;
font-size: var(--font-35);
line-height: 1.4;
text-align: center;
}
@media (min-width: 960px) {
.page-container > .header > .heading {
font-size: var(--font-39-fluid);
}
}
.page-container > .header > .heading[data-text]::after {
content: attr(data-text);
display: block;
margin-top: 1.5em;
font-size: var(--font-13);
font-family: var(--font-en);
line-height: 1;
color: var(--page-container-color);
}
.page-container > .header > .subheading {
margin-top: 1em;
font-weight: 700;
font-size: var(--font-19);
line-height: 1.4;
text-align: center;
color: var(--page-container-color);
}
.page-container > .footer {
margin: clamp(100px, 11.9402985075vw, 160px) 0 clamp(-200px, -14.9253731343vw, -125px);
padding: clamp(50px, 5.9701492537vw, 80px) 0;
background: var(--color-offwhite);
border-radius: 2px 2px clamp(40px, 4.776119403vw, 64px) clamp(40px, 4.776119403vw, 64px);
}
.page-container > .footer > .inner {
max-width: var(--content-width-large);
margin: 0 auto;
}
.page-pageVisual {
--page-pageVisual-color: var(--themeColor, var(--color-gradient));
position: relative;
height: clamp(105px, 12.5373134328vw, 168px);
}
.page-pageVisual::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--page-pageVisual-color);
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-backclip.svg) no-repeat 50% 50%/100% 100%;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-backclip.svg) no-repeat 50% 50%/100% 100%;
}
.page-pageVisual > .media {
width: 100%;
height: 100%;
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-imageclip.svg) no-repeat 50% 50%/100% 100%;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-imageclip.svg) no-repeat 50% 50%/100% 100%;
}
.page-pageVisual > .media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.page-pageVisual > .content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: clamp(60px, 7.1641791045vw, 96px) 0 clamp(125px, 14.9253731343vw, 200px);
}
.page-pageVisual > .content > .inner {
width: 100%;
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.page-pageVisual.-large {
height: clamp(275px, 32.8358208955vw, 440px);
}
.page-pageVisual.-large::before {
-webkit-mask-image: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-large-backclip.svg);
mask-image: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-large-backclip.svg);
}
.page-pageVisual.-large > .media {
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-large-imageclip.svg) no-repeat 50% 50%/100% 100%;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/page-pagevisual-large-imageclip.svg) no-repeat 50% 50%/100% 100%;
}
.primary-container > .lead {
z-index: 1;
position: relative;
max-width: var(--content-width-xlarge);
margin: clamp(-136px, -10.1492537313vw, -85px) auto 0;
}
.primary-container > .explore {
position: relative;
padding: clamp(75px, 8.9552238806vw, 120px) 0 clamp(100px, 11.9402985075vw, 160px);
}
.primary-container > .explore::before {
content: "";
z-index: -1;
position: absolute;
top: clamp(-96px, -7.1641791045vw, -60px);
right: 0;
bottom: 0;
left: 0;
margin: 0 2vw;
background: var(--color-offwhite);
border-radius: 16px;
pointer-events: none;
}
@media (min-width: 1200px) {
.primary-container > .explore::before {
margin: 0 clamp(25px, 2.9850746269vw, 40px);
}
}
.primary-container > .section,
.primary-container > .explore > .section {
max-width: var(--content-width-large);
margin: 0 auto;
}
.primary-container > .section:not(:first-child),
.primary-container > .explore > .section:not(:first-child) {
margin-top: clamp(75px, 8.9552238806vw, 120px);
}
.primary-container > .section:not(:first-child).-mt-xlarge,
.primary-container > .explore > .section:not(:first-child).-mt-xlarge {
margin-top: clamp(125px, 14.9253731343vw, 200px);
}
.primary-container > .section:not(:first-child).-mt-large,
.primary-container > .explore > .section:not(:first-child).-mt-large {
margin-top: clamp(100px, 11.9402985075vw, 160px);
}
.primary-container > .section:not(:first-child).-mt-small,
.primary-container > .explore > .section:not(:first-child).-mt-small {
margin-top: clamp(60px, 7.1641791045vw, 96px);
}
.primary-container > .section:not(:first-child).-mt-xsmall,
.primary-container > .explore > .section:not(:first-child).-mt-xsmall {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.primary-container > .section > .anchor {
scroll-margin-top: calc(var(--header-height) + clamp(25px, 2.9850746269vw, 40px));
}
.primary-container > .hr {
max-width: var(--content-width-large);
border-top-color: var(--color-gray-pale);
margin: clamp(75px, 8.9552238806vw, 120px) auto;
}
.primary-container > .hr.-my-xlarge {
margin: clamp(125px, 14.9253731343vw, 200px) auto;
}
.primary-container > .hr.-my-large {
margin: clamp(100px, 11.9402985075vw, 160px) auto;
}
.primary-container > .hr.-my-small {
margin: clamp(60px, 7.1641791045vw, 96px) auto;
}
.primary-container > .hr.-my-xsmall {
margin: clamp(40px, 4.776119403vw, 64px) auto;
}
.primary-lead {
--primary-lead-color: var(--themeColor, var(--defaultColor));
z-index: 0;
overflow: hidden;
position: relative;
padding: clamp(50px, 5.9701492537vw, 80px) clamp(0px, 7.1641791045vw, 96px) clamp(53px, 6.2686567164vw, 84px);
background: var(--color-white);
border-radius: 16px;
box-shadow: var(--box-shadow-large);
font-size: var(--font-16);
line-height: 2.2;
text-align: center;
}
.primary-lead::before {
z-index: -1;
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
width: clamp(0px, 24.6268656716vw, 330px);
aspect-ratio: 440/328;
background: var(--primary-lead-color) linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-webkit-mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
mask: url(//nagasaki-ajisai.jp/wp-content/themes/ajisai/assets/img/deco-plus3.svg) no-repeat 50% 50%/contain;
transform: translate(-12%, -17%);
}
.primary-lead > .heading {
font-weight: 700;
font-size: var(--font-27);
line-height: 1.4;
color: var(--primary-lead-color);
}
.primary-lead > .heading + .text {
margin-top: 1.5em;
}
.primary-section > .header + .body {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.primary-section > .header + .body.-mt-small {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.primary-section > .header + .body.-mt-xsmall {
margin-top: clamp(10px, 1.1940298507vw, 16px);
}
.primary-section > .body {
position: relative;
}
.primary-section > .body > .lead {
font-size: var(--font-16);
line-height: 2.2;
text-align: center;
}
.primary-section > .body > .section:not(:first-child) {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.primary-section > .body > .section:not(:first-child).-mt-xlarge {
margin-top: clamp(50px, 5.9701492537vw, 80px);
}
.primary-section > .body > .section:not(:first-child).-mt-large {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.primary-section > .body > .section:not(:first-child).-mt-small {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.primary-section > .body > .section:not(:first-child).-mt-xsmall {
margin-top: clamp(10px, 1.1940298507vw, 16px);
}
.primary-section.-deco > .body > .deco {
position: absolute;
top: clamp(-24px, -1.7910447761vw, -15px);
right: clamp(15px, 1.7910447761vw, 24px);
}
@media (min-width: 560px) {
.primary-section.-deco > .body > .deco {
top: clamp(-80px, -5.9701492537vw, -50px);
}
}
.primary-section.-deco > .body > .deco > .image {
width: clamp(75px, 8.9552238806vw, 120px);
transform: rotate(20deg);
}
.primary-section.-deco > .body > .lead {
padding-right: clamp(110px, 13.1343283582vw, 176px);
}
.secondary-container {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.secondary-container > .lead {
font-size: var(--font-16);
line-height: 2.2;
text-align: center;
}
.secondary-container > .section:not(:first-child) {
margin-top: clamp(75px, 8.9552238806vw, 120px);
}
.secondary-container > .section:not(:first-child).-mt-xlarge {
margin-top: clamp(125px, 14.9253731343vw, 200px);
}
.secondary-container > .section:not(:first-child).-mt-large {
margin-top: clamp(100px, 11.9402985075vw, 160px);
}
.secondary-container > .section:not(:first-child).-mt-small {
margin-top: clamp(60px, 7.1641791045vw, 96px);
}
.secondary-container > .section:not(:first-child).-mt-xsmall {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.secondary-container > .lead + .section {
margin-top: clamp(60px, 7.1641791045vw, 96px);
}
.secondary-container > .section > .anchor {
scroll-margin-top: calc(var(--header-height) + clamp(25px, 2.9850746269vw, 40px));
}
.secondary-container > .hr {
border-top-color: var(--color-gray-pale);
margin: clamp(75px, 8.9552238806vw, 120px) 0;
}
.secondary-container > .hr.-my-xlarge {
margin: clamp(125px, 14.9253731343vw, 200px) 0;
}
.secondary-container > .hr.-my-large {
margin: clamp(100px, 11.9402985075vw, 160px) 0;
}
.secondary-container > .hr.-my-small {
margin: clamp(60px, 7.1641791045vw, 96px) 0;
}
.secondary-container > .hr.-my-xsmall {
margin: clamp(40px, 4.776119403vw, 64px) 0;
}
.secondary-section > .header + .body {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.secondary-section > .header + .body.-mt-small {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.secondary-section > .header + .body.-mt-xsmall {
margin-top: clamp(10px, 1.1940298507vw, 16px);
}
.secondary-section > .body > .section:not(:first-child) {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.secondary-section > .body > .section:not(:first-child).-mt-xlarge {
margin-top: clamp(50px, 5.9701492537vw, 80px);
}
.secondary-section > .body > .section:not(:first-child).-mt-large {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.secondary-section > .body > .section:not(:first-child).-mt-small {
margin-top: clamp(15px, 1.7910447761vw, 24px);
}
.secondary-section > .body > .section:not(:first-child).-mt-xsmall {
margin-top: clamp(10px, 1.1940298507vw, 16px);
}
.secondary-section > .body > .section > .anchor {
scroll-margin-top: calc(var(--header-height) + clamp(25px, 2.9850746269vw, 40px));
}
.single-container > .article {
max-width: var(--content-width-small);
margin: 0 auto;
}
.single-container > .aside {
margin-top: clamp(100px, 11.9402985075vw, 160px);
}
.single-container > .aside > .inner {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.single-article > .header > .category {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
font-size: var(--font-12);
line-height: 1.4;
}
.single-article > .header > .category > .item > .link {
display: inline-block;
padding: 0.4em 1em;
background: var(--color-black);
border-radius: 4px;
text-align: center;
color: var(--color-white);
}
.single-article > .header > .heading {
padding-bottom: 1em;
border-bottom: 1px solid var(--color-black-light);
font-weight: 700;
font-size: var(--font-29);
line-height: 1.4;
}
.single-article > .header > .category + .heading {
margin-top: 1em;
}
.single-article > .header > .date {
margin-top: 1em;
font-size: var(--font-15);
font-family: var(--font-en);
text-align: right;
color: var(--color-gray);
}
.single-article > .body {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.single-aside > .header + .body {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.singleHospital-container {
max-width: var(--content-width-small);
margin: 0 auto;
}
.singleHospital-container > .back {
margin-top: clamp(50px, 5.9701492537vw, 80px);
text-align: center;
}
.singleHospital-article > .header {
border-bottom: 1px solid var(--color-black-light);
}
.singleHospital-article > .header > .heading {
padding-bottom: 1em;
font-weight: 700;
font-size: var(--font-29);
line-height: 1.4;
}
.singleHospital-article > .body {
margin-top: clamp(25px, 2.9850746269vw, 40px);
}
.singleHospital-article > .body > .data {
margin-top: clamp(40px, 4.776119403vw, 64px);
}
.singleHospital-article > .body > .freearea {
margin-top: clamp(35px, 4.1791044776vw, 56px);
padding-bottom: clamp(38px, 4.4776119403vw, 60px);
border-bottom: 1px solid var(--color-gray-pale);
}
.singleHospital-article-dataTagList {
display: flex;
flex-wrap: wrap;
font-weight: 500;
font-size: var(--font-13);
line-height: 1.4;
gap: 0.5em;
}
.singleHospital-article-dataTagList > .item > .inner {
display: inline-block;
padding: calc(0.25em - 1px) 0.75em;
background: var(--color-offwhite);
border: 1px solid var(--color-gray-light);
border-radius: 2px;
}
.singleInterview-container > .back {
max-width: var(--content-width-medium);
margin: clamp(100px, 11.9402985075vw, 160px) auto 0;
text-align: center;
}
.singleInterview-article {
--singleInterview-article-color: var(--themeColor, var(--defaultColor));
}
.singleInterview-article > .eyecatch {
position: relative;
max-width: var(--content-width-medium);
margin: 0 auto;
}
.singleInterview-article > .eyecatch > .media {
position: relative;
aspect-ratio: 1192/780;
}
@media (min-width: 1200px) {
.singleInterview-article > .eyecatch > .media {
margin: 0 clamp(-64px, -4.776119403vw, -40px);
}
}
.singleInterview-article > .eyecatch > .media::before {
content: "";
z-index: -1;
opacity: 0.3;
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
background: var(--color-gradient);
border-radius: 100%;
filter: blur(20px);
pointer-events: none;
}
.singleInterview-article > .eyecatch > .media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.singleInterview-article > .eyecatch > .deco {
opacity: 0.1;
overflow: hidden;
display: flex;
padding: clamp(10px, 1.1940298507vw, 16px) 0;
font-weight: 700;
font-size: clamp(29px, 5.3731343284vw, 72px);
font-family: var(--font-en);
line-height: 1;
color: var(--singleInterview-article-color);
}
@media (min-width: 1200px) {
.singleInterview-article > .eyecatch > .deco {
margin: 0 clamp(-64px, -4.776119403vw, -40px);
}
}
.singleInterview-article > .eyecatch > .deco > .item {
white-space: nowrap;
animation: singleInterview-article-deco 100s linear infinite;
}
@keyframes singleInterview-article-deco {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.singleInterview-article > .eyecatch > .header {
margin-top: clamp(-56px, -4.1791044776vw, -35px);
}
@media (min-width: 768px) {
.singleInterview-article > .eyecatch > .header {
z-index: 1;
position: absolute;
bottom: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
width: calc(var(--font-27-fluid) * 20 + clamp(38px, 7.1641791045vw, 96px));
padding: clamp(19px, 3.5820895522vw, 48px);
color: var(--color-white);
}
}
@media (min-width: 768px) {
.singleInterview-article > .eyecatch > .header::before {
opacity: 0.9;
z-index: -1;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--singleInterview-article-color);
border-radius: 8px;
}
}
.singleInterview-article > .eyecatch > .header > .heading {
padding-bottom: clamp(10px, 1.1940298507vw, 16px);
border-bottom: 1px dotted currentColor;
font-weight: 700;
font-size: var(--font-27-fluid);
line-height: 1.6;
}
.singleInterview-article > .eyecatch > .header > .data {
margin-top: clamp(10px, 1.1940298507vw, 16px);
font-size: var(--font-15);
line-height: 1.8;
}
.singleInterview-article > .body {
max-width: var(--content-width-medium);
margin: clamp(75px, 8.9552238806vw, 120px) auto 0;
}
._bg-white {
background-color: var(--color-white) !important;
}
._bg-offwhite {
background-color: var(--color-offwhite) !important;
}
._bg-black {
background-color: var(--color-black) !important;
}
._bg-black-light {
background-color: var(--color-black-light) !important;
}
._bg-black-pale {
background-color: var(--color-black-pale) !important;
}
._bg-gray {
background-color: var(--color-gray) !important;
}
._bg-gray-light {
background-color: var(--color-gray-light) !important;
}
._bg-gray-pale {
background-color: var(--color-gray-pale) !important;
}
._bg-red {
background-color: var(--color-red) !important;
}
._bg-indigo {
background-color: var(--color-indigo) !important;
}
._bg-blue {
background-color: var(--color-blue) !important;
}
._bg-pink {
background-color: var(--color-pink) !important;
}
._bg-purple {
background-color: var(--color-purple) !important;
}
._bg-yellow {
background-color: var(--color-yellow) !important;
}
._bg-orange {
background-color: var(--color-orange) !important;
}
._bg-gradient {
background-color: var(--color-gradient) !important;
}
._font-sans {
font-family: var(--font-sans) !important;
}
._font-en {
font-family: var(--font-en) !important;
}
._text-white {
color: var(--color-white) !important;
}
._text-offwhite {
color: var(--color-offwhite) !important;
}
._text-black {
color: var(--color-black) !important;
}
._text-black-light {
color: var(--color-black-light) !important;
}
._text-black-pale {
color: var(--color-black-pale) !important;
}
._text-gray {
color: var(--color-gray) !important;
}
._text-gray-light {
color: var(--color-gray-light) !important;
}
._text-gray-pale {
color: var(--color-gray-pale) !important;
}
._text-red {
color: var(--color-red) !important;
}
._text-indigo {
color: var(--color-indigo) !important;
}
._text-blue {
color: var(--color-blue) !important;
}
._text-pink {
color: var(--color-pink) !important;
}
._text-purple {
color: var(--color-purple) !important;
}
._text-yellow {
color: var(--color-yellow) !important;
}
._text-orange {
color: var(--color-orange) !important;
}
._text-gradient {
color: var(--color-gradient) !important;
}
._theme-black {
--themeColor: var(--color-black) !important;
}
._theme-black-light {
--themeColor: var(--color-black-light) !important;
}
._theme-black-pale {
--themeColor: var(--color-black-pale) !important;
}
._theme-indigo {
--themeColor: var(--color-indigo) !important;
}
._theme-blue {
--themeColor: var(--color-blue) !important;
}
._theme-pink {
--themeColor: var(--color-pink) !important;
}
._theme-purple {
--themeColor: var(--color-purple) !important;
}
._theme-orange {
--themeColor: var(--color-orange) !important;
}
._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
._d-inline-block {
display: inline-block !important;
}
._d-inline {
display: inline !important;
}
._d-flex {
display: flex !important;
}
._d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
._d-sm-inline-block {
display: inline-block !important;
}
._d-sm-inline {
display: inline !important;
}
._d-sm-flex {
display: flex !important;
}
._d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
._d-md-inline-block {
display: inline-block !important;
}
._d-md-inline {
display: inline !important;
}
._d-md-flex {
display: flex !important;
}
._d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
._d-lg-inline-block {
display: inline-block !important;
}
._d-lg-inline {
display: inline !important;
}
._d-lg-flex {
display: flex !important;
}
._d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
._d-xl-inline-block {
display: inline-block !important;
}
._d-xl-inline {
display: inline !important;
}
._d-xl-flex {
display: flex !important;
}
._d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
._d-xxl-none {
display: none !important;
}
._d-xxl-block {
display: block !important;
}
._d-xxl-inline-block {
display: inline-block !important;
}
._d-xxl-inline {
display: inline !important;
}
._d-xxl-flex {
display: flex !important;
}
._d-xxl-inline-flex {
display: inline-flex !important;
}
}
._w-auto {
width: auto !important;
}
._w-10 {
width: 10% !important;
}
._w-20 {
width: 20% !important;
}
._w-30 {
width: 30% !important;
}
._w-40 {
width: 40% !important;
}
._w-50 {
width: 50% !important;
}
._w-60 {
width: 60% !important;
}
._w-70 {
width: 70% !important;
}
._w-80 {
width: 80% !important;
}
._w-90 {
width: 90% !important;
}
._w-100 {
width: 100% !important;
}
._h-auto {
height: auto !important;
}
._h-10 {
height: 10% !important;
}
._h-20 {
height: 20% !important;
}
._h-30 {
height: 30% !important;
}
._h-40 {
height: 40% !important;
}
._h-50 {
height: 50% !important;
}
._h-60 {
height: 60% !important;
}
._h-70 {
height: 70% !important;
}
._h-80 {
height: 80% !important;
}
._h-90 {
height: 90% !important;
}
._h-100 {
height: 100% !important;
}
@media (min-width: 560px) {
._w-sm-auto {
width: auto !important;
}
._w-sm-10 {
width: 10% !important;
}
._w-sm-20 {
width: 20% !important;
}
._w-sm-30 {
width: 30% !important;
}
._w-sm-40 {
width: 40% !important;
}
._w-sm-50 {
width: 50% !important;
}
._w-sm-60 {
width: 60% !important;
}
._w-sm-70 {
width: 70% !important;
}
._w-sm-80 {
width: 80% !important;
}
._w-sm-90 {
width: 90% !important;
}
._w-sm-100 {
width: 100% !important;
}
._h-sm-auto {
height: auto !important;
}
._h-sm-10 {
height: 10% !important;
}
._h-sm-20 {
height: 20% !important;
}
._h-sm-30 {
height: 30% !important;
}
._h-sm-40 {
height: 40% !important;
}
._h-sm-50 {
height: 50% !important;
}
._h-sm-60 {
height: 60% !important;
}
._h-sm-70 {
height: 70% !important;
}
._h-sm-80 {
height: 80% !important;
}
._h-sm-90 {
height: 90% !important;
}
._h-sm-100 {
height: 100% !important;
}
}
@media (min-width: 768px) {
._w-md-auto {
width: auto !important;
}
._w-md-10 {
width: 10% !important;
}
._w-md-20 {
width: 20% !important;
}
._w-md-30 {
width: 30% !important;
}
._w-md-40 {
width: 40% !important;
}
._w-md-50 {
width: 50% !important;
}
._w-md-60 {
width: 60% !important;
}
._w-md-70 {
width: 70% !important;
}
._w-md-80 {
width: 80% !important;
}
._w-md-90 {
width: 90% !important;
}
._w-md-100 {
width: 100% !important;
}
._h-md-auto {
height: auto !important;
}
._h-md-10 {
height: 10% !important;
}
._h-md-20 {
height: 20% !important;
}
._h-md-30 {
height: 30% !important;
}
._h-md-40 {
height: 40% !important;
}
._h-md-50 {
height: 50% !important;
}
._h-md-60 {
height: 60% !important;
}
._h-md-70 {
height: 70% !important;
}
._h-md-80 {
height: 80% !important;
}
._h-md-90 {
height: 90% !important;
}
._h-md-100 {
height: 100% !important;
}
}
@media (min-width: 960px) {
._w-lg-auto {
width: auto !important;
}
._w-lg-10 {
width: 10% !important;
}
._w-lg-20 {
width: 20% !important;
}
._w-lg-30 {
width: 30% !important;
}
._w-lg-40 {
width: 40% !important;
}
._w-lg-50 {
width: 50% !important;
}
._w-lg-60 {
width: 60% !important;
}
._w-lg-70 {
width: 70% !important;
}
._w-lg-80 {
width: 80% !important;
}
._w-lg-90 {
width: 90% !important;
}
._w-lg-100 {
width: 100% !important;
}
._h-lg-auto {
height: auto !important;
}
._h-lg-10 {
height: 10% !important;
}
._h-lg-20 {
height: 20% !important;
}
._h-lg-30 {
height: 30% !important;
}
._h-lg-40 {
height: 40% !important;
}
._h-lg-50 {
height: 50% !important;
}
._h-lg-60 {
height: 60% !important;
}
._h-lg-70 {
height: 70% !important;
}
._h-lg-80 {
height: 80% !important;
}
._h-lg-90 {
height: 90% !important;
}
._h-lg-100 {
height: 100% !important;
}
}
@media (min-width: 1200px) {
._w-xl-auto {
width: auto !important;
}
._w-xl-10 {
width: 10% !important;
}
._w-xl-20 {
width: 20% !important;
}
._w-xl-30 {
width: 30% !important;
}
._w-xl-40 {
width: 40% !important;
}
._w-xl-50 {
width: 50% !important;
}
._w-xl-60 {
width: 60% !important;
}
._w-xl-70 {
width: 70% !important;
}
._w-xl-80 {
width: 80% !important;
}
._w-xl-90 {
width: 90% !important;
}
._w-xl-100 {
width: 100% !important;
}
._h-xl-auto {
height: auto !important;
}
._h-xl-10 {
height: 10% !important;
}
._h-xl-20 {
height: 20% !important;
}
._h-xl-30 {
height: 30% !important;
}
._h-xl-40 {
height: 40% !important;
}
._h-xl-50 {
height: 50% !important;
}
._h-xl-60 {
height: 60% !important;
}
._h-xl-70 {
height: 70% !important;
}
._h-xl-80 {
height: 80% !important;
}
._h-xl-90 {
height: 90% !important;
}
._h-xl-100 {
height: 100% !important;
}
}
@media (min-width: 1400px) {
._w-xxl-auto {
width: auto !important;
}
._w-xxl-10 {
width: 10% !important;
}
._w-xxl-20 {
width: 20% !important;
}
._w-xxl-30 {
width: 30% !important;
}
._w-xxl-40 {
width: 40% !important;
}
._w-xxl-50 {
width: 50% !important;
}
._w-xxl-60 {
width: 60% !important;
}
._w-xxl-70 {
width: 70% !important;
}
._w-xxl-80 {
width: 80% !important;
}
._w-xxl-90 {
width: 90% !important;
}
._w-xxl-100 {
width: 100% !important;
}
._h-xxl-auto {
height: auto !important;
}
._h-xxl-10 {
height: 10% !important;
}
._h-xxl-20 {
height: 20% !important;
}
._h-xxl-30 {
height: 30% !important;
}
._h-xxl-40 {
height: 40% !important;
}
._h-xxl-50 {
height: 50% !important;
}
._h-xxl-60 {
height: 60% !important;
}
._h-xxl-70 {
height: 70% !important;
}
._h-xxl-80 {
height: 80% !important;
}
._h-xxl-90 {
height: 90% !important;
}
._h-xxl-100 {
height: 100% !important;
}
}
._m-auto {
margin: auto !important;
}
._m-0 {
margin: 0 !important;
}
._m-1 {
margin: 0.5em !important;
}
._m-2 {
margin: 1em !important;
}
._m-3 {
margin: 1.5em !important;
}
._m-4 {
margin: 2em !important;
}
._m-5 {
margin: 2.5em !important;
}
._m-6 {
margin: 3em !important;
}
._m-n1 {
margin: -0.5em !important;
}
._m-n2 {
margin: -1em !important;
}
._m-n3 {
margin: -1.5em !important;
}
._m-n4 {
margin: -2em !important;
}
._m-n5 {
margin: -2.5em !important;
}
._m-n6 {
margin: -3em !important;
}
._mt-auto {
margin-top: auto !important;
}
._mt-0 {
margin-top: 0 !important;
}
._mt-1 {
margin-top: 0.5em !important;
}
._mt-2 {
margin-top: 1em !important;
}
._mt-3 {
margin-top: 1.5em !important;
}
._mt-4 {
margin-top: 2em !important;
}
._mt-5 {
margin-top: 2.5em !important;
}
._mt-6 {
margin-top: 3em !important;
}
._mt-n1 {
margin-top: -0.5em !important;
}
._mt-n2 {
margin-top: -1em !important;
}
._mt-n3 {
margin-top: -1.5em !important;
}
._mt-n4 {
margin-top: -2em !important;
}
._mt-n5 {
margin-top: -2.5em !important;
}
._mt-n6 {
margin-top: -3em !important;
}
._mr-auto {
margin-right: auto !important;
}
._mr-0 {
margin-right: 0 !important;
}
._mr-1 {
margin-right: 0.5em !important;
}
._mr-2 {
margin-right: 1em !important;
}
._mr-3 {
margin-right: 1.5em !important;
}
._mr-4 {
margin-right: 2em !important;
}
._mr-5 {
margin-right: 2.5em !important;
}
._mr-6 {
margin-right: 3em !important;
}
._mr-n1 {
margin-right: -0.5em !important;
}
._mr-n2 {
margin-right: -1em !important;
}
._mr-n3 {
margin-right: -1.5em !important;
}
._mr-n4 {
margin-right: -2em !important;
}
._mr-n5 {
margin-right: -2.5em !important;
}
._mr-n6 {
margin-right: -3em !important;
}
._mb-auto {
margin-bottom: auto !important;
}
._mb-0 {
margin-bottom: 0 !important;
}
._mb-1 {
margin-bottom: 0.5em !important;
}
._mb-2 {
margin-bottom: 1em !important;
}
._mb-3 {
margin-bottom: 1.5em !important;
}
._mb-4 {
margin-bottom: 2em !important;
}
._mb-5 {
margin-bottom: 2.5em !important;
}
._mb-6 {
margin-bottom: 3em !important;
}
._mb-n1 {
margin-bottom: -0.5em !important;
}
._mb-n2 {
margin-bottom: -1em !important;
}
._mb-n3 {
margin-bottom: -1.5em !important;
}
._mb-n4 {
margin-bottom: -2em !important;
}
._mb-n5 {
margin-bottom: -2.5em !important;
}
._mb-n6 {
margin-bottom: -3em !important;
}
._ml-auto {
margin-left: auto !important;
}
._ml-0 {
margin-left: 0 !important;
}
._ml-1 {
margin-left: 0.5em !important;
}
._ml-2 {
margin-left: 1em !important;
}
._ml-3 {
margin-left: 1.5em !important;
}
._ml-4 {
margin-left: 2em !important;
}
._ml-5 {
margin-left: 2.5em !important;
}
._ml-6 {
margin-left: 3em !important;
}
._ml-n1 {
margin-left: -0.5em !important;
}
._ml-n2 {
margin-left: -1em !important;
}
._ml-n3 {
margin-left: -1.5em !important;
}
._ml-n4 {
margin-left: -2em !important;
}
._ml-n5 {
margin-left: -2.5em !important;
}
._ml-n6 {
margin-left: -3em !important;
}
._my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
@media (min-width: 560px) {
._m-sm-auto {
margin: auto !important;
}
._m-sm-0 {
margin: 0 !important;
}
._m-sm-1 {
margin: 0.5em !important;
}
._m-sm-2 {
margin: 1em !important;
}
._m-sm-3 {
margin: 1.5em !important;
}
._m-sm-4 {
margin: 2em !important;
}
._m-sm-5 {
margin: 2.5em !important;
}
._m-sm-6 {
margin: 3em !important;
}
._m-sm-n1 {
margin: -0.5em !important;
}
._m-sm-n2 {
margin: -1em !important;
}
._m-sm-n3 {
margin: -1.5em !important;
}
._m-sm-n4 {
margin: -2em !important;
}
._m-sm-n5 {
margin: -2.5em !important;
}
._m-sm-n6 {
margin: -3em !important;
}
._mt-sm-auto {
margin-top: auto !important;
}
._mt-sm-0 {
margin-top: 0 !important;
}
._mt-sm-1 {
margin-top: 0.5em !important;
}
._mt-sm-2 {
margin-top: 1em !important;
}
._mt-sm-3 {
margin-top: 1.5em !important;
}
._mt-sm-4 {
margin-top: 2em !important;
}
._mt-sm-5 {
margin-top: 2.5em !important;
}
._mt-sm-6 {
margin-top: 3em !important;
}
._mt-sm-n1 {
margin-top: -0.5em !important;
}
._mt-sm-n2 {
margin-top: -1em !important;
}
._mt-sm-n3 {
margin-top: -1.5em !important;
}
._mt-sm-n4 {
margin-top: -2em !important;
}
._mt-sm-n5 {
margin-top: -2.5em !important;
}
._mt-sm-n6 {
margin-top: -3em !important;
}
._mr-sm-auto {
margin-right: auto !important;
}
._mr-sm-0 {
margin-right: 0 !important;
}
._mr-sm-1 {
margin-right: 0.5em !important;
}
._mr-sm-2 {
margin-right: 1em !important;
}
._mr-sm-3 {
margin-right: 1.5em !important;
}
._mr-sm-4 {
margin-right: 2em !important;
}
._mr-sm-5 {
margin-right: 2.5em !important;
}
._mr-sm-6 {
margin-right: 3em !important;
}
._mr-sm-n1 {
margin-right: -0.5em !important;
}
._mr-sm-n2 {
margin-right: -1em !important;
}
._mr-sm-n3 {
margin-right: -1.5em !important;
}
._mr-sm-n4 {
margin-right: -2em !important;
}
._mr-sm-n5 {
margin-right: -2.5em !important;
}
._mr-sm-n6 {
margin-right: -3em !important;
}
._mb-sm-auto {
margin-bottom: auto !important;
}
._mb-sm-0 {
margin-bottom: 0 !important;
}
._mb-sm-1 {
margin-bottom: 0.5em !important;
}
._mb-sm-2 {
margin-bottom: 1em !important;
}
._mb-sm-3 {
margin-bottom: 1.5em !important;
}
._mb-sm-4 {
margin-bottom: 2em !important;
}
._mb-sm-5 {
margin-bottom: 2.5em !important;
}
._mb-sm-6 {
margin-bottom: 3em !important;
}
._mb-sm-n1 {
margin-bottom: -0.5em !important;
}
._mb-sm-n2 {
margin-bottom: -1em !important;
}
._mb-sm-n3 {
margin-bottom: -1.5em !important;
}
._mb-sm-n4 {
margin-bottom: -2em !important;
}
._mb-sm-n5 {
margin-bottom: -2.5em !important;
}
._mb-sm-n6 {
margin-bottom: -3em !important;
}
._ml-sm-auto {
margin-left: auto !important;
}
._ml-sm-0 {
margin-left: 0 !important;
}
._ml-sm-1 {
margin-left: 0.5em !important;
}
._ml-sm-2 {
margin-left: 1em !important;
}
._ml-sm-3 {
margin-left: 1.5em !important;
}
._ml-sm-4 {
margin-left: 2em !important;
}
._ml-sm-5 {
margin-left: 2.5em !important;
}
._ml-sm-6 {
margin-left: 3em !important;
}
._ml-sm-n1 {
margin-left: -0.5em !important;
}
._ml-sm-n2 {
margin-left: -1em !important;
}
._ml-sm-n3 {
margin-left: -1.5em !important;
}
._ml-sm-n4 {
margin-left: -2em !important;
}
._ml-sm-n5 {
margin-left: -2.5em !important;
}
._ml-sm-n6 {
margin-left: -3em !important;
}
._my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-sm-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-sm-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-sm-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-sm-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-sm-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-sm-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-sm-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-sm-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-sm-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-sm-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-sm-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-sm-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-sm-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-sm-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-sm-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-sm-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-sm-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-sm-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-sm-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-sm-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-sm-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-sm-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-sm-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-sm-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-sm-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-sm-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 768px) {
._m-md-auto {
margin: auto !important;
}
._m-md-0 {
margin: 0 !important;
}
._m-md-1 {
margin: 0.5em !important;
}
._m-md-2 {
margin: 1em !important;
}
._m-md-3 {
margin: 1.5em !important;
}
._m-md-4 {
margin: 2em !important;
}
._m-md-5 {
margin: 2.5em !important;
}
._m-md-6 {
margin: 3em !important;
}
._m-md-n1 {
margin: -0.5em !important;
}
._m-md-n2 {
margin: -1em !important;
}
._m-md-n3 {
margin: -1.5em !important;
}
._m-md-n4 {
margin: -2em !important;
}
._m-md-n5 {
margin: -2.5em !important;
}
._m-md-n6 {
margin: -3em !important;
}
._mt-md-auto {
margin-top: auto !important;
}
._mt-md-0 {
margin-top: 0 !important;
}
._mt-md-1 {
margin-top: 0.5em !important;
}
._mt-md-2 {
margin-top: 1em !important;
}
._mt-md-3 {
margin-top: 1.5em !important;
}
._mt-md-4 {
margin-top: 2em !important;
}
._mt-md-5 {
margin-top: 2.5em !important;
}
._mt-md-6 {
margin-top: 3em !important;
}
._mt-md-n1 {
margin-top: -0.5em !important;
}
._mt-md-n2 {
margin-top: -1em !important;
}
._mt-md-n3 {
margin-top: -1.5em !important;
}
._mt-md-n4 {
margin-top: -2em !important;
}
._mt-md-n5 {
margin-top: -2.5em !important;
}
._mt-md-n6 {
margin-top: -3em !important;
}
._mr-md-auto {
margin-right: auto !important;
}
._mr-md-0 {
margin-right: 0 !important;
}
._mr-md-1 {
margin-right: 0.5em !important;
}
._mr-md-2 {
margin-right: 1em !important;
}
._mr-md-3 {
margin-right: 1.5em !important;
}
._mr-md-4 {
margin-right: 2em !important;
}
._mr-md-5 {
margin-right: 2.5em !important;
}
._mr-md-6 {
margin-right: 3em !important;
}
._mr-md-n1 {
margin-right: -0.5em !important;
}
._mr-md-n2 {
margin-right: -1em !important;
}
._mr-md-n3 {
margin-right: -1.5em !important;
}
._mr-md-n4 {
margin-right: -2em !important;
}
._mr-md-n5 {
margin-right: -2.5em !important;
}
._mr-md-n6 {
margin-right: -3em !important;
}
._mb-md-auto {
margin-bottom: auto !important;
}
._mb-md-0 {
margin-bottom: 0 !important;
}
._mb-md-1 {
margin-bottom: 0.5em !important;
}
._mb-md-2 {
margin-bottom: 1em !important;
}
._mb-md-3 {
margin-bottom: 1.5em !important;
}
._mb-md-4 {
margin-bottom: 2em !important;
}
._mb-md-5 {
margin-bottom: 2.5em !important;
}
._mb-md-6 {
margin-bottom: 3em !important;
}
._mb-md-n1 {
margin-bottom: -0.5em !important;
}
._mb-md-n2 {
margin-bottom: -1em !important;
}
._mb-md-n3 {
margin-bottom: -1.5em !important;
}
._mb-md-n4 {
margin-bottom: -2em !important;
}
._mb-md-n5 {
margin-bottom: -2.5em !important;
}
._mb-md-n6 {
margin-bottom: -3em !important;
}
._ml-md-auto {
margin-left: auto !important;
}
._ml-md-0 {
margin-left: 0 !important;
}
._ml-md-1 {
margin-left: 0.5em !important;
}
._ml-md-2 {
margin-left: 1em !important;
}
._ml-md-3 {
margin-left: 1.5em !important;
}
._ml-md-4 {
margin-left: 2em !important;
}
._ml-md-5 {
margin-left: 2.5em !important;
}
._ml-md-6 {
margin-left: 3em !important;
}
._ml-md-n1 {
margin-left: -0.5em !important;
}
._ml-md-n2 {
margin-left: -1em !important;
}
._ml-md-n3 {
margin-left: -1.5em !important;
}
._ml-md-n4 {
margin-left: -2em !important;
}
._ml-md-n5 {
margin-left: -2.5em !important;
}
._ml-md-n6 {
margin-left: -3em !important;
}
._my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-md-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-md-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-md-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-md-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-md-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-md-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-md-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-md-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-md-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-md-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-md-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-md-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-md-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-md-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-md-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-md-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-md-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-md-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-md-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-md-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-md-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-md-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-md-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-md-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-md-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-md-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 960px) {
._m-lg-auto {
margin: auto !important;
}
._m-lg-0 {
margin: 0 !important;
}
._m-lg-1 {
margin: 0.5em !important;
}
._m-lg-2 {
margin: 1em !important;
}
._m-lg-3 {
margin: 1.5em !important;
}
._m-lg-4 {
margin: 2em !important;
}
._m-lg-5 {
margin: 2.5em !important;
}
._m-lg-6 {
margin: 3em !important;
}
._m-lg-n1 {
margin: -0.5em !important;
}
._m-lg-n2 {
margin: -1em !important;
}
._m-lg-n3 {
margin: -1.5em !important;
}
._m-lg-n4 {
margin: -2em !important;
}
._m-lg-n5 {
margin: -2.5em !important;
}
._m-lg-n6 {
margin: -3em !important;
}
._mt-lg-auto {
margin-top: auto !important;
}
._mt-lg-0 {
margin-top: 0 !important;
}
._mt-lg-1 {
margin-top: 0.5em !important;
}
._mt-lg-2 {
margin-top: 1em !important;
}
._mt-lg-3 {
margin-top: 1.5em !important;
}
._mt-lg-4 {
margin-top: 2em !important;
}
._mt-lg-5 {
margin-top: 2.5em !important;
}
._mt-lg-6 {
margin-top: 3em !important;
}
._mt-lg-n1 {
margin-top: -0.5em !important;
}
._mt-lg-n2 {
margin-top: -1em !important;
}
._mt-lg-n3 {
margin-top: -1.5em !important;
}
._mt-lg-n4 {
margin-top: -2em !important;
}
._mt-lg-n5 {
margin-top: -2.5em !important;
}
._mt-lg-n6 {
margin-top: -3em !important;
}
._mr-lg-auto {
margin-right: auto !important;
}
._mr-lg-0 {
margin-right: 0 !important;
}
._mr-lg-1 {
margin-right: 0.5em !important;
}
._mr-lg-2 {
margin-right: 1em !important;
}
._mr-lg-3 {
margin-right: 1.5em !important;
}
._mr-lg-4 {
margin-right: 2em !important;
}
._mr-lg-5 {
margin-right: 2.5em !important;
}
._mr-lg-6 {
margin-right: 3em !important;
}
._mr-lg-n1 {
margin-right: -0.5em !important;
}
._mr-lg-n2 {
margin-right: -1em !important;
}
._mr-lg-n3 {
margin-right: -1.5em !important;
}
._mr-lg-n4 {
margin-right: -2em !important;
}
._mr-lg-n5 {
margin-right: -2.5em !important;
}
._mr-lg-n6 {
margin-right: -3em !important;
}
._mb-lg-auto {
margin-bottom: auto !important;
}
._mb-lg-0 {
margin-bottom: 0 !important;
}
._mb-lg-1 {
margin-bottom: 0.5em !important;
}
._mb-lg-2 {
margin-bottom: 1em !important;
}
._mb-lg-3 {
margin-bottom: 1.5em !important;
}
._mb-lg-4 {
margin-bottom: 2em !important;
}
._mb-lg-5 {
margin-bottom: 2.5em !important;
}
._mb-lg-6 {
margin-bottom: 3em !important;
}
._mb-lg-n1 {
margin-bottom: -0.5em !important;
}
._mb-lg-n2 {
margin-bottom: -1em !important;
}
._mb-lg-n3 {
margin-bottom: -1.5em !important;
}
._mb-lg-n4 {
margin-bottom: -2em !important;
}
._mb-lg-n5 {
margin-bottom: -2.5em !important;
}
._mb-lg-n6 {
margin-bottom: -3em !important;
}
._ml-lg-auto {
margin-left: auto !important;
}
._ml-lg-0 {
margin-left: 0 !important;
}
._ml-lg-1 {
margin-left: 0.5em !important;
}
._ml-lg-2 {
margin-left: 1em !important;
}
._ml-lg-3 {
margin-left: 1.5em !important;
}
._ml-lg-4 {
margin-left: 2em !important;
}
._ml-lg-5 {
margin-left: 2.5em !important;
}
._ml-lg-6 {
margin-left: 3em !important;
}
._ml-lg-n1 {
margin-left: -0.5em !important;
}
._ml-lg-n2 {
margin-left: -1em !important;
}
._ml-lg-n3 {
margin-left: -1.5em !important;
}
._ml-lg-n4 {
margin-left: -2em !important;
}
._ml-lg-n5 {
margin-left: -2.5em !important;
}
._ml-lg-n6 {
margin-left: -3em !important;
}
._my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-lg-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-lg-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-lg-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-lg-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-lg-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-lg-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-lg-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-lg-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-lg-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-lg-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-lg-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-lg-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-lg-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-lg-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-lg-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-lg-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-lg-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-lg-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-lg-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-lg-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-lg-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-lg-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-lg-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-lg-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-lg-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-lg-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 1200px) {
._m-xl-auto {
margin: auto !important;
}
._m-xl-0 {
margin: 0 !important;
}
._m-xl-1 {
margin: 0.5em !important;
}
._m-xl-2 {
margin: 1em !important;
}
._m-xl-3 {
margin: 1.5em !important;
}
._m-xl-4 {
margin: 2em !important;
}
._m-xl-5 {
margin: 2.5em !important;
}
._m-xl-6 {
margin: 3em !important;
}
._m-xl-n1 {
margin: -0.5em !important;
}
._m-xl-n2 {
margin: -1em !important;
}
._m-xl-n3 {
margin: -1.5em !important;
}
._m-xl-n4 {
margin: -2em !important;
}
._m-xl-n5 {
margin: -2.5em !important;
}
._m-xl-n6 {
margin: -3em !important;
}
._mt-xl-auto {
margin-top: auto !important;
}
._mt-xl-0 {
margin-top: 0 !important;
}
._mt-xl-1 {
margin-top: 0.5em !important;
}
._mt-xl-2 {
margin-top: 1em !important;
}
._mt-xl-3 {
margin-top: 1.5em !important;
}
._mt-xl-4 {
margin-top: 2em !important;
}
._mt-xl-5 {
margin-top: 2.5em !important;
}
._mt-xl-6 {
margin-top: 3em !important;
}
._mt-xl-n1 {
margin-top: -0.5em !important;
}
._mt-xl-n2 {
margin-top: -1em !important;
}
._mt-xl-n3 {
margin-top: -1.5em !important;
}
._mt-xl-n4 {
margin-top: -2em !important;
}
._mt-xl-n5 {
margin-top: -2.5em !important;
}
._mt-xl-n6 {
margin-top: -3em !important;
}
._mr-xl-auto {
margin-right: auto !important;
}
._mr-xl-0 {
margin-right: 0 !important;
}
._mr-xl-1 {
margin-right: 0.5em !important;
}
._mr-xl-2 {
margin-right: 1em !important;
}
._mr-xl-3 {
margin-right: 1.5em !important;
}
._mr-xl-4 {
margin-right: 2em !important;
}
._mr-xl-5 {
margin-right: 2.5em !important;
}
._mr-xl-6 {
margin-right: 3em !important;
}
._mr-xl-n1 {
margin-right: -0.5em !important;
}
._mr-xl-n2 {
margin-right: -1em !important;
}
._mr-xl-n3 {
margin-right: -1.5em !important;
}
._mr-xl-n4 {
margin-right: -2em !important;
}
._mr-xl-n5 {
margin-right: -2.5em !important;
}
._mr-xl-n6 {
margin-right: -3em !important;
}
._mb-xl-auto {
margin-bottom: auto !important;
}
._mb-xl-0 {
margin-bottom: 0 !important;
}
._mb-xl-1 {
margin-bottom: 0.5em !important;
}
._mb-xl-2 {
margin-bottom: 1em !important;
}
._mb-xl-3 {
margin-bottom: 1.5em !important;
}
._mb-xl-4 {
margin-bottom: 2em !important;
}
._mb-xl-5 {
margin-bottom: 2.5em !important;
}
._mb-xl-6 {
margin-bottom: 3em !important;
}
._mb-xl-n1 {
margin-bottom: -0.5em !important;
}
._mb-xl-n2 {
margin-bottom: -1em !important;
}
._mb-xl-n3 {
margin-bottom: -1.5em !important;
}
._mb-xl-n4 {
margin-bottom: -2em !important;
}
._mb-xl-n5 {
margin-bottom: -2.5em !important;
}
._mb-xl-n6 {
margin-bottom: -3em !important;
}
._ml-xl-auto {
margin-left: auto !important;
}
._ml-xl-0 {
margin-left: 0 !important;
}
._ml-xl-1 {
margin-left: 0.5em !important;
}
._ml-xl-2 {
margin-left: 1em !important;
}
._ml-xl-3 {
margin-left: 1.5em !important;
}
._ml-xl-4 {
margin-left: 2em !important;
}
._ml-xl-5 {
margin-left: 2.5em !important;
}
._ml-xl-6 {
margin-left: 3em !important;
}
._ml-xl-n1 {
margin-left: -0.5em !important;
}
._ml-xl-n2 {
margin-left: -1em !important;
}
._ml-xl-n3 {
margin-left: -1.5em !important;
}
._ml-xl-n4 {
margin-left: -2em !important;
}
._ml-xl-n5 {
margin-left: -2.5em !important;
}
._ml-xl-n6 {
margin-left: -3em !important;
}
._my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-xl-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-xl-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-xl-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-xl-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-xl-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-xl-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-xl-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-xl-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-xl-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-xl-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-xl-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-xl-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-xl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-xl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-xl-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-xl-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-xl-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-xl-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-xl-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-xl-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-xl-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-xl-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-xl-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-xl-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-xl-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-xl-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 1400px) {
._m-xxl-auto {
margin: auto !important;
}
._m-xxl-0 {
margin: 0 !important;
}
._m-xxl-1 {
margin: 0.5em !important;
}
._m-xxl-2 {
margin: 1em !important;
}
._m-xxl-3 {
margin: 1.5em !important;
}
._m-xxl-4 {
margin: 2em !important;
}
._m-xxl-5 {
margin: 2.5em !important;
}
._m-xxl-6 {
margin: 3em !important;
}
._m-xxl-n1 {
margin: -0.5em !important;
}
._m-xxl-n2 {
margin: -1em !important;
}
._m-xxl-n3 {
margin: -1.5em !important;
}
._m-xxl-n4 {
margin: -2em !important;
}
._m-xxl-n5 {
margin: -2.5em !important;
}
._m-xxl-n6 {
margin: -3em !important;
}
._mt-xxl-auto {
margin-top: auto !important;
}
._mt-xxl-0 {
margin-top: 0 !important;
}
._mt-xxl-1 {
margin-top: 0.5em !important;
}
._mt-xxl-2 {
margin-top: 1em !important;
}
._mt-xxl-3 {
margin-top: 1.5em !important;
}
._mt-xxl-4 {
margin-top: 2em !important;
}
._mt-xxl-5 {
margin-top: 2.5em !important;
}
._mt-xxl-6 {
margin-top: 3em !important;
}
._mt-xxl-n1 {
margin-top: -0.5em !important;
}
._mt-xxl-n2 {
margin-top: -1em !important;
}
._mt-xxl-n3 {
margin-top: -1.5em !important;
}
._mt-xxl-n4 {
margin-top: -2em !important;
}
._mt-xxl-n5 {
margin-top: -2.5em !important;
}
._mt-xxl-n6 {
margin-top: -3em !important;
}
._mr-xxl-auto {
margin-right: auto !important;
}
._mr-xxl-0 {
margin-right: 0 !important;
}
._mr-xxl-1 {
margin-right: 0.5em !important;
}
._mr-xxl-2 {
margin-right: 1em !important;
}
._mr-xxl-3 {
margin-right: 1.5em !important;
}
._mr-xxl-4 {
margin-right: 2em !important;
}
._mr-xxl-5 {
margin-right: 2.5em !important;
}
._mr-xxl-6 {
margin-right: 3em !important;
}
._mr-xxl-n1 {
margin-right: -0.5em !important;
}
._mr-xxl-n2 {
margin-right: -1em !important;
}
._mr-xxl-n3 {
margin-right: -1.5em !important;
}
._mr-xxl-n4 {
margin-right: -2em !important;
}
._mr-xxl-n5 {
margin-right: -2.5em !important;
}
._mr-xxl-n6 {
margin-right: -3em !important;
}
._mb-xxl-auto {
margin-bottom: auto !important;
}
._mb-xxl-0 {
margin-bottom: 0 !important;
}
._mb-xxl-1 {
margin-bottom: 0.5em !important;
}
._mb-xxl-2 {
margin-bottom: 1em !important;
}
._mb-xxl-3 {
margin-bottom: 1.5em !important;
}
._mb-xxl-4 {
margin-bottom: 2em !important;
}
._mb-xxl-5 {
margin-bottom: 2.5em !important;
}
._mb-xxl-6 {
margin-bottom: 3em !important;
}
._mb-xxl-n1 {
margin-bottom: -0.5em !important;
}
._mb-xxl-n2 {
margin-bottom: -1em !important;
}
._mb-xxl-n3 {
margin-bottom: -1.5em !important;
}
._mb-xxl-n4 {
margin-bottom: -2em !important;
}
._mb-xxl-n5 {
margin-bottom: -2.5em !important;
}
._mb-xxl-n6 {
margin-bottom: -3em !important;
}
._ml-xxl-auto {
margin-left: auto !important;
}
._ml-xxl-0 {
margin-left: 0 !important;
}
._ml-xxl-1 {
margin-left: 0.5em !important;
}
._ml-xxl-2 {
margin-left: 1em !important;
}
._ml-xxl-3 {
margin-left: 1.5em !important;
}
._ml-xxl-4 {
margin-left: 2em !important;
}
._ml-xxl-5 {
margin-left: 2.5em !important;
}
._ml-xxl-6 {
margin-left: 3em !important;
}
._ml-xxl-n1 {
margin-left: -0.5em !important;
}
._ml-xxl-n2 {
margin-left: -1em !important;
}
._ml-xxl-n3 {
margin-left: -1.5em !important;
}
._ml-xxl-n4 {
margin-left: -2em !important;
}
._ml-xxl-n5 {
margin-left: -2.5em !important;
}
._ml-xxl-n6 {
margin-left: -3em !important;
}
._my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-xxl-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-xxl-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-xxl-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-xxl-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-xxl-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-xxl-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-xxl-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-xxl-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-xxl-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-xxl-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-xxl-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-xxl-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-xxl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-xxl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-xxl-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-xxl-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-xxl-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-xxl-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-xxl-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-xxl-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-xxl-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-xxl-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-xxl-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-xxl-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-xxl-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-xxl-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
._p-0 {
padding: 0 !important;
}
._p-1 {
padding: 0.5em !important;
}
._p-2 {
padding: 1em !important;
}
._p-3 {
padding: 1.5em !important;
}
._p-4 {
padding: 2em !important;
}
._p-5 {
padding: 2.5em !important;
}
._p-6 {
padding: 3em !important;
}
._pt-0 {
padding-top: 0 !important;
}
._pt-1 {
padding-top: 0.5em !important;
}
._pt-2 {
padding-top: 1em !important;
}
._pt-3 {
padding-top: 1.5em !important;
}
._pt-4 {
padding-top: 2em !important;
}
._pt-5 {
padding-top: 2.5em !important;
}
._pt-6 {
padding-top: 3em !important;
}
._pr-0 {
padding-right: 0 !important;
}
._pr-1 {
padding-right: 0.5em !important;
}
._pr-2 {
padding-right: 1em !important;
}
._pr-3 {
padding-right: 1.5em !important;
}
._pr-4 {
padding-right: 2em !important;
}
._pr-5 {
padding-right: 2.5em !important;
}
._pr-6 {
padding-right: 3em !important;
}
._pb-0 {
padding-bottom: 0 !important;
}
._pb-1 {
padding-bottom: 0.5em !important;
}
._pb-2 {
padding-bottom: 1em !important;
}
._pb-3 {
padding-bottom: 1.5em !important;
}
._pb-4 {
padding-bottom: 2em !important;
}
._pb-5 {
padding-bottom: 2.5em !important;
}
._pb-6 {
padding-bottom: 3em !important;
}
._pl-0 {
padding-left: 0 !important;
}
._pl-1 {
padding-left: 0.5em !important;
}
._pl-2 {
padding-left: 1em !important;
}
._pl-3 {
padding-left: 1.5em !important;
}
._pl-4 {
padding-left: 2em !important;
}
._pl-5 {
padding-left: 2.5em !important;
}
._pl-6 {
padding-left: 3em !important;
}
._py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
@media (min-width: 560px) {
._p-sm-0 {
padding: 0 !important;
}
._p-sm-1 {
padding: 0.5em !important;
}
._p-sm-2 {
padding: 1em !important;
}
._p-sm-3 {
padding: 1.5em !important;
}
._p-sm-4 {
padding: 2em !important;
}
._p-sm-5 {
padding: 2.5em !important;
}
._p-sm-6 {
padding: 3em !important;
}
._pt-sm-0 {
padding-top: 0 !important;
}
._pt-sm-1 {
padding-top: 0.5em !important;
}
._pt-sm-2 {
padding-top: 1em !important;
}
._pt-sm-3 {
padding-top: 1.5em !important;
}
._pt-sm-4 {
padding-top: 2em !important;
}
._pt-sm-5 {
padding-top: 2.5em !important;
}
._pt-sm-6 {
padding-top: 3em !important;
}
._pr-sm-0 {
padding-right: 0 !important;
}
._pr-sm-1 {
padding-right: 0.5em !important;
}
._pr-sm-2 {
padding-right: 1em !important;
}
._pr-sm-3 {
padding-right: 1.5em !important;
}
._pr-sm-4 {
padding-right: 2em !important;
}
._pr-sm-5 {
padding-right: 2.5em !important;
}
._pr-sm-6 {
padding-right: 3em !important;
}
._pb-sm-0 {
padding-bottom: 0 !important;
}
._pb-sm-1 {
padding-bottom: 0.5em !important;
}
._pb-sm-2 {
padding-bottom: 1em !important;
}
._pb-sm-3 {
padding-bottom: 1.5em !important;
}
._pb-sm-4 {
padding-bottom: 2em !important;
}
._pb-sm-5 {
padding-bottom: 2.5em !important;
}
._pb-sm-6 {
padding-bottom: 3em !important;
}
._pl-sm-0 {
padding-left: 0 !important;
}
._pl-sm-1 {
padding-left: 0.5em !important;
}
._pl-sm-2 {
padding-left: 1em !important;
}
._pl-sm-3 {
padding-left: 1.5em !important;
}
._pl-sm-4 {
padding-left: 2em !important;
}
._pl-sm-5 {
padding-left: 2.5em !important;
}
._pl-sm-6 {
padding-left: 3em !important;
}
._py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-sm-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-sm-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-sm-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-sm-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-sm-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-sm-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-sm-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-sm-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-sm-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-sm-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-sm-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-sm-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-sm-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
}
@media (min-width: 768px) {
._p-md-0 {
padding: 0 !important;
}
._p-md-1 {
padding: 0.5em !important;
}
._p-md-2 {
padding: 1em !important;
}
._p-md-3 {
padding: 1.5em !important;
}
._p-md-4 {
padding: 2em !important;
}
._p-md-5 {
padding: 2.5em !important;
}
._p-md-6 {
padding: 3em !important;
}
._pt-md-0 {
padding-top: 0 !important;
}
._pt-md-1 {
padding-top: 0.5em !important;
}
._pt-md-2 {
padding-top: 1em !important;
}
._pt-md-3 {
padding-top: 1.5em !important;
}
._pt-md-4 {
padding-top: 2em !important;
}
._pt-md-5 {
padding-top: 2.5em !important;
}
._pt-md-6 {
padding-top: 3em !important;
}
._pr-md-0 {
padding-right: 0 !important;
}
._pr-md-1 {
padding-right: 0.5em !important;
}
._pr-md-2 {
padding-right: 1em !important;
}
._pr-md-3 {
padding-right: 1.5em !important;
}
._pr-md-4 {
padding-right: 2em !important;
}
._pr-md-5 {
padding-right: 2.5em !important;
}
._pr-md-6 {
padding-right: 3em !important;
}
._pb-md-0 {
padding-bottom: 0 !important;
}
._pb-md-1 {
padding-bottom: 0.5em !important;
}
._pb-md-2 {
padding-bottom: 1em !important;
}
._pb-md-3 {
padding-bottom: 1.5em !important;
}
._pb-md-4 {
padding-bottom: 2em !important;
}
._pb-md-5 {
padding-bottom: 2.5em !important;
}
._pb-md-6 {
padding-bottom: 3em !important;
}
._pl-md-0 {
padding-left: 0 !important;
}
._pl-md-1 {
padding-left: 0.5em !important;
}
._pl-md-2 {
padding-left: 1em !important;
}
._pl-md-3 {
padding-left: 1.5em !important;
}
._pl-md-4 {
padding-left: 2em !important;
}
._pl-md-5 {
padding-left: 2.5em !important;
}
._pl-md-6 {
padding-left: 3em !important;
}
._py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-md-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-md-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-md-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-md-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-md-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-md-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-md-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-md-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-md-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-md-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-md-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-md-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-md-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
}
@media (min-width: 960px) {
._p-lg-0 {
padding: 0 !important;
}
._p-lg-1 {
padding: 0.5em !important;
}
._p-lg-2 {
padding: 1em !important;
}
._p-lg-3 {
padding: 1.5em !important;
}
._p-lg-4 {
padding: 2em !important;
}
._p-lg-5 {
padding: 2.5em !important;
}
._p-lg-6 {
padding: 3em !important;
}
._pt-lg-0 {
padding-top: 0 !important;
}
._pt-lg-1 {
padding-top: 0.5em !important;
}
._pt-lg-2 {
padding-top: 1em !important;
}
._pt-lg-3 {
padding-top: 1.5em !important;
}
._pt-lg-4 {
padding-top: 2em !important;
}
._pt-lg-5 {
padding-top: 2.5em !important;
}
._pt-lg-6 {
padding-top: 3em !important;
}
._pr-lg-0 {
padding-right: 0 !important;
}
._pr-lg-1 {
padding-right: 0.5em !important;
}
._pr-lg-2 {
padding-right: 1em !important;
}
._pr-lg-3 {
padding-right: 1.5em !important;
}
._pr-lg-4 {
padding-right: 2em !important;
}
._pr-lg-5 {
padding-right: 2.5em !important;
}
._pr-lg-6 {
padding-right: 3em !important;
}
._pb-lg-0 {
padding-bottom: 0 !important;
}
._pb-lg-1 {
padding-bottom: 0.5em !important;
}
._pb-lg-2 {
padding-bottom: 1em !important;
}
._pb-lg-3 {
padding-bottom: 1.5em !important;
}
._pb-lg-4 {
padding-bottom: 2em !important;
}
._pb-lg-5 {
padding-bottom: 2.5em !important;
}
._pb-lg-6 {
padding-bottom: 3em !important;
}
._pl-lg-0 {
padding-left: 0 !important;
}
._pl-lg-1 {
padding-left: 0.5em !important;
}
._pl-lg-2 {
padding-left: 1em !important;
}
._pl-lg-3 {
padding-left: 1.5em !important;
}
._pl-lg-4 {
padding-left: 2em !important;
}
._pl-lg-5 {
padding-left: 2.5em !important;
}
._pl-lg-6 {
padding-left: 3em !important;
}
._py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-lg-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-lg-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-lg-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-lg-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-lg-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-lg-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-lg-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-lg-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-lg-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-lg-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-lg-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-lg-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-lg-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
}
@media (min-width: 1200px) {
._p-xl-0 {
padding: 0 !important;
}
._p-xl-1 {
padding: 0.5em !important;
}
._p-xl-2 {
padding: 1em !important;
}
._p-xl-3 {
padding: 1.5em !important;
}
._p-xl-4 {
padding: 2em !important;
}
._p-xl-5 {
padding: 2.5em !important;
}
._p-xl-6 {
padding: 3em !important;
}
._pt-xl-0 {
padding-top: 0 !important;
}
._pt-xl-1 {
padding-top: 0.5em !important;
}
._pt-xl-2 {
padding-top: 1em !important;
}
._pt-xl-3 {
padding-top: 1.5em !important;
}
._pt-xl-4 {
padding-top: 2em !important;
}
._pt-xl-5 {
padding-top: 2.5em !important;
}
._pt-xl-6 {
padding-top: 3em !important;
}
._pr-xl-0 {
padding-right: 0 !important;
}
._pr-xl-1 {
padding-right: 0.5em !important;
}
._pr-xl-2 {
padding-right: 1em !important;
}
._pr-xl-3 {
padding-right: 1.5em !important;
}
._pr-xl-4 {
padding-right: 2em !important;
}
._pr-xl-5 {
padding-right: 2.5em !important;
}
._pr-xl-6 {
padding-right: 3em !important;
}
._pb-xl-0 {
padding-bottom: 0 !important;
}
._pb-xl-1 {
padding-bottom: 0.5em !important;
}
._pb-xl-2 {
padding-bottom: 1em !important;
}
._pb-xl-3 {
padding-bottom: 1.5em !important;
}
._pb-xl-4 {
padding-bottom: 2em !important;
}
._pb-xl-5 {
padding-bottom: 2.5em !important;
}
._pb-xl-6 {
padding-bottom: 3em !important;
}
._pl-xl-0 {
padding-left: 0 !important;
}
._pl-xl-1 {
padding-left: 0.5em !important;
}
._pl-xl-2 {
padding-left: 1em !important;
}
._pl-xl-3 {
padding-left: 1.5em !important;
}
._pl-xl-4 {
padding-left: 2em !important;
}
._pl-xl-5 {
padding-left: 2.5em !important;
}
._pl-xl-6 {
padding-left: 3em !important;
}
._py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-xl-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-xl-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-xl-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-xl-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-xl-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-xl-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-xl-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-xl-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-xl-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-xl-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-xl-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-xl-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-xl-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
}
@media (min-width: 1400px) {
._p-xxl-0 {
padding: 0 !important;
}
._p-xxl-1 {
padding: 0.5em !important;
}
._p-xxl-2 {
padding: 1em !important;
}
._p-xxl-3 {
padding: 1.5em !important;
}
._p-xxl-4 {
padding: 2em !important;
}
._p-xxl-5 {
padding: 2.5em !important;
}
._p-xxl-6 {
padding: 3em !important;
}
._pt-xxl-0 {
padding-top: 0 !important;
}
._pt-xxl-1 {
padding-top: 0.5em !important;
}
._pt-xxl-2 {
padding-top: 1em !important;
}
._pt-xxl-3 {
padding-top: 1.5em !important;
}
._pt-xxl-4 {
padding-top: 2em !important;
}
._pt-xxl-5 {
padding-top: 2.5em !important;
}
._pt-xxl-6 {
padding-top: 3em !important;
}
._pr-xxl-0 {
padding-right: 0 !important;
}
._pr-xxl-1 {
padding-right: 0.5em !important;
}
._pr-xxl-2 {
padding-right: 1em !important;
}
._pr-xxl-3 {
padding-right: 1.5em !important;
}
._pr-xxl-4 {
padding-right: 2em !important;
}
._pr-xxl-5 {
padding-right: 2.5em !important;
}
._pr-xxl-6 {
padding-right: 3em !important;
}
._pb-xxl-0 {
padding-bottom: 0 !important;
}
._pb-xxl-1 {
padding-bottom: 0.5em !important;
}
._pb-xxl-2 {
padding-bottom: 1em !important;
}
._pb-xxl-3 {
padding-bottom: 1.5em !important;
}
._pb-xxl-4 {
padding-bottom: 2em !important;
}
._pb-xxl-5 {
padding-bottom: 2.5em !important;
}
._pb-xxl-6 {
padding-bottom: 3em !important;
}
._pl-xxl-0 {
padding-left: 0 !important;
}
._pl-xxl-1 {
padding-left: 0.5em !important;
}
._pl-xxl-2 {
padding-left: 1em !important;
}
._pl-xxl-3 {
padding-left: 1.5em !important;
}
._pl-xxl-4 {
padding-left: 2em !important;
}
._pl-xxl-5 {
padding-left: 2.5em !important;
}
._pl-xxl-6 {
padding-left: 3em !important;
}
._py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
._py-xxl-1 {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
._py-xxl-2 {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
._py-xxl-3 {
padding-top: 1.5em !important;
padding-bottom: 1.5em !important;
}
._py-xxl-4 {
padding-top: 2em !important;
padding-bottom: 2em !important;
}
._py-xxl-5 {
padding-top: 2.5em !important;
padding-bottom: 2.5em !important;
}
._py-xxl-6 {
padding-top: 3em !important;
padding-bottom: 3em !important;
}
._px-xxl-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
._px-xxl-1 {
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}
._px-xxl-2 {
padding-left: 1em !important;
padding-right: 1em !important;
}
._px-xxl-3 {
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
._px-xxl-4 {
padding-left: 2em !important;
padding-right: 2em !important;
}
._px-xxl-5 {
padding-left: 2.5em !important;
padding-right: 2.5em !important;
}
._px-xxl-6 {
padding-left: 3em !important;
padding-right: 3em !important;
}
}
._rounded-none {
border-radius: 0px !important;
}
._rounded-small {
border-radius: 4px !important;
}
._rounded-medium {
border-radius: 8px !important;
}
._rounded-large {
border-radius: 16px !important;
}
._rounded-xlarge {
border-radius: 24px !important;
}
._text-left {
text-align: left !important;
}
._text-center {
text-align: center !important;
}
._text-right {
text-align: right !important;
}
._text-justify {
text-align: justify !important;
}
@media (min-width: 560px) {
._text-sm-left {
text-align: left !important;
}
._text-sm-center {
text-align: center !important;
}
._text-sm-right {
text-align: right !important;
}
._text-sm-justify {
text-align: justify !important;
}
}
@media (min-width: 768px) {
._text-md-left {
text-align: left !important;
}
._text-md-center {
text-align: center !important;
}
._text-md-right {
text-align: right !important;
}
._text-md-justify {
text-align: justify !important;
}
}
@media (min-width: 960px) {
._text-lg-left {
text-align: left !important;
}
._text-lg-center {
text-align: center !important;
}
._text-lg-right {
text-align: right !important;
}
._text-lg-justify {
text-align: justify !important;
}
}
@media (min-width: 1200px) {
._text-xl-left {
text-align: left !important;
}
._text-xl-center {
text-align: center !important;
}
._text-xl-right {
text-align: right !important;
}
._text-xl-justify {
text-align: justify !important;
}
}
@media (min-width: 1400px) {
._text-xxl-left {
text-align: left !important;
}
._text-xxl-center {
text-align: center !important;
}
._text-xxl-right {
text-align: right !important;
}
._text-xxl-justify {
text-align: justify !important;
}
}
._text-underline {
text-decoration-line: underline !important;
}
._text-no-underline {
text-decoration-line: none !important;
}
._text-italic {
font-style: italic !important;
}
._text-not-italic {
font-style: normal !important;
}
._font-regular {
font-weight: 400 !important;
}
._font-medium {
font-weight: 500 !important;
}
._font-semibold {
font-weight: 600 !important;
}
._font-bold {
font-weight: 700 !important;
}
._font-3xsmall {
font-size: 0.8em !important;
}
._font-2xsmall {
font-size: 0.85em !important;
}
._font-xsmall {
font-size: 0.9em !important;
}
._font-small {
font-size: 0.95em !important;
}
._font-base {
font-size: 1em !important;
}
._font-large {
font-size: 1.125em !important;
}
._font-xlarge {
font-size: 1.25em !important;
}
._font-2xlarge {
font-size: 1.5em !important;
}
._font-3xlarge {
font-size: 2em !important;
}
._leading-none {
line-height: 1 !important;
}
._leading-2xsmall {
line-height: 1.6 !important;
}
._leading-xsmall {
line-height: 1.8 !important;
}
._leading-small {
line-height: 2 !important;
}
._leading-medium {
line-height: 2.2 !important;
}
._leading-large {
line-height: 2.4 !important;
}
._leading-xlarge {
line-height: 2.6 !important;
}
._leading-2xlarge {
line-height: 2.8 !important;
}.search > .search_frame{
max-width:1100px;
margin: 0 auto;
}
.search > .search_frame table div.gsc-input-box{
padding: 0.65em 2em 0.65em 1em;
box-sizing:border-box;
background: var(--color-white);
border: 2px solid var(--color-gray-light);
border-radius: 4px;
font-size: var(--font-16);
line-height: 1.8;
}
.search > .search_frame form.gsc-search-box > table.gsc-search-box{
width:auto;
}
.search > .search_frame form.gsc-search-box > table button.gsc-search-button{
height:62px;
width:100px;
border-radius: 4px;
}
.search > .search_frame form.gsc-search-box > table button.gsc-search-button svg{
height:26px;
width:26px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
padding-right: 12px !important;
}
@media (max-width: 560px) {
.search > .search_frame{
margin:20px auto 80px auto;
}
.search > .search_frame form.gsc-search-box > table.gsc-search-box td.gsc-input,
.search > .search_frame form.gsc-search-box > table.gsc-search-box td.gsc-search-button{
display:block;
width:100%;
padding:0;
}
.search > .search_frame form.gsc-search-box > table button.gsc-search-button{
width:100%;
height:40px;
}
.search > .search_frame form.gsc-search-box > table button.gsc-search-button svg{
height:20px;
width:20px;
}
.search > .search_frame form.gsc-search-box > table.gsc-search-box td.gsc-search-button{
margin-top:20px;
}
} .workbalance_member{
margin-top: clamp(40px, 4.776119403vw, 64px);
} .-t_flx{
display: flex;
align-items: center;
} @media print {
.no-print {
display: none;
margin: 0;
}
} .c-dataList > .item > .description > .heading.-description{
font-weight: 700;
}
.c-dataList > .item > .description > .heading.-description > .link{
position: relative;
display: inline-block;
padding-right: 1.75em;
text-decoration: underline;
transition-property: color;
font-size: var(--font-17);
}
.c-dataList > .item > .description > .heading.-description > .link:hover{
opacity: 1;
color: var(--color-indigo);
}
.c-dataList > .item > .description > .heading.-description > .link::before{
content: "";
position: absolute;
top: calc(50% + 1px);
right: 0;
width: calc(1em + 2px);
aspect-ratio: 1 / 1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
background: var(--themeColor, var(--defaultColor));
border-radius: 100%;
}
.c-dataList > .item > .description > .heading.-description > .link:hover:before{
transform: translate(3px, -50%);
}
.c-dataList > .item > .description > .heading.-description > .link::after{
content: "";
position: absolute;
top: calc(50% + 1px);
right: 0;
width: calc(1em + 2px);
aspect-ratio: 1 / 1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50% / calc((1em + 2px)* 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50% / calc((1em + 2px)* 0.6);
}
.c-dataList > .item > .description > .heading.-description > .link:hover:after{
transform: translate(3px, -50%);
} .produce-ttl{
font-weight: 700;
font-size: var(--font-18);
} :root{
--icon-youtube: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2234%22%20height%3D%2224%22%20viewBox%3D%220%200%2034%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1_43)%22%3E%3Cpath%20d%3D%22M33.2919%203.74788C32.9001%202.27187%2031.7498%201.11195%2030.286%200.716839C27.6327%200%2017%200%2017%200C17%200%206.3673%200%203.71683%200.716839C2.25305%201.11195%201.10273%202.27187%200.710899%203.74788C0%206.42051%200%2012%200%2012C0%2012%200%2017.5795%200.710899%2020.2521C1.10273%2021.7281%202.25305%2022.8881%203.71683%2023.2832C6.3673%2024%2017%2024%2017%2024C17%2024%2027.6327%2024%2030.2832%2023.2832C31.747%2022.8881%2032.8973%2021.7281%2033.2891%2020.2521C34%2017.5795%2034%2012%2034%2012C34%2012%2034%206.42051%2033.2891%203.74788H33.2919Z%22%20fill%3D%22%23FF0000%22%2F%3E%3Cpath%20d%3D%22M13.5994%2017.1421L22.4352%2012L13.5994%206.85795V17.1421Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1_43%22%3E%3Crect%20width%3D%2234%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}
.c-icon.-youtube{
background: var(--icon-youtube) no-repeat center / contain;
width: 34px;
height: 24px;
}
.c-menu.-site-header-snav > .item.-sns{
min-width: auto;
}
@media (min-width: 1400px) {
.site-header > .nav {
flex-direction: column-reverse;
align-items: flex-end;
}
}