*,
::before,
::after {
box-sizing: border-box;
}
::before,
::after {
text-decoration: inherit;
vertical-align: inherit;
}
:where(:root) {
font-family: sans-serif;
line-height: 1.4;
overflow-wrap: break-word;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@media (prefers-reduced-motion: no-preference) {
:where(html:focus-within) {
scroll-behavior: smooth;
}
}
:where(body) {
margin: 0;
}
:where(h1, h2, h3, h4, h5, h6) {
margin: 0;
font: inherit;
}
:where(hr, dl, ol, ul, dd, p, blockquote) {
margin: 0;
}
:where(ol, ul) {
padding: 0;
list-style: none;
}
:where(hr) {
border-style: solid;
color: inherit;
}
:where(b, strong) {
font-weight: bolder;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
:where(a) {
color: inherit;
text-decoration: none;
}
:where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
}
:where(iframe) {
border-style: none;
}
:where(figure) {
max-width: 100%;
margin: 0;
}
:where(img, picture, svg, iframe, video) {
max-width: 100%;
height: auto;
}
:where(table) {
width: 100%;
border-collapse: collapse;
border-color: currentColor;
table-layout: fixed;
}
:where(th, td) {
padding: 0;
}
:where(label) {
display: inline-block;
}
:where(button, input, select, textarea),
::-webkit-file-upload-button {
margin: 0;
font: inherit;
line-height: inherit;
}
:where(button, [type=button i], [type=reset i], [type=submit i]),
::-webkit-file-upload-button {
-webkit-appearance: button;
}
:where(button, [role=button i], [type=button i], [type=reset i], [type=submit]):not(:disabled) {
cursor: pointer;
}
:where(textarea) {
resize: vertical;
}
:where([type=search i]) {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
:root {
--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%22M0%209.05h12L6.61%2014.5%208.09%2016%2016%208%208.09%200%206.61%201.5l5.38%205.44H0v2.12z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-right-white: 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%20fill%3D%22%23ffffff%22%20d%3D%22M0%209.05h12L6.61%2014.5%208.09%2016%2016%208%208.09%200%206.61%201.5l5.38%205.44H0v2.12z%22%2F%3E%3C%2Fsvg%3E");
--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%22M16%206.93H4.02L9.4%201.5%207.92%200%200%208l7.91%208%201.48-1.5L4%209.05h12V6.93z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-down: 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.93%200v11.98L1.5%206.6%200%208.08l8%207.91%208-7.91-1.5-1.48-5.45%205.39V0H6.93z%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%22M6.26%2013.5a.947.947%200%2001-.68-1.62L9.49%208%205.58%204.12a.948.948%200%20010-1.34.96.96%200%20011.35%200l4.54%204.51c.4.35.43.95.08%201.34-.02.03-.05.05-.07.07l-4.56%204.52c-.18.18-.42.28-.68.28%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%22M9.74%202.5a.947.947%200%2001.68%201.62L6.51%208l3.91%203.88c.37.37.37.97%200%201.34a.96.96%200%2001-1.35%200L4.53%208.71a.94.94%200%2001-.08-1.34c.02-.03.05-.05.07-.07l4.56-4.52c.18-.18.42-.28.68-.28%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-c-down: 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%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M7.51%208.54L6.44%207.47%204.51%209.4V1.93h-1.5v7.48L1.07%207.47%200%208.54l3.76%203.75%203.75-3.75zm8.49%200l-1.07-1.07L13%209.4V1.93h-1.51v7.48L9.55%207.47%208.49%208.54l3.75%203.75L16%208.54zM.13%2013.49h15.73V15H.13z%22%2F%3E%3C%2Fsvg%3E");
--icon-circle-pink: 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%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%20fill%3D%22%23fd3f8f%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-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%22M11.92%2010.36l-1.37-1.14c1.82-2.67%201.17-6.33-1.46-8.18C6.46-.8%202.86-.14%201.03%202.53-.79%205.19-.14%208.85%202.49%2010.7a5.732%205.732%200%20006.86-.19l1.09%201.35%201.48-1.5zm-6.12-.02c-2.43%200-4.4-2-4.4-4.46s1.97-4.46%204.4-4.46c2.43%200%204.4%202%204.4%204.46s-1.97%204.46-4.4%204.46%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%2022990%22%20d%3D%22M13.57%2015.88c.22.28%201.03.07%201.7-.61s.88-1.51.6-1.73c-1.3-1.09-1.94-1.49-3.25-2.58l-1.6%201.63c1.07%201.32%201.47%201.97%202.54%203.29%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%2022991%22%20d%3D%22M2.73%207.22c-.21%200-.39-.14-.45-.34-.35-1.28%200-2.66.93-3.61a.47.47%200%2001.66%200c.18.18.18.48%200%20.67a2.8%202.8%200%2000-.7%202.69c.07.25-.08.51-.32.58-.04.01-.08.02-.12.02%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.54%202.5H.49a.49.49%200%2000-.49.49V13c0%20.27.22.49.49.49h15.02c.27%200%20.49-.22.49-.49V2.99c0-.26-.2-.48-.46-.49M8%207.85L1.91%203.49h12.07L7.99%207.85zM.98%204.04l4.24%203.03-4.24%202.8V4.05zm14.03-.08v5.93l-4.27-2.82%204.27-3.11zM.98%2012.51v-1.46l5.1-3.36%201.61%201.15c.08.06.18.09.29.09h.06c.1%200%20.21-.03.29-.09L9.9%207.69l5.12%203.38v1.44H.98z%22%2F%3E%3C%2Fsvg%3E");
--icon-light: 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%22M8.06%202.35c-2.07%200-3.74%201.5-3.75%203.37%200%20.91.4%201.77%201.08%202.38.22.2.36.47.4.75l.28%201.7%201.82.03%201.82.03.35-1.69c.06-.29.21-.55.43-.74.71-.58%201.13-1.43%201.17-2.34.07-1.86-1.55-3.43-3.62-3.5m.02%201.36c-1.3%200-2.36.9-2.36%202.01h-.42c0-1.33%201.25-2.42%202.77-2.42v.41z%22%2F%3E%3Cpath%20d%3D%22M6.07%2012.36l3.64.07s-.18%201.08-1.85%201.05-1.79-1.12-1.79-1.12%22%2F%3E%3Cpath%20d%3D%22M6.08%2011.853l.015-.81%203.64.07-.016.809z%22%2F%3E%3Cpath%20d%3D%22M8%201.36c-.09%200-.16-.07-.16-.16V.16C7.84.07%207.91%200%208%200s.16.07.16.16v1.05c0%20.09-.07.16-.16.16%22%2F%3E%3Cpath%20%20d%3D%22M5.31%202.07a.16.16%200%2001-.14-.08l-.53-.91a.154.154%200%2001.05-.22c.07-.05.17-.03.22.05v.01l.53.91c.04.07.02.17-.06.21-.02.01-.05.02-.08.02%22%2F%3E%3Cpath%20d%3D%22M13.58%209.82s-.06%200-.08-.02l-.92-.52c-.08-.04-.11-.14-.07-.21s.14-.11.22-.06l.92.52c.08.04.1.14.06.21a.16.16%200%2001-.14.08%22%2F%3E%3Cpath%20d%3D%22M3.34%204.01s-.06%200-.08-.02l-.92-.53c-.08-.04-.11-.14-.07-.21.04-.08.14-.11.22-.06l.92.52c.08.04.1.14.06.21a.16.16%200%2001-.14.08%22%2F%3E%3Cpath%20d%3D%22M2.62%206.65H1.56c-.09%200-.16-.07-.16-.16s.07-.16.16-.16h1.06c.09%200%20.16.07.16.16s-.07.16-.16.16%22%2F%3E%3Cpath%20d%3D%22M14.45%206.65h-1.06c-.09%200-.16-.07-.16-.16s.07-.16.16-.16h1.06c.09%200%20.16.07.16.16s-.07.16-.16.16%22%2F%3E%3Cpath%20d%3D%22M2.42%209.82c-.09%200-.16-.07-.16-.16%200-.06.03-.11.08-.14L3.26%209c.07-.05.17-.02.22.05.05.07.02.17-.05.22l-.92.52s-.05.02-.08.02%22%2F%3E%3Cpath%20d%3D%22M12.66%204.01c-.09%200-.16-.07-.16-.16%200-.06.03-.11.08-.14l.92-.52c.07-.05.17-.02.22.05.05.07.02.17-.05.22l-.92.52s-.05.02-.08.02%22%2F%3E%3Cpath%20d%3D%22M10.69%202.07c-.09%200-.16-.07-.16-.16%200-.03%200-.06.02-.08l.53-.91c.04-.08.14-.11.21-.07s.11.13.07.21v.01l-.53.91s-.08.08-.14.08%22%2F%3E%3C%2Fsvg%3E");
--icon-pickup: 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%2014.15c.09-.3.08-.63-.04-.93.28-.22.52-.47.73-.76.6-.81.8-1.85.55-2.83-.26-1.1-.65-1.83-1.2-2.22-.32-.22-.7-.34-1.09-.34-.03-.38-.05-.85-.07-1.34-.03-1.04-.11-2.07-.25-3.1C9.43%201.41%209.11.66%208.62.28%208.3.03%207.89-.06%207.49.03c-.44.06-.83.31-1.08.68-.54.85-.21%202.28.3%204.46.06.24.12.49.18.76-.22-.07-.45-.07-.67%200-.37.09-.66.36-.79.72a2.25%202.25%200%2000-.24-.08c-.25-.04-.51-.02-.74.08-.29.11-.51.35-.6.64-.03.11-.06.22-.06.33-.2-.01-.4.02-.58.1-.42.18-.69.59-.7%201.04.01%201.01.19%202.02.52%202.98.21.65.54%201.25.98%201.77.16.19.34.35.54.5-.05.37.05.75.27%201.06.13.19.29.35.48.48.21.15.45.26.7.33.75.18%201.53.17%202.27-.01.69-.12%201.35-.36%201.95-.72.37-.22.65-.57.8-.98m-2.9%201.04c-1.77.36-2.46-.13-2.72-.45-.09-.11-.15-.24-.19-.37.18.07.37.13.56.17.18.03.35-.09.39-.27a.345.345%200%2000-.27-.39c-1-.19-1.76-.99-2.25-2.39-.3-.88-.47-1.8-.48-2.73%200-.2.11-.39.3-.46.15-.08.33-.07.48.02a.33.33%200%2000.54-.33c-.08-.29-.06-.65.21-.75.08-.03.48-.17.64.17.07.14.22.22.38.18.15-.03.26-.17.26-.32%200%200%200-.62.42-.72.26-.06.47-.06.79.56.08.16.28.23.45.14.13-.07.2-.22.17-.36-.15-.68-.3-1.32-.43-1.88-.45-1.94-.78-3.34-.39-3.95.16-.21.39-.35.66-.38.2-.05.42%200%20.59.12.34.27.6.92.76%201.93.14%201%20.22%202.01.24%203.03.03.63.05%201.23.11%201.68l.16%201.62c.02.18.18.31.36.3s.31-.18.3-.36l-.13-1.27c.52.03%201.18.32%201.59%202.05.46%201.97-1.09%203.13-1.98%203.46-.17.06-.26.25-.2.43.06.17.25.26.43.2.19-.07.37-.16.54-.25.02.12.01.23-.02.35-.1.32-.52.9-2.25%201.25%22%2F%3E%3Cpath%20d%3D%22M13.26%204.7v.53l2.73.16.02-.71-2.74.02z%22%2F%3E%3Cpath%20d%3D%22M13.11%206.15l-.23.47%202.43%201.27.31-.64-2.51-1.11z%22%2F%3E%3Cpath%20d%3D%22M13.03%202.89l.09.52%202.72-.4-.13-.7-2.68.58z%22%2F%3E%3Cpath%20d%3D%22M12.42%201.35l.24.47L15.13.63%2014.8%200l-2.39%201.35z%22%2F%3E%3C%2Fsvg%3E");
--icon-news: 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%22M12.21%2010.08c-.4-.72-.44-1.38-.5-2.14-.05-.67-.09-1.37-.4-2.15-.38-.97-1.35-2.01-2.7-2.26v-.79c0-.34-.28-.62-.62-.62s-.62.28-.62.62v.79c-1.35.25-2.32%201.29-2.7%202.26-.3.79-.35%201.48-.4%202.15-.05.76-.1%201.41-.5%202.14-.17.3-.46.67-.78.99-.21.22-.21.44-.19.55.06.32.36.5.67.65.66.31%201.43.54%202.75.64.19.87.9%201.53%201.76%201.53s1.58-.65%201.76-1.53c1.32-.1%202.09-.34%202.75-.64.31-.15.61-.33.67-.65.02-.11.02-.33-.19-.55-.32-.33-.61-.7-.78-.99zM8%2013.59c-.38%200-.7-.26-.86-.63.27%200%20.55.01.86.01s.59%200%20.86-.01c-.16.37-.48.63-.86.63zm4.15-2.09c-.8.37-1.82.62-4.15.62s-3.35-.25-4.15-.62c-.02%200-.03-.02-.05-.02.22-.24.52-.6.73-.99.49-.89.55-1.7.6-2.49.04-.64.08-1.24.34-1.91.33-.85%201.26-1.77%202.52-1.77s2.19.92%202.52%201.77c.26.67.3%201.27.34%201.91.05.79.11%201.6.6%202.49.22.39.52.75.73.99-.02%200-.03.02-.05.02z%22%2F%3E%3Cpath%20d%3D%22M10.04%209.97c-1.39.39-2.91.46-4.34.19-.29-.06-.39.37-.11.45%201.52.42%203.13.48%204.69.18.54-.16.31-.96-.23-.82zm2.73-5.87c-.48-.28-.92.43-.44.73%201.48.84%201.83%202.89.88%204.27-.17.24.19.5.37.27%201.28-1.58.92-4.15-.81-5.27z%22%2F%3E%3Cpath%20d%3D%22M13.78%202.8a.43.43%200%2010-.48.71c2.14%201.27%202.73%204.31%201.31%206.35-.17.25.2.51.37.27%201.74-2.23%201.16-5.76-1.21-7.33zM2.79%209.1c-.95-1.39-.59-3.43.88-4.27a.42.42%200%2000.12-.61.418.418%200%2000-.59-.09c-1.71%201.13-2.06%203.68-.78%205.25.18.23.54-.03.37-.27z%22%2F%3E%3Cpath%20d%3D%22M2.7%203.5c.2-.13.26-.41.12-.6a.42.42%200%2000-.59-.1C-.15%204.36-.73%207.89%201.01%2010.12c.18.24.54-.03.37-.27C-.04%207.81.55%204.77%202.7%203.5z%22%2F%3E%3C%2Fsvg%3E");
--icon-movie: 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.96%207.11L6.51%206.06a.491.491%200%2000-.61.32c-.02.08-.03.17%200%20.25l.81%203.51a.489.489%200%2000.81.25l2.64-2.46c.2-.18.21-.49.03-.69a.447.447%200%2000-.22-.13%22%2F%3E%3Cpath%20d%3D%22M13.75%202.24L.31%205.35a.4.4%200%2000-.3.48l1.76%207.63a.4.4%200%2000.48.3l13.44-3.1a.4.4%200%2000.3-.48l-1.76-7.63a.4.4%200%2000-.48-.3m-.85%201.42l-.1-.42s0-.04.03-.04l.74-.17s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03m.92.45s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03-.1-.42-.1-.42c0-.02%200-.04.03-.04l.74-.17zm.25%201.08s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03-.1-.42-.1-.42c0-.02%200-.04.03-.04l.74-.17zm.25%201.08s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03-.1-.42-.1-.42c0-.02%200-.04.03-.04l.74-.17zm.25%201.08s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.02l-.1-.42s0-.04.03-.04l.74-.17zm.25%201.07s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03-.1-.42-.1-.42c0-.02%200-.04.03-.04l.74-.17zm-.52%201.3s0-.04.03-.04l.74-.17s.04%200%20.04.03.1.42.1.42c0%20.02%200%20.04-.03.04l-.74.17s-.04%200-.04-.03-.1-.42-.1-.42zm-2.02-6.15l1.51%206.52c.03.11-.05.23-.16.26l-9.65%202.23c-.11.03-.23-.05-.26-.16L2.21%205.91c-.03-.11.05-.23.16-.26l9.65-2.23c.11-.03.23.05.26.16M.83%206.46l-.1-.42S.73%206%20.76%206l.74-.17s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03m.92.44s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42s0-.04.03-.04l.74-.17zM2%207.98s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42s0-.04.03-.04L2%207.98zm.24%201.08s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42s0-.04.03-.04l.74-.17zm.25%201.08s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42s0-.04.03-.04l.74-.17zm.25%201.08s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42s0-.04.03-.04l.74-.17zm-.52%201.29s0-.04.03-.04l.74-.17s.04%200%20.04.03l.1.42s0%20.04-.03.04l-.74.17s-.04%200-.04-.03l-.1-.42z%22%2F%3E%3C%2Fsvg%3E");
--icon-twitter: 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.4%206.85L14.86.5h-1.29L8.82%206.01%205.03.5H.66l5.73%208.34L.66%2015.5h1.29l5.01-5.82%204%205.82h4.37L9.4%206.85zM7.62%208.91l-.58-.83-4.62-6.61h1.99L8.14%206.8l.58.83%204.85%206.93h-1.99L7.62%208.91z%22%2F%3E%3C%2Fsvg%3E");
--icon-instagram: 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%22M8%201.44c2.14%200%202.39.01%203.23.05.78.04%201.2.17%201.49.28.37.15.64.32.92.6.28.28.45.55.6.92.11.28.24.71.28%201.49.04.84.05%201.1.05%203.23s-.01%202.39-.05%203.23c-.04.78-.17%201.2-.28%201.49-.15.37-.32.64-.6.92-.28.28-.55.45-.92.6-.28.11-.71.24-1.49.28-.84.04-1.1.05-3.23.05s-2.39-.01-3.23-.05c-.78-.04-1.2-.17-1.49-.28-.37-.15-.64-.32-.92-.6-.28-.28-.45-.55-.6-.92-.11-.28-.24-.71-.28-1.49-.03-.85-.04-1.1-.04-3.24s.01-2.39.05-3.23c.04-.78.17-1.2.28-1.49.15-.37.32-.64.6-.92.28-.28.55-.45.92-.6.28-.11.71-.24%201.49-.28.83-.03%201.08-.04%203.22-.04M8%200C5.83%200%205.55.01%204.7.05c-.85.04-1.43.17-1.94.37-.53.2-.97.48-1.42.92-.44.45-.72.89-.92%201.42-.2.51-.33%201.09-.37%201.94C.01%205.55%200%205.83%200%208s.01%202.45.05%203.3c.04.85.17%201.43.37%201.94.2.53.48.97.92%201.42.44.44.89.72%201.42.92.51.2%201.09.33%201.94.37.85.04%201.13.05%203.3.05s2.45-.01%203.3-.05c.85-.04%201.43-.17%201.94-.37.53-.2.97-.48%201.42-.92.44-.44.72-.89.92-1.42.2-.51.33-1.09.37-1.94.04-.85.05-1.13.05-3.3s-.01-2.45-.05-3.3c-.04-.85-.17-1.43-.37-1.94-.2-.53-.48-.97-.92-1.42-.44-.44-.89-.72-1.42-.92-.51-.2-1.09-.33-1.94-.37C10.45.01%2010.17%200%208%200z%22%2F%3E%3Cpath%20d%3D%22M8%203.89a4.11%204.11%200%201%200%200%208.22%204.11%204.11%200%200%200%200-8.22zm0%206.78a2.67%202.67%200%201%201-.001-5.339A2.67%202.67%200%200%201%208%2010.67z%22%2F%3E%3Ccircle%20cx%3D%2212.27%22%20cy%3D%223.73%22%20r%3D%22.96%22%2F%3E%3C%2Fsvg%3E");
--icon-youtube: 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.67%204.15a1.99%201.99%200%200%200-1.41-1.41C13%202.4%208%202.4%208%202.4s-5%200-6.25.33c-.69.19-1.23.73-1.42%201.42C0%205.4%200%208%200%208s0%202.6.33%203.85c.18.69.73%201.23%201.41%201.41C3%2013.6%208%2013.6%208%2013.6s5%200%206.25-.33a1.99%201.99%200%200%200%201.41-1.41C16%2010.6%2016%208%2016%208s0-2.6-.33-3.85zM6.4%2010.4V5.6L10.56%208%206.4%2010.4z%22%2F%3E%3C%2Fsvg%3E");
--color-white: #fff;
--color-offwhite: #f4f6fa;
--color-black: #000;
--color-black-b: #222;
--color-black-c: #3e4123;
--color-black-d: #50552b;
--color-black-e: #47453b;
--color-gray: #707070;
--color-gray-b: #e2e2e2;
--color-gray-c: #eee;
--color-gray-d: #C3C3C3;
--color-grayishblue: #343d59;
--color-grayishblue-b: #787e8a;
--color-grayishblue-c: #8b94b2;
--color-grayishblue-d: #ccd9eA;
--color-grayishblue-e: #dae2ec;
--color-grayishblue-f: #e7eaf6;
--color-blue: #2a53d2;
--color-blue-b: #1b2b71;
--color-blue-c: #004098;
--color-blue-d: #6c8cee;
--color-blue-e: #b9d2f5;
--color-turquoise: #34a9cf;
--color-turquoise-b: #a5e6e9;
--color-pink: #fd3f8f;
--color-pink-b: #ff94c1;
--color-pink-c: #f8e7ee;
--color-yellow: #ffeeac;
--color-yellow-b: #fff300;
--color-shadow: rgba(27, 43, 113, 0.14);
--color-shadow-yellow: rgba(108, 92, 26, 0.14);
--font-sans: 'Noto Sans JP', sans-serif;
--font-en: Poppins, 'Noto Sans JP', sans-serif;
--font-senobi: 'senobi-gothic', sans-serif;
--transition-duration: 0.15s;
--transition-opacity: 0.65;
--transition-timing-function: ease;
--border-radius: 8px;
--leading-trim: calc((1em - 1lh) / 2);
--site-wrap-border-width: 0px;
--site-footer-primary-pt: clamp(58px, 6.8571428571vw, 96px);
--c-iconBtn-site-wrap-drawerBtn-width: clamp(67px, 11.4285714286vw, 160px);
--z-index-c-loader: 1000;
--z-index-site-wrap-drawerBtn: 600;
--z-index-c-drawer: 550;
--z-index-site-wrap-header: 500;
--z-index-site-wrap-pagetop: 500;
--z-index-site-wrap-footer: 450;
--z-index-site-wrap-border: 400;
--content-width-xsmall: 92vw;
--content-width-small: 92vw;
--content-width-medium: 92vw;
--content-width-medium-b: 92vw;
--content-width-large: 92vw;
--content-width-large-b: 92vw;
--content-width-xlarge: 92vw;
--font-10-fluid: 10px;
--font-11-fluid: 11px;
--font-12-fluid: clamp(11px, 0.8571428571vw, 12px);
--font-13-fluid: clamp(12px, 0.9285714286vw, 13px);
--font-14-fluid: clamp(13px, 1vw, 14px);
--font-15-fluid: clamp(13px, 1.0714285714vw, 15px);
--font-16-fluid: clamp(14px, 1.1428571429vw, 16px);
--font-17-fluid: clamp(14px, 1.2142857143vw, 17px);
--font-18-fluid: clamp(15px, 1.2857142857vw, 18px);
--font-19-fluid: clamp(16px, 1.3571428571vw, 19px);
--font-20-fluid: clamp(16px, 1.4285714286vw, 20px);
--font-21-fluid: clamp(17px, 1.5vw, 21px);
--font-22-fluid: clamp(18px, 1.5714285714vw, 22px);
--font-23-fluid: clamp(18px, 1.6428571429vw, 23px);
--font-24-fluid: clamp(19px, 1.7142857143vw, 24px);
--font-25-fluid: clamp(19px, 1.7857142857vw, 25px);
--font-26-fluid: clamp(20px, 1.8571428571vw, 26px);
--font-27-fluid: clamp(21px, 1.9285714286vw, 27px);
--font-28-fluid: clamp(21px, 2vw, 28px);
--font-29-fluid: clamp(22px, 2.0714285714vw, 29px);
--font-30-fluid: clamp(23px, 2.1428571429vw, 30px);
--font-31-fluid: clamp(23px, 2.2142857143vw, 31px);
--font-32-fluid: clamp(24px, 2.2857142857vw, 32px);
--font-33-fluid: clamp(24px, 2.3571428571vw, 33px);
--font-34-fluid: clamp(25px, 2.4285714286vw, 34px);
--font-35-fluid: clamp(26px, 2.5vw, 35px);
--font-36-fluid: clamp(26px, 2.5714285714vw, 36px);
--font-37-fluid: clamp(27px, 2.6428571429vw, 37px);
--font-38-fluid: clamp(28px, 2.7142857143vw, 38px);
--font-39-fluid: clamp(28px, 2.7857142857vw, 39px);
--font-40-fluid: clamp(29px, 2.8571428571vw, 40px);
--font-50-fluid: clamp(35px, 3.5714285714vw, 50px);
}
@media (min-width: 960px) {
:root {
--site-wrap-border-width: clamp(10px, 1.1428571429vw, 16px);
}
}
@media (min-width: 960px) {
:root {
--content-width-xsmall: min(720px, 84vw);
--content-width-small: min(896px, 84vw);
--content-width-medium: min(944px, 84vw);
--content-width-medium-b: min(1000px, 84vw);
--content-width-large: min(1264px, 84vw);
--content-width-large-b: min(1200px, 84vw);
--content-width-xlarge: min(1400px, 84vw);
}
}
:where(body) {
background: var(--color-offwhite);
font-weight: 500;
font-family: var(--font-sans);
font-feature-settings: revert;
letter-spacing: 0;
color: var(--color-black-b);
}
:where(a, button, [type=button], [type=reset], [type=submit]) {
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
.c-breadcrumb {
--c-breadcrumb-list-gutter: .6em;
--c-breadcrumb-list-divider-size: .9em;
--c-breadcrumb-list-divider-color: currentColor;
--c-breadcrumb-list-divider-image: var(--icon-arrow-b-right);
}
.c-breadcrumb {
display: block;
margin: 0;
padding: 0;
font: inherit;
line-height: 1.4;
overflow-wrap: break-word;
}
.c-breadcrumb > .list {
display: flex;
flex-wrap: wrap;
gap: 0 var(--c-breadcrumb-list-gutter, 1em);
margin: 0;
padding: 0;
list-style: none;
line-height: 1.4;
}
.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, 1em);
height: var(--c-breadcrumb-list-divider-size, 1em);
margin-right: var(--c-breadcrumb-list-gutter, 1em);
background: var(--c-breadcrumb-list-divider-color, 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: none;
}
.c-breadcrumb > .list.-right {
justify-content: right;
text-align: right;
}
.c-breadcrumb {
position: relative;
padding: 1.2em 0;
font-size: var(--font-16-fluid);
color: var(--color-grayishblue-b);
}
@media (min-width: 960px) {
.c-breadcrumb {
width: -moz-fit-content;
width: fit-content;
padding: 1.2em 2em 1.2em 0;
}
}
.c-breadcrumb::before {
z-index: -1;
content: "";
position: absolute;
inset: 0 -50vw;
background-color: var(--color-white);
}
@media (min-width: 960px) {
.c-breadcrumb::before {
inset: 0 0 0 -50vw;
border-radius: 0 999px 999px 0;
}
}
.c-breadcrumb > .list > .item > .link {
color: var(--color-black-b);
}
.c-breadcrumb > .list > .item > .link:hover {
text-decoration: underline;
}
.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.4;
text-decoration: none;
text-align: inherit;
vertical-align: middle;
overflow-wrap: break-word;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
touch-action: manipulation;
}
.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;
}
}
.c-btn.-typeA {
justify-content: center;
padding: 0.6em 3em 0.6em 2.6em;
background: var(--color-grayishblue-f);
border: 1px solid var(--color-black);
border-radius: 999px;
text-align: center;
font-weight: 700;
font-size: var(--font-20-fluid);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
transition-property: background-color, border-color, color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-btn.-typeA::before {
content: "";
position: absolute;
inset: 50% auto auto 1.2em;
width: 0.4em;
aspect-ratio: 1/1;
background: var(--color-pink);
border-radius: 100%;
transform: translateY(-50%);
}
.c-btn.-typeA::after {
content: "";
position: absolute;
inset: 50% 1em auto auto;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50%/contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-btn.-typeA.-block {
padding-inline: 3em;
}
.c-btn.-typeA.-black {
background: var(--color-black);
color: var(--color-white);
}
.c-btn.-typeA.-archiveCompany-searchAgain {
padding-block: 1.2em;
background: var(--color-blue);
border-radius: 1.4em;
color: var(--color-white);
}
.c-btn.-typeA:hover {
background: var(--color-blue);
border-color: var(--color-blue);
color: var(--color-white);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-btn.-typeA:hover::after {
transform: translate(3px, -50%);
}
.c-btn.-typeA.-archiveCompany-searchAgain:hover {
background: var(--color-black);
border-color: var(--color-black);
}
.c-btn.-typeB {
justify-content: center;
padding: 0.9em 2em;
background: var(--color-grayishblue-f);
border: 2px solid var(--color-blue);
border-radius: 0.5em;
text-align: center;
font-weight: 600;
font-size: var(--font-17-fluid);
color: var(--color-blue);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
transition-property: background-color, border-color, color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-btn.-typeB > .c-icon {
margin-right: 0.4em;
}
.c-btn.-typeB:has(> .c-icon) {
padding-right: 2.2em;
}
.c-btn.-typeB.-fill {
background: var(--color-blue);
border: 2px solid var(--color-blue);
font-weight: 500;
color: var(--color-white);
}
.c-btn.-typeB.-large {
font-size: var(--font-19-fluid);
}
.c-btn.-typeB.-singleCompany-action {
padding-block: 1.4em;
font-size: var(--font-21-fluid);
}
.c-btn.-typeB:hover {
background: var(--color-blue-c);
border-color: var(--color-blue-c);
color: var(--color-white);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-btn.-typeMore {
padding: calc(1.2em - 0.5lh) 3.4em calc(1.2em - 0.5lh) 0;
font-weight: 700;
font-size: var(--font-18-fluid);
}
.c-btn.-typeMore::before, .c-btn.-typeMore::after {
content: "";
position: absolute;
inset: 50% 0 auto auto;
width: 2.4em;
aspect-ratio: 1/1;
transform: translateY(-50%);
}
.c-btn.-typeMore::before {
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: 100%;
box-shadow: clamp(2px, 0.2857142857vw, 4px) clamp(2px, 0.2857142857vw, 4px) var(--color-shadow);
transition-property: background-color, border-color;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-btn.-typeMore::after {
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/1em;
mask: var(--icon-arrow-right) no-repeat 50% 50%/1em;
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-btn.-typeMore:hover::before {
background: var(--color-blue);
border-color: var(--color-blue);
}
.c-btn.-typeMore:hover::after {
background: var(--color-white);
}
.c-btn.-c-searchform-action {
justify-content: center;
padding: 0.6em 1.4em;
background-color: var(--color-grayishblue-f);
background-image: var(--icon-circle-pink), var(--icon-arrow-right);
background-repeat: no-repeat;
background-position: 1.2em 50%, calc(100% - 1em) 50%;
background-size: 0.4em, 1em;
border: 1px solid var(--color-black);
border-radius: 999px;
text-align: center;
font-weight: 700;
font-size: var(--font-20-fluid);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
transition-property: background-color, background-image, background-position, border-color, color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-btn.-c-searchform-action.-submit {
background-color: var(--color-black);
background-image: var(--icon-circle-pink), var(--icon-arrow-right-white);
color: var(--color-white);
}
.c-btn.-c-searchform-action:hover {
background-color: var(--color-blue);
background-image: var(--icon-circle-pink), var(--icon-arrow-right-white);
background-position: 1.2em 50%, calc(100% - 1em + 3px) 50%;
border-color: var(--color-blue);
color: var(--color-white);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-btn.-c-searchform-clear {
font-weight: 700;
font-size: var(--font-20-fluid);
text-decoration: underline;
}
.c-btn.-site-header-nav {
padding: 0.8em 1.4em;
background: var(--color-white);
border: 2px solid var(--color-black-b);
border-radius: 999px;
font-weight: 700;
font-size: var(--font-18-fluid);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
transition-property: background-color, border-color, color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-btn.-site-header-nav > .c-icon {
margin-right: 0.8em;
}
.c-btn.-site-header-nav:hover {
background-color: var(--color-blue);
border-color: var(--color-blue);
color: var(--color-white);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-btn.-site-header-nav:hover > .c-icon {
color: currentColor;
}
.c-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
margin: 0;
padding: 0;
line-height: 1.4;
overflow-wrap: break-word;
}
.c-card:-moz-any-link {
text-decoration: none;
color: inherit;
touch-action: manipulation;
}
.c-card:any-link {
text-decoration: none;
color: inherit;
touch-action: manipulation;
}
.c-card > .media {
flex: 0 0 auto;
overflow: hidden;
}
.c-card > .media .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card > .body {
flex: 1 1 0%;
}
.c-card > .body > .footer {
flex: 0 0 auto;
}
.c-card.-typeFeature > .date {
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
padding: 0.2em 1.2em;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius) var(--border-radius) 0 0;
font-weight: 400;
font-size: var(--font-15-fluid);
font-family: var(--font-en);
}
.c-card.-typeFeature > .media {
z-index: 1;
aspect-ratio: 400/200;
border: 1px solid var(--color-black-b);
}
.c-card.-typeFeature > .date + .media {
margin-top: -1px;
}
.c-card.-typeFeature > .media > .image {
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeFeature > .body > .title {
margin-top: 0.2em;
font-weight: 700;
font-size: var(--font-16-fluid);
line-height: 1.8;
color: var(--color-black-c);
}
.c-card.-typeFeature > .body > .title > span {
padding: calc(0.5lh - 0.5em) 0.6em;
background: var(--color-white);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeFeature > .body > .relatedCompanies {
margin-top: 1em;
font-weight: 400;
font-size: var(--font-17-fluid);
letter-spacing: -0.04em;
color: var(--color-black-c);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-card.-typeFeature > .body > .relatedCompanies > .item {
display: inline;
letter-spacing: 0;
}
.c-card.-typeFeature > .body > .relatedCompanies > .item + .item::before {
content: "\3001";
}
.c-card.-typeFeature > .footer > .link {
position: relative;
display: flex;
align-items: center;
margin-top: 1.2em;
padding: 0.6em 3em 0.6em 1.6em;
background: var(--color-grayishblue-c);
border: 1px solid var(--color-black);
border-radius: 999px;
font-size: var(--font-14-fluid);
font-family: var(--font-en);
vertical-align: middle;
overflow-wrap: break-word;
color: var(--color-white);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
touch-action: manipulation;
transition-property: background-color, border-color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-card.-typeFeature > .footer > .link::after {
content: "";
position: absolute;
inset: 50% 1em auto auto;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat center/contain;
mask: var(--icon-arrow-right) no-repeat center/contain;
transform: translateY(-50%);
}
.c-card.-typeFeature:hover > .media > .image {
transform: scale(1.1);
}
.c-card.-typeFeature:hover > .body > .title > span {
background: var(--color-yellow-b);
}
.c-card.-typeFeature:hover > .footer > .link {
background: var(--color-blue);
border-color: var(--color-blue);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-card.-typeFeature:hover > .footer > .link::after {
transform: translate(3px, -50%);
}
.c-card.-typeCompany > .date {
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
padding: 0.2em 1.2em calc(0.2em + var(--border-radius)) 1.2em;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius) var(--border-radius) 0 0;
font-weight: 400;
font-size: var(--font-15-fluid);
font-family: var(--font-en);
}
.c-card.-typeCompany > .media {
aspect-ratio: 400/200;
border: 1px solid var(--color-gray);
border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.c-card.-typeCompany > .date + .media {
margin-top: calc(var(--border-radius) * -1);
}
.c-card.-typeCompany > .media > .image {
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeCompany > .body {
padding: clamp(7px, 0.8571428571vw, 12px) clamp(10px, 1.1428571429vw, 16px) clamp(12px, 1.4285714286vw, 20px);
background-color: var(--color-white);
border: 1px solid var(--color-gray);
border-top: none;
border-radius: 0 0 var(--border-radius) var(--border-radius);
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeCompany > .body > .heading {
height: 2lh;
font-weight: 400;
font-size: var(--font-16-fluid);
line-height: 1.6;
text-decoration: underline;
color: var(--color-black-c);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-card.-typeCompany > .body > .title {
margin-bottom: 0.6em;
font-weight: 700;
font-size: var(--font-20-fluid);
}
.c-card.-typeCompany > .body > .heading + .title {
margin-top: 0.4em;
}
.c-card.-typeCompany > .body > .terms {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
font-size: var(--font-15-fluid);
}
.c-card.-typeCompany > .body > .terms > .item {
padding: 0.4em 0.6em;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
}
.c-card.-typeCompany > .body > .terms > .item.-industry {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-card.-typeCompany:hover > .media > .image {
transform: scale(1.1);
}
.c-card.-typeCompany:hover > .body {
background: var(--color-yellow-b);
}
.c-card.-typeCompany-row {
padding: calc(var(--font-24-fluid) * 0.8) clamp(14px, 1.7142857143vw, 24px) calc(var(--font-24-fluid) * 1.2);
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
font-size: var(--font-16-fluid);
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeCompany-row > .header > .title {
font-weight: 700;
font-size: var(--font-24-fluid);
}
.c-card.-typeCompany-row > .body {
display: flex;
flex-direction: column;
gap: clamp(19px, 2.2857142857vw, 32px);
margin-top: calc(var(--font-24-fluid) * 0.8);
}
@media (min-width: 560px) {
.c-card.-typeCompany-row > .body {
flex-direction: row;
}
}
.c-card.-typeCompany-row > .body > .media {
overflow: hidden;
aspect-ratio: 272/200;
border-radius: var(--border-radius);
}
@media (min-width: 560px) {
.c-card.-typeCompany-row > .body > .media {
flex: 0 0 auto;
width: clamp(163px, 19.4285714286vw, 272px);
}
}
.c-card.-typeCompany-row > .body > .media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-card.-typeCompany-row > .body > .content {
flex: 1 1 0%;
}
.c-card.-typeCompany-row > .body > .content > .heading {
margin-block: var(--leading-trim);
font-weight: 400;
line-height: 1.6;
text-decoration: underline;
color: var(--color-black-c);
}
.c-card.-typeCompany-row > .body > .content > .terms {
display: flex;
flex-wrap: wrap;
gap: 0.4em;
margin-top: 1.6em;
font-size: var(--font-15-fluid);
}
.c-card.-typeCompany-row > .body > .content > .terms > .item {
padding: 0.4em 0.6em;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
}
.c-card.-typeCompany-row > .body > .content > .terms > .item.-industry {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-card.-typeCompany-row:hover {
background: var(--color-yellow-b);
}
.c-card.-typeCompany-row:hover > .body > .media > .image {
transform: scale(1.1);
}
.c-card.-site-drawer-pickup {
min-width: clamp(120px, 14.2857142857vw, 200px);
aspect-ratio: 402/266;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) 0 var(--color-shadow);
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-card.-site-drawer-pickup > .media {
position: absolute;
inset: 0;
}
.c-card.-site-drawer-pickup > .media > .image {
-o-object-fit: contain;
object-fit: contain;
}
.c-card.-site-drawer-pickup:-moz-any-link:hover {
background: var(--color-yellow-b);
}
.c-card.-site-drawer-pickup:any-link:hover {
background: var(--color-yellow-b);
}
.c-card.-home-pickup {
aspect-ratio: 422/280;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 var(--color-pink);
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-card.-home-pickup > .media {
position: absolute;
inset: 0;
}
.c-card.-home-pickup > .media > .image {
-o-object-fit: contain;
object-fit: contain;
}
.c-card.-home-pickup > .body > .deco {
position: absolute;
inset: 0;
pointer-events: none;
}
.c-card.-home-pickup > .body > .deco > .image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.c-card.-home-pickup:-moz-any-link:hover {
background: var(--color-yellow-b);
}
.c-card.-home-pickup:any-link:hover {
background: var(--color-yellow-b);
}
.c-card.-home-pickup > .body > .deco.-a {
transform: translate(-3%, -5%);
}
.c-card.-home-pickup > .body > .deco.-b {
transform: translate(7%, 0px);
}
.c-card.-home-pickup > .body > .deco.-d {
transform: translate(-3%, -2%);
}
.c-card.-home-movie > .media {
aspect-ratio: 360/202;
border-radius: var(--border-radius);
}
.c-card.-home-movie > .media > .image {
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-card.-home-movie > .body > .title {
margin-top: 1.2em;
font-weight: 700;
font-size: var(--font-16-fluid);
line-height: 1.8;
color: var(--color-black-c);
}
.c-card.-home-movie > .body > .title > span {
padding: calc(0.5lh - 0.5em) 0.6em;
background: var(--color-grayishblue-f);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.c-card.-home-movie:hover > .media > .image {
transform: scale(1.1);
}
.c-drawer {
--c-drawer-z-index: var(--z-index-c-drawer);
--c-drawer-duration: .6s;
--c-drawer-easing: cubic-bezier(.43, .01, .08, 1);
--c-drawer-content-background: var(--color-white);
--c-drawer-scrollbar-color: var(--color-black-b);
--c-drawer-scrollbar-weight: 4px;
--c-drawer-back-background: rgba(0, 0, 0, .8);
}
.c-drawer {
z-index: var(--c-drawer-z-index);
opacity: 0;
visibility: hidden;
position: relative;
display: block;
margin: 0;
padding: 0;
transition-property: opacity, visibility;
transition-duration: calc(var(--c-drawer-duration) * 0.6);
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: clip;
overflow-y: auto;
position: fixed;
inset: 0;
display: block;
background: var(--c-drawer-content-background);
transition: transform calc(var(--c-drawer-duration) * 0.6) var(--c-drawer-easing);
overscroll-behavior-y: contain;
scrollbar-color: var(--c-drawer-scrollbar-color) transparent;
pointer-events: auto;
}
.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;
inset: 0;
display: block;
background: var(--c-drawer-back-background);
cursor: default;
pointer-events: auto;
}
.c-drawer > .content.-top {
overflow: visible;
inset: 0 0 auto 0;
transform: translate(0, -100%);
}
.c-drawer > .content.-right {
inset: 0 0 0 auto;
width: auto;
min-height: 100%;
transform: translate(100%, 0);
}
.c-drawer > .content.-bottom {
overflow: visible;
inset: auto 0 0 0;
transform: translate(0, 100%);
}
.c-drawer > .content.-left {
inset: 0 auto 0 0;
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 {
overflow: hidden;
position: relative;
display: block;
width: 100%;
margin: 0;
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;
inset: 0 auto auto 0;
width: 100%;
height: 100%;
border: none;
}
.c-embed.-wide::before {
--c-embed-aspect-ratio: 21 / 9;
}
.c-embed.-narrow::before {
--c-embed-aspect-ratio: 4 / 3;
}
.c-embed.-square::before {
--c-embed-aspect-ratio: 1 / 1;
}
.c-fadein {
--c-fadein-transform-translate-length: 20px;
--c-fadein-transition-duration: .8s;
--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 );
}
}
.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: 1.4;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.c-formControl::-moz-placeholder {
opacity: 0.5;
}
.c-formControl::placeholder {
opacity: 0.5;
}
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;
}
.c-formControl.-c-searchform-keyword {
padding: 0.6em 1.4em;
background: var(--color-gray-c);
border: 1px solid var(--color-black-b);
border-radius: 999px;
font-size: var(--font-16-fluid);
line-height: 1.6;
}
.c-formControl.-archiveCompany-dataSort {
padding: 0 0 0 2em;
font-size: var(--font-16-fluid);
background: var(--icon-arrow-c-down) no-repeat 0 50%/1.4em;
}
.c-grid {
display: grid;
margin: 0;
padding: 0;
list-style: none;
}
.c-grid > .item {
display: grid;
}
.c-grid.-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.c-grid.-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid.-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-grid.-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-grid.-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.c-grid.-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.c-grid.-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.c-grid.-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.c-grid.-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-grid.-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.c-grid.-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (min-width: 560px) {
.c-grid.-cols-sm-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.c-grid.-cols-sm-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid.-cols-sm-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.-cols-sm-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-grid.-cols-sm-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-grid.-cols-sm-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.c-grid.-cols-sm-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.c-grid.-cols-sm-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.c-grid.-cols-sm-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.c-grid.-cols-sm-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-grid.-cols-sm-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.c-grid.-cols-sm-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.c-grid.-cols-md-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.c-grid.-cols-md-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid.-cols-md-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.-cols-md-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-grid.-cols-md-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-grid.-cols-md-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.c-grid.-cols-md-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.c-grid.-cols-md-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.c-grid.-cols-md-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.c-grid.-cols-md-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-grid.-cols-md-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.c-grid.-cols-md-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 960px) {
.c-grid.-cols-lg-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.c-grid.-cols-lg-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid.-cols-lg-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.-cols-lg-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-grid.-cols-lg-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-grid.-cols-lg-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.c-grid.-cols-lg-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.c-grid.-cols-lg-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.c-grid.-cols-lg-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.c-grid.-cols-lg-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-grid.-cols-lg-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.c-grid.-cols-lg-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.c-grid.-cols-xl-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.c-grid.-cols-xl-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-grid.-cols-xl-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.-cols-xl-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-grid.-cols-xl-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.c-grid.-cols-xl-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.c-grid.-cols-xl-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.c-grid.-cols-xl-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.c-grid.-cols-xl-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.c-grid.-cols-xl-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.c-grid.-cols-xl-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.c-grid.-cols-xl-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
.c-grid > .item.-col-1 {
grid-column: span 1/span 1;
}
.c-grid > .item.-col-2 {
grid-column: span 2/span 2;
}
.c-grid > .item.-col-3 {
grid-column: span 3/span 3;
}
.c-grid > .item.-col-4 {
grid-column: span 4/span 4;
}
.c-grid > .item.-col-5 {
grid-column: span 5/span 5;
}
.c-grid > .item.-col-6 {
grid-column: span 6/span 6;
}
.c-grid > .item.-col-7 {
grid-column: span 7/span 7;
}
.c-grid > .item.-col-8 {
grid-column: span 8/span 8;
}
.c-grid > .item.-col-9 {
grid-column: span 9/span 9;
}
.c-grid > .item.-col-10 {
grid-column: span 10/span 10;
}
.c-grid > .item.-col-11 {
grid-column: span 11/span 11;
}
.c-grid > .item.-col-12 {
grid-column: span 12/span 12;
}
@media (min-width: 560px) {
.c-grid > .item.-col-sm-1 {
grid-column: span 1/span 1;
}
.c-grid > .item.-col-sm-2 {
grid-column: span 2/span 2;
}
.c-grid > .item.-col-sm-3 {
grid-column: span 3/span 3;
}
.c-grid > .item.-col-sm-4 {
grid-column: span 4/span 4;
}
.c-grid > .item.-col-sm-5 {
grid-column: span 5/span 5;
}
.c-grid > .item.-col-sm-6 {
grid-column: span 6/span 6;
}
.c-grid > .item.-col-sm-7 {
grid-column: span 7/span 7;
}
.c-grid > .item.-col-sm-8 {
grid-column: span 8/span 8;
}
.c-grid > .item.-col-sm-9 {
grid-column: span 9/span 9;
}
.c-grid > .item.-col-sm-10 {
grid-column: span 10/span 10;
}
.c-grid > .item.-col-sm-11 {
grid-column: span 11/span 11;
}
.c-grid > .item.-col-sm-12 {
grid-column: span 12/span 12;
}
}
@media (min-width: 768px) {
.c-grid > .item.-col-md-1 {
grid-column: span 1/span 1;
}
.c-grid > .item.-col-md-2 {
grid-column: span 2/span 2;
}
.c-grid > .item.-col-md-3 {
grid-column: span 3/span 3;
}
.c-grid > .item.-col-md-4 {
grid-column: span 4/span 4;
}
.c-grid > .item.-col-md-5 {
grid-column: span 5/span 5;
}
.c-grid > .item.-col-md-6 {
grid-column: span 6/span 6;
}
.c-grid > .item.-col-md-7 {
grid-column: span 7/span 7;
}
.c-grid > .item.-col-md-8 {
grid-column: span 8/span 8;
}
.c-grid > .item.-col-md-9 {
grid-column: span 9/span 9;
}
.c-grid > .item.-col-md-10 {
grid-column: span 10/span 10;
}
.c-grid > .item.-col-md-11 {
grid-column: span 11/span 11;
}
.c-grid > .item.-col-md-12 {
grid-column: span 12/span 12;
}
}
@media (min-width: 960px) {
.c-grid > .item.-col-lg-1 {
grid-column: span 1/span 1;
}
.c-grid > .item.-col-lg-2 {
grid-column: span 2/span 2;
}
.c-grid > .item.-col-lg-3 {
grid-column: span 3/span 3;
}
.c-grid > .item.-col-lg-4 {
grid-column: span 4/span 4;
}
.c-grid > .item.-col-lg-5 {
grid-column: span 5/span 5;
}
.c-grid > .item.-col-lg-6 {
grid-column: span 6/span 6;
}
.c-grid > .item.-col-lg-7 {
grid-column: span 7/span 7;
}
.c-grid > .item.-col-lg-8 {
grid-column: span 8/span 8;
}
.c-grid > .item.-col-lg-9 {
grid-column: span 9/span 9;
}
.c-grid > .item.-col-lg-10 {
grid-column: span 10/span 10;
}
.c-grid > .item.-col-lg-11 {
grid-column: span 11/span 11;
}
.c-grid > .item.-col-lg-12 {
grid-column: span 12/span 12;
}
}
@media (min-width: 1200px) {
.c-grid > .item.-col-xl-1 {
grid-column: span 1/span 1;
}
.c-grid > .item.-col-xl-2 {
grid-column: span 2/span 2;
}
.c-grid > .item.-col-xl-3 {
grid-column: span 3/span 3;
}
.c-grid > .item.-col-xl-4 {
grid-column: span 4/span 4;
}
.c-grid > .item.-col-xl-5 {
grid-column: span 5/span 5;
}
.c-grid > .item.-col-xl-6 {
grid-column: span 6/span 6;
}
.c-grid > .item.-col-xl-7 {
grid-column: span 7/span 7;
}
.c-grid > .item.-col-xl-8 {
grid-column: span 8/span 8;
}
.c-grid > .item.-col-xl-9 {
grid-column: span 9/span 9;
}
.c-grid > .item.-col-xl-10 {
grid-column: span 10/span 10;
}
.c-grid > .item.-col-xl-11 {
grid-column: span 11/span 11;
}
.c-grid > .item.-col-xl-12 {
grid-column: span 12/span 12;
}
}
.c-grid > .item.-order-1 {
order: 1;
}
.c-grid > .item.-order-2 {
order: 2;
}
.c-grid > .item.-order-3 {
order: 3;
}
.c-grid > .item.-order-4 {
order: 4;
}
.c-grid > .item.-order-5 {
order: 5;
}
.c-grid > .item.-order-6 {
order: 6;
}
.c-grid > .item.-order-7 {
order: 7;
}
.c-grid > .item.-order-8 {
order: 8;
}
.c-grid > .item.-order-9 {
order: 9;
}
.c-grid > .item.-order-10 {
order: 10;
}
.c-grid > .item.-order-11 {
order: 11;
}
.c-grid > .item.-order-12 {
order: 12;
}
@media (min-width: 560px) {
.c-grid > .item.-order-sm-1 {
order: 1;
}
.c-grid > .item.-order-sm-2 {
order: 2;
}
.c-grid > .item.-order-sm-3 {
order: 3;
}
.c-grid > .item.-order-sm-4 {
order: 4;
}
.c-grid > .item.-order-sm-5 {
order: 5;
}
.c-grid > .item.-order-sm-6 {
order: 6;
}
.c-grid > .item.-order-sm-7 {
order: 7;
}
.c-grid > .item.-order-sm-8 {
order: 8;
}
.c-grid > .item.-order-sm-9 {
order: 9;
}
.c-grid > .item.-order-sm-10 {
order: 10;
}
.c-grid > .item.-order-sm-11 {
order: 11;
}
.c-grid > .item.-order-sm-12 {
order: 12;
}
}
@media (min-width: 768px) {
.c-grid > .item.-order-md-1 {
order: 1;
}
.c-grid > .item.-order-md-2 {
order: 2;
}
.c-grid > .item.-order-md-3 {
order: 3;
}
.c-grid > .item.-order-md-4 {
order: 4;
}
.c-grid > .item.-order-md-5 {
order: 5;
}
.c-grid > .item.-order-md-6 {
order: 6;
}
.c-grid > .item.-order-md-7 {
order: 7;
}
.c-grid > .item.-order-md-8 {
order: 8;
}
.c-grid > .item.-order-md-9 {
order: 9;
}
.c-grid > .item.-order-md-10 {
order: 10;
}
.c-grid > .item.-order-md-11 {
order: 11;
}
.c-grid > .item.-order-md-12 {
order: 12;
}
}
@media (min-width: 960px) {
.c-grid > .item.-order-lg-1 {
order: 1;
}
.c-grid > .item.-order-lg-2 {
order: 2;
}
.c-grid > .item.-order-lg-3 {
order: 3;
}
.c-grid > .item.-order-lg-4 {
order: 4;
}
.c-grid > .item.-order-lg-5 {
order: 5;
}
.c-grid > .item.-order-lg-6 {
order: 6;
}
.c-grid > .item.-order-lg-7 {
order: 7;
}
.c-grid > .item.-order-lg-8 {
order: 8;
}
.c-grid > .item.-order-lg-9 {
order: 9;
}
.c-grid > .item.-order-lg-10 {
order: 10;
}
.c-grid > .item.-order-lg-11 {
order: 11;
}
.c-grid > .item.-order-lg-12 {
order: 12;
}
}
@media (min-width: 1200px) {
.c-grid > .item.-order-xl-1 {
order: 1;
}
.c-grid > .item.-order-xl-2 {
order: 2;
}
.c-grid > .item.-order-xl-3 {
order: 3;
}
.c-grid > .item.-order-xl-4 {
order: 4;
}
.c-grid > .item.-order-xl-5 {
order: 5;
}
.c-grid > .item.-order-xl-6 {
order: 6;
}
.c-grid > .item.-order-xl-7 {
order: 7;
}
.c-grid > .item.-order-xl-8 {
order: 8;
}
.c-grid > .item.-order-xl-9 {
order: 9;
}
.c-grid > .item.-order-xl-10 {
order: 10;
}
.c-grid > .item.-order-xl-11 {
order: 11;
}
.c-grid > .item.-order-xl-12 {
order: 12;
}
}
.c-grid.-gap-8 {
gap: clamp(5px, 0.5714285714vw, 8px);
}
.c-grid.-gap-16 {
gap: clamp(10px, 1.1428571429vw, 16px);
}
.c-grid.-gap-24 {
gap: clamp(14px, 1.7142857143vw, 24px);
}
.c-grid.-gap-32 {
gap: clamp(19px, 2.2857142857vw, 32px);
}
.c-grid.-gap-40 {
gap: clamp(24px, 2.8571428571vw, 40px);
}
.c-grid.-gap-x-8 {
-moz-column-gap: clamp(5px, 0.5714285714vw, 8px);
column-gap: clamp(5px, 0.5714285714vw, 8px);
}
.c-grid.-gap-x-16 {
-moz-column-gap: clamp(10px, 1.1428571429vw, 16px);
column-gap: clamp(10px, 1.1428571429vw, 16px);
}
.c-grid.-gap-x-24 {
-moz-column-gap: clamp(14px, 1.7142857143vw, 24px);
column-gap: clamp(14px, 1.7142857143vw, 24px);
}
.c-grid.-gap-x-32 {
-moz-column-gap: clamp(19px, 2.2857142857vw, 32px);
column-gap: clamp(19px, 2.2857142857vw, 32px);
}
.c-grid.-gap-x-40 {
-moz-column-gap: clamp(24px, 2.8571428571vw, 40px);
column-gap: clamp(24px, 2.8571428571vw, 40px);
}
.c-grid.-gap-y-8 {
row-gap: clamp(5px, 0.5714285714vw, 8px);
}
.c-grid.-gap-y-16 {
row-gap: clamp(10px, 1.1428571429vw, 16px);
}
.c-grid.-gap-y-24 {
row-gap: clamp(14px, 1.7142857143vw, 24px);
}
.c-grid.-gap-y-32 {
row-gap: clamp(19px, 2.2857142857vw, 32px);
}
.c-grid.-gap-y-40 {
row-gap: clamp(24px, 2.8571428571vw, 40px);
}
.c-grid.-c-searchform-filter {
gap: calc(var(--font-16-fluid) * 0.6) calc(var(--font-16-fluid) * 0.4);
}
.c-grid.-typeFeature {
gap: clamp(43px, 5.1428571429vw, 72px) clamp(17px, 2.0714285714vw, 29px);
}
.c-grid.-typeCompany {
gap: clamp(29px, 3.4285714286vw, 48px) clamp(17px, 2.0714285714vw, 29px);
}
.c-grid.-home-pickup {
gap: clamp(34px, 4vw, 56px) clamp(34px, 4vw, 56px);
}
@media (min-width: 960px) {
.c-grid.-home-pickup {
gap: clamp(34px, 4vw, 56px) clamp(58px, 6.8571428571vw, 96px);
}
}
@media (min-width: 560px) {
.c-grid.-home-pickup > .item:nth-child(even) {
transform: translateY(-120px);
}
}
.c-gutenberg {
--c-gutenberg-a-color: var(--color-blue);
--c-gutenberg-text-gutter: calc(var(--font-17-fluid) * 2.3);
--c-gutenberg-elem-gutter: calc(var(--font-17-fluid) * 4);
--c-gutenberg-leading-trim: calc((1em - 1lh) / 2);
}
.c-gutenberg {
display: block;
margin: 0;
padding: 0;
font: inherit;
line-height: 1.4;
text-align: justify;
word-break: break-all;
overflow-wrap: break-word;
color: inherit;
}
.c-gutenberg :where(.wp-block-separator) {
border: none;
border-top: 1px solid currentColor;
color: inherit;
}
.c-gutenberg :where(.wp-block-list) {
padding-left: 1.25em;
list-style: revert;
}
.c-gutenberg :where(strong) {
font-weight: bolder;
}
.c-gutenberg :where(a:-moz-any-link) {
text-decoration: underline;
color: var(--c-gutenberg-a-color);
}
.c-gutenberg :where(a:any-link) {
text-decoration: underline;
color: var(--c-gutenberg-a-color);
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-embed) {
display: table;
width: 100%;
text-align: center;
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-embed).alignleft {
width: auto;
margin-right: auto;
text-align: left;
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-embed).aligncenter {
width: auto;
margin-inline: auto;
text-align: center;
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-embed).alignright {
width: auto;
margin-left: auto;
text-align: right;
}
.c-gutenberg :where(.wp-element-caption) {
display: table-caption;
caption-side: bottom;
margin-block: var(--c-gutenberg-leading-trim);
}
.c-gutenberg :where(p, .wp-block-heading, .wp-block-list) {
margin-block: var(--c-gutenberg-leading-trim);
}
.c-gutenberg :where(p, .wp-block-heading, .wp-block-list):first-child {
margin-top: var(--c-gutenberg-leading-trim) !important;
}
.c-gutenberg :where(p, .wp-block-heading, .wp-block-list):last-child {
margin-bottom: var(--c-gutenberg-leading-trim) !important;
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-columns, .wp-block-separator, .wp-block-embed) {
margin-block: var(--c-gutenberg-elem-gutter);
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-columns, .wp-block-separator, .wp-block-embed):first-child {
margin-top: 0 !important;
}
.c-gutenberg :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-columns, .wp-block-separator, .wp-block-embed):last-child {
margin-bottom: 0 !important;
}
.c-gutenberg :where(p, .wp-block-heading, .wp-block-list) + :where(p, .wp-block-heading, .wp-block-list) {
margin-top: calc(var(--c-gutenberg-leading-trim) + var(--c-gutenberg-text-gutter));
}
.c-gutenberg :where(.wp-block-heading) + :where(p, .wp-block-heading, .wp-block-list) {
margin-top: var(--c-gutenberg-leading-trim);
}
.c-gutenberg :where(.wp-block-heading) + :where(.wp-block-image, .wp-block-audio, .wp-block-video, .wp-block-columns, .wp-block-separator, .wp-block-embed) {
margin-top: 0;
}
.c-gutenberg :where(.wp-block-heading) + :where(.wp-block-heading) {
margin-top: 0 !important;
}
.c-gutenberg {
font-size: var(--font-17-fluid);
line-height: 2.1;
}
.c-gutenberg .wp-block-separator {
border-top: 3px dotted var(--color-grayishblue-c);
}
.c-gutenberg .wp-block-heading {
margin-top: 2em;
margin-bottom: 1.2em;
}
.c-gutenberg :is(h5, h6).wp-block-heading {
margin-top: 2.8em;
margin-bottom: 2em;
}
.c-gutenberg .wp-block-image, .c-gutenberg .wp-block-video, .c-gutenberg .wp-block-embed {
background: var(--color-offwhite);
}
.c-gutenberg .wp-element-caption {
margin-block: 0;
padding: 0.8em 1.6em;
background: var(--color-grayishblue-f);
font-size: var(--font-18-fluid);
line-height: 1.6;
}
.c-gutenberg #ez-toc-container,
.c-gutenberg .pdfemb-viewer {
margin-block: var(--c-gutenberg-elem-gutter);
}
.c-gutenberg #ez-toc-container:first-child,
.c-gutenberg .pdfemb-viewer:first-child {
margin-top: 0 !important;
}
.c-gutenberg #ez-toc-container:last-child,
.c-gutenberg .pdfemb-viewer:last-child {
margin-bottom: 0 !important;
}
.c-gutenberg .wp-block-heading + #ez-toc-container,
.c-gutenberg .wp-block-heading + .pdfemb-viewer {
margin-top: 0;
}
.c-hamburger {
--c-hamburger-width: clamp(30px, 4.2857142857vw, 60px);
--c-hamburger-weight: clamp(3px, 0.4285714286vw, 6px);
--c-hamburger-space: clamp(6px, 0.8571428571vw, 12px);
--c-hamburger-color: transparent;
--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-hamburger.-site-wrap-drawerBtn > .bar {
position: relative;
}
.c-hamburger.-site-wrap-drawerBtn > .bar::before {
content: "";
position: absolute;
inset: 0;
background: currentColor;
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-hamburger.-site-wrap-drawerBtn > .bar:nth-child(1)::before {
border-radius: 999px 0 0 999px;
transform: translateX(10%);
}
.c-hamburger.-site-wrap-drawerBtn > .bar:nth-child(2)::before {
background: var(--color-pink);
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%226%22%3E%3Cg%3E%3Cpath%20d%3D%22M12%200h48v6H12z%22%2F%3E%3Cpath%20d%3D%22M0%200h6v6H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%226%22%3E%3Cg%3E%3Cpath%20d%3D%22M12%200h48v6H12z%22%2F%3E%3Cpath%20d%3D%22M0%200h6v6H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;
}
.c-hamburger.-site-wrap-drawerBtn > .bar:nth-child(3)::before {
border-radius: 0 999px 999px 0;
transform: translateX(-10%);
}
.c-iconBtn.-site-wrap-drawerBtn:hover .c-hamburger.-site-wrap-drawerBtn > .bar::before {
transform: translate(0);
}
[aria-expanded=true] .c-hamburger.-site-wrap-drawerBtn > .bar::before {
transform: translate(0);
}
.c-heading {
position: relative;
display: block;
margin: 0;
padding: 0;
font: inherit;
line-height: 1.4;
overflow-wrap: break-word;
color: inherit;
}
.c-heading.-typeA {
width: -moz-fit-content;
width: fit-content;
padding: 0.4em 0.6em;
background: var(--color-white);
border: 1px solid var(--color-gray);
font-weight: 500;
font-size: var(--font-38-fluid);
font-family: var(--font-senobi);
line-height: 1.2;
letter-spacing: -0.1em;
box-shadow: clamp(6px, 0.7142857143vw, 10px) clamp(6px, 0.7142857143vw, 10px) var(--color-shadow);
}
.c-heading.-typeA > .c-icon {
margin-right: 0.12em;
}
.c-heading.-typeA.-center {
margin-inline: auto;
text-align: center;
}
.c-heading.-typeA.-small {
font-size: var(--font-30-fluid);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) var(--color-shadow);
}
.c-heading.-typeB {
font-weight: 700;
font-size: var(--font-32-fluid);
line-height: 1.6;
}
.c-heading.-typeB > span {
background: linear-gradient(transparent 60%, var(--color-blue-e) 40%);
}
.c-heading.-typeC {
position: relative;
padding-left: 1em;
font-weight: 700;
font-size: var(--font-26-fluid);
line-height: 1.4;
color: var(--color-blue-b);
}
.c-heading.-typeC::before {
content: "";
position: absolute;
inset: 0.5lh auto auto 0.14em;
width: 0.46em;
border-top: 0.15em solid var(--color-blue-d);
transform: translateY(-50%);
}
.c-heading.-typeC.-black {
color: var(--color-black-b);
}
.c-heading.-typeC.-black::before {
border-color: currentColor;
}
.c-heading.-typeD {
margin-left: 1em;
padding: 1em;
background: var(--color-yellow);
border: 1px solid var(--color-black-e);
border-radius: var(--border-radius);
font-weight: 700;
font-size: var(--font-18-fluid);
line-height: 1.6;
color: var(--color-black);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow-yellow);
}
.c-heading.-typeD::before, .c-heading.-typeD::after {
content: "";
position: absolute;
width: 1em;
aspect-ratio: 1/1;
inset: calc(1em + 0.5lh) auto auto 0;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.c-heading.-typeD::before {
background: var(--color-black-e);
transform: translate(-100%, -50%);
}
.c-heading.-typeD::after {
background: var(--color-yellow);
transform: translate(calc(-100% + 2px), -50%);
}
.c-icon {
--c-icon-image-size: 1em;
}
.c-icon {
display: inline-grid;
place-items: center;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.c-icon::before {
content: "";
display: block;
width: var(--c-icon-image-size, 1em);
height: 1lh;
background-color: currentColor;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: var(--c-icon-image-size, contain);
mask-size: var(--c-icon-image-size, contain);
}
.c-icon.-arrow-right::before {
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
}
.c-icon.-arrow-right-white::before {
-webkit-mask-image: var(--icon-arrow-right-white);
mask-image: var(--icon-arrow-right-white);
}
.c-icon.-arrow-left::before {
-webkit-mask-image: var(--icon-arrow-left);
mask-image: var(--icon-arrow-left);
}
.c-icon.-arrow-down::before {
-webkit-mask-image: var(--icon-arrow-down);
mask-image: var(--icon-arrow-down);
}
.c-icon.-arrow-b-right::before {
-webkit-mask-image: var(--icon-arrow-b-right);
mask-image: var(--icon-arrow-b-right);
}
.c-icon.-arrow-b-left::before {
-webkit-mask-image: var(--icon-arrow-b-left);
mask-image: var(--icon-arrow-b-left);
}
.c-icon.-arrow-c-down::before {
-webkit-mask-image: var(--icon-arrow-c-down);
mask-image: var(--icon-arrow-c-down);
}
.c-icon.-circle-pink::before {
-webkit-mask-image: var(--icon-circle-pink);
mask-image: var(--icon-circle-pink);
}
.c-icon.-check::before {
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
}
.c-icon.-search::before {
-webkit-mask-image: var(--icon-search);
mask-image: var(--icon-search);
}
.c-icon.-mail::before {
-webkit-mask-image: var(--icon-mail);
mask-image: var(--icon-mail);
}
.c-icon.-check::before {
-webkit-mask-image: var(--icon-check);
mask-image: var(--icon-check);
}
.c-icon.-light::before {
-webkit-mask-image: var(--icon-light);
mask-image: var(--icon-light);
}
.c-icon.-pickup::before {
-webkit-mask-image: var(--icon-pickup);
mask-image: var(--icon-pickup);
}
.c-icon.-news::before {
-webkit-mask-image: var(--icon-news);
mask-image: var(--icon-news);
}
.c-icon.-movie::before {
-webkit-mask-image: var(--icon-movie);
mask-image: var(--icon-movie);
}
.c-icon.-twitter::before {
-webkit-mask-image: var(--icon-twitter);
mask-image: var(--icon-twitter);
}
.c-icon.-instagram::before {
-webkit-mask-image: var(--icon-instagram);
mask-image: var(--icon-instagram);
}
.c-icon.-youtube::before {
-webkit-mask-image: var(--icon-youtube);
mask-image: var(--icon-youtube);
}
.c-icon.-small {
--c-icon-image-size: .8em;
}
.c-icon.-large {
--c-icon-image-size: 1.2em;
}
.c-icon.-xlarge {
--c-icon-image-size: 1.4em;
}
.c-icon.-pink {
color: var(--color-pink);
}
.c-icon.-instagram.-color::before {
background: linear-gradient(45deg, #fec920, #f60b03, #be01a5);
}
.c-icon.-youtube.-color::before {
background: #e41f19;
}
.c-iconBtn {
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1.4;
text-decoration: none;
text-align: center;
vertical-align: middle;
overflow-wrap: break-word;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
touch-action: manipulation;
}
.c-iconBtn > .icon {
display: grid;
place-items: center;
}
.c-iconBtn.-site-wrap-drawerBtn {
padding-top: 6%;
background: linear-gradient(135deg, var(--color-turquoise) 0%, var(--color-blue) 100%);
width: var(--c-iconBtn-site-wrap-drawerBtn-width);
aspect-ratio: 1/1;
border-radius: 100%;
font-weight: 700;
font-size: clamp(11px, 1.0714285714vw, 15px);
color: var(--color-white);
}
.c-iconBtn.-site-wrap-drawerBtn > .text {
margin-top: 0.6em;
}
.c-iconBtn.-site-wrap-pagetop {
width: 2.6em;
aspect-ratio: 1/1;
background: var(--color-grayishblue);
border-radius: 100%;
font-size: var(--font-22-fluid);
color: var(--color-white);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
}
@media (min-width: 960px) {
.c-iconBtn.-site-wrap-pagetop {
width: 2.4em;
font-size: var(--font-32-fluid);
}
}
.c-iconBtn.-site-wrap-pagetop > .icon {
transform: rotate(180deg);
}
.c-list {
display: block;
margin: 0;
padding: 0 0 0 1.25em;
line-height: inherit;
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-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;
inset: 0;
display: grid;
place-items: center;
margin: 0;
padding: 0;
background: var(--c-loader-background);
line-height: 1.4;
}
.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% {
clip-path: inset(0 0 0 0);
}
100% {
clip-path: inset(0 0 0 100%);
}
}
.c-menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.4;
}
.c-menu > .item {
display: flex;
}
.c-menu > .item > .link {
position: relative;
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
touch-action: manipulation;
}
.c-menu.-typeTerms {
gap: 0.4em;
padding-inline: 1em;
font-size: var(--font-14-fluid);
font-feature-settings: "palt";
line-height: 1.2;
color: var(--color-blue);
}
@media (min-width: 960px) {
.c-menu.-typeTerms {
font-size: var(--font-18-fluid);
}
}
.c-menu.-typeTerms > .item > .link {
justify-content: center;
min-height: 3.2em;
padding: 0.2em 1em;
background: var(--color-white);
border: 3px solid var(--color-blue);
border-bottom: 0;
border-radius: var(--border-radius) var(--border-radius) 0 0;
text-align: center;
transition-property: background-color, color;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 960px) {
.c-menu.-typeTerms > .item > .link {
min-width: 7.4em;
padding: 0.2em 0.6em;
}
}
.c-menu.-typeTerms > .item > .link > .inner {
transform: scale(0.92, 1);
}
.c-menu.-typeTerms > .item > .link.-current,
.c-menu.-typeTerms > .item > .link:hover {
background: var(--color-blue);
color: var(--color-white);
}
.c-menu.-site-drawer-secondary {
flex-direction: column;
font-size: var(--font-18-fluid);
font-feature-settings: "palt";
letter-spacing: 0.02em;
}
.c-menu.-site-drawer-secondary > .item {
border-bottom: 3px dotted var(--color-grayishblue-d);
}
.c-menu.-site-drawer-secondary > .item > .link {
width: 100%;
padding: 1em 2.6em 1em 0.8em;
transition-property: background-color, color;
transition-duration: var(--transition-duration);
transition-timing-function: --transition-timing-function;
}
.c-menu.-site-drawer-secondary > .item > .link:before {
content: "";
position: absolute;
inset: 50% 0.8em auto auto;
width: 0.8em;
aspect-ratio: 1/1;
background: var(--color-blue);
-webkit-mask: var(--icon-arrow-right) no-repeat 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50%/contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-menu.-site-drawer-secondary > .item > .link:hover {
background: var(--color-grayishblue-f);
color: var(--color-blue);
}
.c-menu.-site-drawer-secondary > .item > .link:hover::before {
transform: translate(3px, -50%);
}
.c-menu.-site-drawer-fnav {
flex-direction: column;
gap: 0.4em;
font-weight: 400;
font-size: var(--font-14-fluid);
font-feature-settings: "palt";
letter-spacing: 0.02em;
}
.c-menu.-site-drawer-fnav > .item > .link {
position: relative;
padding-left: 1em;
text-decoration: underline;
color: var(--color-white);
transition: color var(--transition-duration) var(--transition-timing-function);
}
.c-menu.-site-drawer-fnav > .item > .link:before {
content: "";
position: absolute;
inset: 50% auto auto 0;
width: 0.4em;
aspect-ratio: 1/1.2;
background: currentColor;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-menu.-site-drawer-fnav > .item > .link:hover {
color: var(--color-grayishblue-d);
}
.c-menu.-site-drawer-fnav > .item > .link:hover::before {
transform: translate(2px, -50%);
}
.c-menu.-site-drawer-sns {
justify-content: center;
gap: 0.4em;
font-size: var(--font-22-fluid);
}
.c-menu.-site-drawer-sns > .item > .link {
display: grid;
place-items: center;
width: 2.2em;
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.c-menu.-site-header-nav {
gap: 1.4em;
padding: 0.8em 1.4em;
background: var(--color-white);
border: 2px solid var(--color-black-b);
border-radius: 999px;
font-weight: 700;
font-size: var(--font-18-fluid);
}
.c-menu.-site-header-nav > .item > .link {
padding-left: 1em;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.c-menu.-site-header-nav > .item > .link::before {
content: "";
position: absolute;
inset: 50% auto auto 0;
width: 0.6em;
height: 0.16em;
background: currentColor;
transform: translateY(-50%);
}
.c-menu.-site-header-nav > .item > .link:hover {
color: var(--color-blue);
}
.c-menu.-site-footer-primaryNav {
gap: 2em;
font-size: var(--font-18-fluid);
color: var(--color-white);
}
.c-menu.-site-footer-primaryNav > .item > .link {
padding-left: 1em;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.c-menu.-site-footer-primaryNav > .item > .link::before {
content: "";
position: absolute;
inset: 50% auto auto 0;
width: 0.6em;
height: 0.16em;
background: currentColor;
transform: translateY(-50%);
}
.c-menu.-site-footer-primaryNav > .item > .link:hover {
color: var(--color-pink-b);
}
.c-menu.-site-footer-primarySns {
justify-content: flex-end;
gap: 0.6em;
font-size: var(--font-24-fluid);
}
.c-menu.-site-footer-primarySns > .item > .link {
display: grid;
place-items: center;
width: 2.2em;
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
border: 1px solid var(--color-blue);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.c-menu.-site-footer-secondaryBanner {
justify-content: center;
gap: clamp(5px, 1.7142857143vw, 24px);
}
.c-menu.-site-footer-secondaryBanner > .item > .link > .image {
width: clamp(132px, 15.7142857143vw, 220px);
}
.c-menu.-home-headlineWrap-sns {
gap: 0.6em;
font-size: var(--font-24-fluid);
}
.c-menu.-home-headlineWrap-sns > .item > .link {
display: grid;
place-items: center;
width: 2.2em;
aspect-ratio: 1/1;
background: var(--color-white);
border-radius: 100%;
border: 2px solid var(--color-blue);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.c-menu.-singleCompany-header-terms {
gap: 0.4em;
flex-wrap: wrap;
font-size: var(--font-15-fluid);
}
.c-menu.-singleCompany-header-terms > .item > .link {
padding: 0.4em 0.6em;
border-radius: var(--border-radius);
}
.c-menu.-singleCompany-header-terms > .item > .link.-industry {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-menu.-single-header-data {
gap: 0.4em;
flex-wrap: wrap;
font-size: var(--font-15-fluid);
}
.c-menu.-single-header-data > .item > .link {
padding: 0.4em 0.8em;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
}
.c-menu.-single-header-data > .item > .link.-pink {
background: var(--color-pink);
border-color: var(--color-pink);
color: var(--color-white);
}
.c-menu.-single-header-data > .item > .link.-blue-d {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-menu.-single-header-data > .item > .link.-round {
border-radius: 999px;
}
.c-noContent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
line-height: 1.4;
text-align: center;
overflow-wrap: break-word;
}
.c-noContent {
min-height: 12em;
padding: clamp(12px, 1.4285714286vw, 20px) clamp(38px, 4.5714285714vw, 64px) clamp(14px, 1.7142857143vw, 24px) clamp(38px, 4.5714285714vw, 64px);
background: var(--color-white);
border: 3px solid var(--color-blue);
font-size: var(--font-15-fluid);
line-height: 1.8;
box-shadow: clamp(6px, 0.7142857143vw, 10px) clamp(6px, 0.7142857143vw, 10px) var(--color-shadow);
}
.c-pager {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.4;
}
.c-pager > .next {
flex: 1 1 0%;
}
.c-pager > .prev {
flex: 1 1 0%;
text-align: right;
}
.c-pager > .back {
flex: 0 0 auto;
}
.c-pager > .next > .link,
.c-pager > .back > .link,
.c-pager > .prev > .link {
position: relative;
display: inline-flex;
align-items: center;
}
.c-pager {
flex-direction: column;
gap: 0.6em 1em;
font-weight: 700;
font-size: var(--font-16-fluid);
}
@media (min-width: 560px) {
.c-pager {
flex-direction: row;
}
}
.c-pager > .next > .link,
.c-pager > .back > .link,
.c-pager > .prev > .link {
padding: 0.6em 3.2em;
background: var(--color-grayishblue-f);
border: 1px solid var(--color-black);
border-radius: 999px;
text-align: center;
text-decoration: none;
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
transition-property: background-color, border-color, color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-pager > .next > .link::before,
.c-pager > .prev > .link::after {
content: "";
position: absolute;
top: 50%;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.c-pager > .next > .link {
padding-right: 2.6em;
background: var(--color-black);
color: var(--color-white);
}
.c-pager > .next > .link::before {
left: 1.2em;
-webkit-mask: var(--icon-arrow-left) no-repeat 50%/contain;
mask: var(--icon-arrow-left) no-repeat 50%/contain;
}
.c-pager > .prev > .link {
padding-left: 2.6em;
background: var(--color-black);
color: var(--color-white);
}
.c-pager > .prev > .link::after {
right: 1.2em;
-webkit-mask: var(--icon-arrow-right) no-repeat 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50%/contain;
}
.c-pager > .next > .link:hover,
.c-pager > .back > .link:hover,
.c-pager > .prev > .link:hover {
background: var(--color-blue);
border-color: var(--color-blue);
color: var(--color-white);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.c-pager > .next > .link:hover::before {
transform: translate(-3px, -50%);
}
.c-pager > .prev > .link:hover::after {
transform: translate(3px, -50%);
}
.c-pagination {
display: block;
margin: 0;
padding: 0;
line-height: 1.4;
}
.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;
touch-action: manipulation;
}
.c-pagination {
font-size: var(--font-15-fluid);
font-family: var(--font-en);
}
.c-pagination > .list {
gap: 0.6em;
}
.c-pagination > .list > .item > .link {
width: 3.2em;
aspect-ratio: 1/1;
background: var(--color-white);
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
transition-property: background-color, border-color, color;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.c-pagination > .list > .item > .link:-moz-any-link:hover {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-pagination > .list > .item > .link.-current, .c-pagination > .list > .item > .link:any-link:hover {
background: var(--color-blue-d);
border-color: var(--color-blue-d);
color: var(--color-white);
}
.c-spinner {
--c-spinner-size: 28px;
--c-spinner-weight: 2px;
--c-spinner-bar-color: var(--color-blue);
--c-spinner-track-color: var(--color-grayishblue-d);
}
.c-spinner {
opacity: 0;
display: block;
width: var(--c-spinner-size);
aspect-ratio: 1/1;
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: 100%;
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-typography {
--c-typography-a-color: var(--color-blue);
--c-typography-text-gutter: calc(var(--font-17-fluid) * 2.3);
--c-typography-elem-gutter: calc(var(--font-17-fluid) * 4);
--c-typography-leading-trim: calc((1em - 1lh) / 2);
}
.c-typography {
display: block;
margin: 0;
padding: 0;
font: inherit;
line-height: 1.4;
text-align: justify;
word-break: break-all;
overflow-wrap: break-word;
color: inherit;
}
.c-typography :where(hr) {
border: none;
border-top: 1px solid currentColor;
color: inherit;
}
.c-typography :where(ul, ol) {
padding-left: 1.25em;
list-style: revert;
}
.c-typography :where(strong) {
font-weight: bolder;
}
.c-typography :where(a:-moz-any-link) {
text-decoration: underline;
color: var(--c-typography-a-color);
}
.c-typography :where(a:any-link) {
text-decoration: underline;
color: var(--c-typography-a-color);
}
.c-typography :where(figure) {
display: table;
width: 100%;
text-align: center;
}
.c-typography :where(figure).alignleft {
width: auto;
margin-right: auto;
text-align: left;
}
.c-typography :where(figure).aligncenter {
width: auto;
margin-inline: auto;
text-align: center;
}
.c-typography :where(figure).alignright {
width: auto;
margin-left: auto;
text-align: right;
}
.c-typography :where(figcaption) {
display: table-caption;
caption-side: bottom;
margin-block: var(--c-typography-leading-trim);
}
.c-typography :where(p, h1, h2, h3, h4, h5, h6, ul, ol) {
margin-block: var(--c-typography-leading-trim);
}
.c-typography :where(p, h1, h2, h3, h4, h5, h6, ul, ol):first-child {
margin-top: var(--c-typography-leading-trim) !important;
}
.c-typography :where(p, h1, h2, h3, h4, h5, h6, ul, ol):last-child {
margin-bottom: var(--c-typography-leading-trim) !important;
}
.c-typography :where(figure, hr) {
margin-block: var(--c-typography-elem-gutter);
}
.c-typography :where(figure, hr):first-child {
margin-top: 0 !important;
}
.c-typography :where(figure, hr):last-child {
margin-bottom: 0 !important;
}
.c-typography :where(p, h1, h2, h3, h4, h5, h6, ul, ol) + :where(p, h1, h2, h3, h4, h5, h6, ul, ol) {
margin-top: calc(var(--c-typography-leading-trim) + var(--c-typography-text-gutter));
}
.c-typography :where(h1, h2, h3, h4, h5, h6) + :where(p, h1, h2, h3, h4, h5, h6, ul, ol) {
margin-top: var(--c-typography-leading-trim);
}
.c-typography :where(h1, h2, h3, h4, h5, h6) + :where(figure, hr) {
margin-top: 0;
}
.c-typography :where(h1, h2, h3, h4, h5, h6) + :where(h1, h2, h3, h4, h5, h6) {
margin-top: 0 !important;
}
.c-typography {
font-size: var(--font-17-fluid);
line-height: 2.1;
}
.c-typography hr {
border-top: 3px dotted var(--color-grayishblue-c);
}
.c-typography h1, .c-typography h2, .c-typography h3, .c-typography h4 {
margin-top: 2em;
margin-bottom: 1.2em;
}
.c-typography h5, .c-typography h6 {
margin-top: 2.8em;
margin-bottom: 2em;
}
.c-typography .figure {
background: var(--color-offwhite);
}
.c-typography figcaption {
margin-block: 0;
padding: 0.8em 1.6em;
background: var(--color-grayishblue-f);
font-size: var(--font-18-fluid);
line-height: 1.6;
}
.c-typography.-singleCompany-greeting .figure > .image {
width: 100%;
aspect-ratio: 1066/560;
-o-object-fit: contain;
object-fit: contain;
}
.c-typography.-singleCompany-greeting .figure > .image.-cover {
-o-object-fit: cover;
object-fit: cover;
}
.c-typography.-singleCompany-voice-mediaImage .figure > .image,
.c-typography.-singleCompany-achievement-mediaImage .figure > .image,
.c-typography.-singleCompany-pride-mediaImage .figure > .image {
width: 100%;
aspect-ratio: 517/344;
-o-object-fit: contain;
object-fit: contain;
}
.c-typography.-singleCompany-voice-mediaImage .figure > .image.-cover,
.c-typography.-singleCompany-achievement-mediaImage .figure > .image.-cover,
.c-typography.-singleCompany-pride-mediaImage .figure > .image.-cover {
-o-object-fit: cover;
object-fit: cover;
}
.c-anchor {
scroll-margin-top: clamp(48px, 5.7142857143vw, 80px);
}
.c-anchor:focus {
outline: none;
}
.c-archive {
font: inherit;
line-height: 1.4;
color: inherit;
}
.c-archive > .item > .article {
display: flex;
flex-direction: column;
text-decoration: none;
}
@media (min-width: 960px) {
.c-archive > .item > .article {
flex-direction: row;
align-items: center;
}
}
.c-archive > .item > .article > .data {
flex: 0 0 auto;
display: flex;
align-items: center;
}
.c-archive > .item > .article > .data > .date {
flex: 0 0 auto;
}
.c-archive > .item > .article > .data > .term {
flex: 0 0 auto;
text-align: center;
}
.c-archive > .item > .article > .title {
flex: 1 1 0%;
}
.c-archive > .item > .article > .title.-ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-archive {
font-size: var(--font-18-fluid);
}
.c-archive > .item {
border-bottom: 1px solid var(--color-gray-b);
}
.c-archive > .item > .article {
gap: 0.8em 1.4em;
padding: 1em 0;
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
@media (min-width: 960px) {
.c-archive > .item > .article {
padding-inline: 2em;
}
}
.c-archive > .item > .article > .data > .date {
width: 7em;
font-size: var(--font-16-fluid);
font-family: var(--font-en);
color: var(--color-blue-d);
}
.c-archive > .item > .article > .data > .term {
min-width: 8em;
padding: 0.4em 1em;
background: var(--color-grayishblue-f);
border-radius: 999px;
font-size: var(--font-14-fluid);
color: var(--color-blue-c);
transition: background-color var(--transition-duration) var(--transition-timing-function);
}
.c-archive > .item > .article > .title {
transition: color var(--transition-duration) var(--transition-timing-function);
}
.c-archive > .item > .article:hover {
background: var(--color-grayishblue-f);
}
.c-archive > .item > .article:hover > .data > .term {
background: var(--color-white);
}
.c-archive > .item > .article:hover > .title {
color: var(--color-blue);
}
.c-archive.-home-topics {
padding: clamp(12px, 1.4285714286vw, 20px) clamp(19px, 4.5714285714vw, 64px) clamp(14px, 1.7142857143vw, 24px) clamp(19px, 4.5714285714vw, 64px);
background: var(--color-white);
border: 3px solid var(--color-blue);
box-shadow: clamp(6px, 0.7142857143vw, 10px) clamp(6px, 0.7142857143vw, 10px) var(--color-shadow);
}
.c-archive.-home-topics > .item:last-child {
border-bottom: none;
}
.c-archive.-archiveTopics {
padding: clamp(19px, 2.2857142857vw, 32px) clamp(19px, 4.5714285714vw, 64px) clamp(22px, 2.5714285714vw, 36px) clamp(19px, 4.5714285714vw, 64px);
background: var(--color-white);
border: 3px solid var(--color-blue);
border-radius: var(--border-radius);
}
.c-archive.-archiveTopics > .item:last-child {
border-bottom: none;
}
.c-checkbox {
position: relative;
padding: 0.8em 1em 0.8em 3.6em;
background: var(--color-grayishblue-f);
border-radius: 999px;
font-size: var(--font-16-fluid);
line-height: 1.4;
cursor: pointer;
}
.c-checkbox::before, .c-checkbox::after {
content: "";
position: absolute;
top: 50%;
left: 1.4em;
width: 1.4em;
aspect-ratio: 1/1;
}
.c-checkbox::before {
background: var(--color-white);
border: 1px solid var(--color-black-b);
border-radius: 2px;
transform: translateY(-50%);
}
.c-checkbox::after {
opacity: 0;
background: var(--color-blue);
-webkit-mask: var(--icon-check) no-repeat center/contain;
mask: var(--icon-check) no-repeat center/contain;
transform: translateY(-50%) scale(0.9);
}
.c-checkbox > .cb {
opacity: 0;
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-checkbox.-is-checked {
background: var(--color-blue);
color: var(--color-white);
}
.c-checkbox.-is-checked::after {
opacity: 1;
}
.c-checkbox.-is-focus {
outline: 1px dotted #212121;
outline: 5px auto -webkit-focus-ring-color;
}
.c-checkbox.-occupation {
background: var(--color-gray-c);
}
.c-checkbox.-occupation::after {
background: var(--color-gray);
}
.c-checkbox.-occupation.-is-checked {
background: var(--color-gray);
}
.c-checkbox.-benefit {
background: var(--color-pink-c);
}
.c-checkbox.-benefit::after {
background: var(--color-pink);
}
.c-checkbox.-benefit.-is-checked {
background: var(--color-pink);
}
.c-searchform {
padding: clamp(14px, 1.7142857143vw, 24px) clamp(24px, 2.8571428571vw, 40px) clamp(29px, 3.4285714286vw, 48px) clamp(24px, 2.8571428571vw, 40px);
background: var(--color-white);
border: 3px solid var(--color-blue);
border-radius: var(--border-radius);
font-size: var(--font-16-fluid);
}
.c-searchform > .filter > .item + .item {
margin-top: clamp(19px, 2.2857142857vw, 32px);
}
.c-searchform > .filter > .item > .term {
margin-block: var(--leading-trim);
font-weight: 700;
font-size: var(--font-18-fluid);
}
.c-searchform > .filter > .item > .description {
margin-top: 0.6em;
}
.c-searchform > .filter > .item > .description > .lead {
margin-block: var(--leading-trim);
font-size: var(--font-16-fluid);
}
.c-searchform > .filter > .item > .description > .lead + .list {
margin-top: 1em;
}
.c-searchform > .action {
margin-top: clamp(19px, 2.2857142857vw, 32px);
}
@media (min-width: 960px) {
.c-searchform > .action {
padding-inline: 16%;
}
}
.c-searchform > .action > .item + .item {
margin-top: 1em;
}
.c-searchform > .clear {
margin-top: clamp(19px, 2.2857142857vw, 32px);
text-align: center;
}
.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;
}
@keyframes splide-loading {
0% {
transform: rotateZ(0);
}
100% {
transform: rotateZ(360deg);
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
opacity: 1;
z-index: 1;
}
.splide--rtl {
direction: rtl;
}
.splide__track--ttb > .splide__list {
display: block;
}
.splide__container {
box-sizing: border-box;
position: relative;
}
.splide__list {
backface-visibility: hidden;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block;
}
.splide__pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
pointer-events: none;
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
display: none;
}
.splide__progress__bar {
width: 0;
}
.splide {
position: relative;
visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
visibility: visible;
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
}
.splide__slide img {
vertical-align: bottom;
}
.splide__spinner {
animation: splide-loading 1s infinite linear;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.splide__sr {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.splide__toggle__pause {
display: none;
}
.splide__toggle.is-active .splide__toggle__play {
display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline;
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0;
}
.c-splide {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.c-splide .splide__track--ltr,
.c-splide .splide__track--rtl {
overflow-x: clip;
overflow-y: visible;
}
.c-splide .splide__track--ttb {
overflow-x: visible;
overflow-y: clip;
}
.c-splide .splide__slide {
position: relative;
}
.c-splide .splide__arrow,
.c-splide .splide__pagination__page {
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;
overflow-wrap: break-word;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
touch-action: manipulation;
}
.c-splide .splide__arrows {
display: flex;
line-height: 0;
}
.c-splide .splide__arrow {
display: grid;
place-items: center;
}
.c-splide .splide__arrow[disabled] {
opacity: 0.2;
pointer-events: none;
}
.c-splide .splide__pagination li {
line-height: 0;
}
.c-splide .splide__pagination:has(li:only-child) {
display: none;
}
.c-splide:has(.splide__pagination li:only-child) .splide__arrows {
display: none;
}
.c-splide .splide__arrow {
z-index: 1;
position: absolute;
top: 50%;
width: 2em;
aspect-ratio: 1/1;
border: 1px solid var(--color-black);
border-radius: 100%;
background: #fff;
font-size: var(--font-20-fluid);
}
.c-splide .splide__arrow::before {
content: "";
width: 0.8em;
aspect-ratio: 1/1;
background: var(--color-black);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50% 50%/contain;
}
.c-splide .splide__arrow svg {
display: none;
}
.c-splide .splide__arrow--prev {
left: 0;
transform: translate(-50%, -50%) scale(-1, 1);
}
.c-splide .splide__arrow--next {
right: 0;
transform: translate(50%, -50%);
}
.c-splide .splide__pagination {
position: absolute;
inset: calc(100% + 8px) 0 auto 0;
}
.c-splide .splide__pagination__page {
width: 1em;
aspect-ratio: 1/1;
margin-inline: 0.4em;
font-size: var(--font-13-fluid);
background: var(--color-gray-b);
border-radius: 100%;
}
.c-splide .splide__pagination__page.is-active {
background: var(--color-black-c);
}
.c-splide.-home-headline .splide__slide {
min-width: 100%;
padding-inline: 1.6em;
}
.c-splide.-home-movie .splide__slide {
--home-movie-slide-width: clamp(216px, 25.7142857143vw, 360px);
--home-movie-slide-gap: clamp(24px, 2.8571428571vw, 40px);
width: calc(var(--home-movie-slide-width) + var(--home-movie-slide-gap));
padding-inline: calc(var(--home-movie-slide-gap) / 2);
}
.c-splide.-singleCompany-overview .media,
.c-splide.-singleCompany-achievement .media,
.c-splide.-singleCompany-pride .media {
width: 100%;
aspect-ratio: 600/400;
background: var(--color-offwhite);
}
.c-splide.-singleCompany-overview .image,
.c-splide.-singleCompany-achievement .image,
.c-splide.-singleCompany-pride .image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.c-splide.-singleCompany-overview .image.-cover,
.c-splide.-singleCompany-achievement .image.-cover,
.c-splide.-singleCompany-pride .image.-cover {
-o-object-fit: cover;
object-fit: cover;
}
.site-wrap {
overflow: clip;
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
padding-inline: var(--site-wrap-border-width);
}
.site-wrap::before, .site-wrap::after {
z-index: var(--z-index-site-wrap-border);
content: "";
position: fixed;
width: var(--site-wrap-border-width);
background: linear-gradient(0deg, var(--color-pink) 0%, var(--color-blue) 100%);
pointer-events: none;
}
.site-wrap::before {
inset: 0 auto 0 0;
}
.site-wrap::after {
inset: 0 0 0 auto;
}
.site-wrap > .drawerBtn {
z-index: var(--z-index-site-wrap-drawerBtn);
position: fixed;
inset: 0 var(--site-wrap-border-width) auto auto;
margin: clamp(10px, 1.1428571429vw, 16px);
}
.site-wrap > .header {
z-index: var(--z-index-site-wrap-header);
position: fixed;
inset: 0 var(--site-wrap-border-width) auto;
margin: clamp(10px, 1.1428571429vw, 16px) calc(var(--c-iconBtn-site-wrap-drawerBtn-width) + clamp(24px, 2.8571428571vw, 40px)) 0 clamp(19px, 2.2857142857vw, 32px);
}
.site-wrap > .main {
flex: 1 1 0%;
}
.site-wrap > .pagetop {
z-index: var(--z-index-site-wrap-pagetop);
opacity: 0;
visibility: hidden;
position: fixed;
inset: auto clamp(10px, 1.1428571429vw, 16px) clamp(10px, 1.1428571429vw, 16px) auto;
transform: translateY(3px);
transition-property: opacity, visibility, transform;
transition-duration: calc(var(--transition-duration) * 2);
transition-timing-function: var(--transition-timing-function);
}
@media (min-width: 960px) {
.site-wrap > .pagetop {
inset: auto clamp(19px, 2.2857142857vw, 32px) clamp(10px, 1.1428571429vw, 16px) auto;
}
}
.site-wrap > .footer {
z-index: var(--z-index-site-wrap-footer);
position: relative;
flex: 0 0 auto;
}
.site-wrap > .pagetop.-is-scrolled {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.site-drawer {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
padding-right: var(--site-wrap-border-width);
}
.site-drawer::before {
content: "";
position: absolute;
inset: 0 0 0 auto;
width: var(--site-wrap-border-width);
background: linear-gradient(0deg, var(--color-pink) 0%, var(--color-blue) 100%);
pointer-events: none;
}
.site-drawer > .header {
flex: 0 0 auto;
padding: clamp(10px, 1.1428571429vw, 16px) clamp(24px, 2.8571428571vw, 40px) 0;
}
.site-drawer > .content {
flex: 1 1 0%;
margin-top: clamp(34px, 4vw, 56px);
padding-inline: clamp(24px, 2.8571428571vw, 40px);
}
.site-drawer > .content > .secondary {
margin-top: clamp(29px, 3.4285714286vw, 48px);
border-top: 3px dotted var(--color-black);
}
.site-drawer > .content > .pickup {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.site-drawer > .footer {
flex: 0 0 auto;
position: relative;
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: clamp(48px, 5.7142857143vw, 80px);
padding: clamp(14px, 1.7142857143vw, 24px) clamp(24px, 2.8571428571vw, 40px);
background: linear-gradient(90deg, var(--color-turquoise) 0%, var(--color-blue) 100%);
}
.site-drawer > .footer::before {
z-index: -1;
content: "";
position: absolute;
height: clamp(24px, 2.8571428571vw, 40px);
inset: auto 0 calc(100% - 1px) 0;
background: linear-gradient(90deg, var(--color-turquoise) 0%, var(--color-blue) 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.site-drawer-header {
display: flex;
align-items: flex-end;
height: var(--c-iconBtn-site-wrap-drawerBtn-width);
padding-right: calc(var(--c-iconBtn-site-wrap-drawerBtn-width) + clamp(14px, 1.7142857143vw, 24px));
}
.site-drawer-header > .logo {
transform: rotate(-8deg);
}
.site-drawer-header > .logo > .image {
width: auto;
height: calc(var(--c-iconBtn-site-wrap-drawerBtn-width) * 0.9);
}
.site-header {
position: relative;
}
.site-header > .brand {
position: absolute;
inset: 0 auto auto 0;
transform: rotate(-8deg);
}
.site-header > .brand > .logo {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.site-header > .brand > .logo > .image {
width: clamp(82px, 9.7142857143vw, 136px);
}
.site-header > .nav {
display: none;
}
@media (min-width: 960px) {
.site-header > .nav {
position: absolute;
inset: 0 0 auto auto;
display: block;
}
}
.site-header > .nav > .list {
display: flex;
justify-content: flex-end;
gap: clamp(10px, 1.1428571429vw, 16px);
transform-origin: top right;
transition: transform var(--transition-duration) var(--transition-timing-function);
}
.site-header.-home {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.site-header.-home > .nav > .list {
transform: scale(0.96);
}
.site-header.-is-scrolled > .brand > .logo {
opacity: 0.75;
visibility: visible;
}
.site-header.-is-scrolled > .nav > .list {
transform: scale(1);
}
.site-header.-home.-is-scrolled {
opacity: 1;
visibility: visible;
}
.site-header > .brand > .logo:hover {
opacity: 1;
}
.site-footer > .primary {
z-index: 1;
position: relative;
transform: rotate(-8deg);
}
.site-footer > .primary::before {
z-index: -1;
content: "";
position: absolute;
inset: var(--site-footer-primary-pt) -8vw 0;
background: linear-gradient(90deg, var(--color-turquoise-b) 0%, var(--color-blue) 100%);
}
.site-footer > .secondary {
position: relative;
}
.site-footer > .secondary::before, .site-footer > .secondary::after {
z-index: -1;
content: "";
position: absolute;
inset: 0 -8vw;
background: var(--color-grayishblue);
}
.site-footer > .secondary::before {
transform: rotate(-8deg);
}
.site-footer > .primary > .inner,
.site-footer > .secondary > .inner {
width: var(--content-width-large);
margin-inline: auto;
}
.site-footer-primary {
position: relative;
display: flex;
justify-content: center;
padding-bottom: clamp(19px, 2.2857142857vw, 32px);
}
@media (min-width: 960px) {
.site-footer-primary {
justify-content: space-between;
}
}
.site-footer-primary > .brand {
flex: 0 0 auto;
}
.site-footer-primary > .brand > .image {
width: clamp(204px, 24.2857142857vw, 340px);
}
.site-footer-primary > .content {
display: none;
padding-top: calc(var(--site-footer-primary-pt) + clamp(19px, 2.2857142857vw, 32px));
}
@media (min-width: 960px) {
.site-footer-primary > .content {
display: block;
}
}
.site-footer-primary > .content > .nav > .item + .item {
margin-top: var(--font-18-fluid);
transform: translateX(calc(var(--font-18-fluid) * 1.6));
}
.site-footer-primary > .content > .sns {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.site-footer-secondary {
padding: clamp(38px, 4.5714285714vw, 64px) 0 clamp(19px, 2.2857142857vw, 32px);
}
@media (min-width: 960px) {
.site-footer-secondary {
padding-top: 0;
}
}
.site-footer-secondary > .data {
text-align: center;
color: var(--color-white);
}
@media (min-width: 960px) {
.site-footer-secondary > .data {
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
text-align: revert;
}
}
.site-footer-secondary > .data > .term {
font-size: var(--font-20-fluid);
}
.site-footer-secondary > .data > .term > .label {
margin-right: 0.6em;
font-weight: 400;
font-size: var(--font-15-fluid);
}
.site-footer-secondary > .data > .description {
margin-top: 0.8em;
font-weight: 300;
font-size: var(--font-15-fluid);
line-height: 2;
}
.site-footer-secondary > .banner {
margin-top: clamp(34px, 4vw, 56px);
}
.site-footer-secondary > .deco {
margin-top: clamp(34px, 4vw, 56px);
text-align: center;
}
.site-footer-secondary > .deco > .image {
width: clamp(344px, 61.4285714286vw, 860px);
}
.site-footer-secondary > .copyright {
margin-top: clamp(34px, 4vw, 56px);
text-align: center;
font-weight: 300;
font-size: var(--font-15-fluid);
font-family: var(--font-en);
color: var(--color-white);
}
.page-container {
border-top: 4px solid var(--color-blue);
}
@media (min-width: 960px) {
.page-container {
border-top: 0;
}
}
.page-container > .logo {
padding-block: clamp(14px, 1.7142857143vw, 24px);
text-align: center;
}
@media (min-width: 960px) {
.page-container > .logo {
padding-block: clamp(29px, 3.4285714286vw, 48px);
}
}
.page-container > .header {
height: clamp(149px, 17.7142857143vw, 248px);
}
.page-container > .breadcrumb {
width: var(--content-width-xlarge);
margin-inline: auto;
}
.page-container > .header + .breadcrumb {
margin-top: clamp(10px, 1.1428571429vw, 16px);
}
@media (min-width: 960px) {
.page-logo {
display: none;
}
}
.page-logo > .image {
width: 123px;
}
.page-header {
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: var(--color-white);
border-top: 1px solid var(--color-black-b);
border-bottom: 1px solid var(--color-black-b);
}
.page-header::before, .page-header::after {
content: "";
align-self: stretch;
min-width: 6.6vw;
background: url(//omujob.com/wp-content/themes/omujob/assets/img/page-header-bg.svg) repeat 0% 50%/auto clamp(252px, 30vw, 420px);
}
.page-header::before {
flex: 0 0 auto;
background-position-x: 100%;
}
.page-header::after {
flex: 1 1 0%;
}
.page-header > .heading {
padding-inline: 3.6vw;
font-size: var(--font-50-fluid);
font-family: var(--font-senobi);
line-height: 1.2;
letter-spacing: -0.1em;
}
.page-header > .heading > .c-icon {
margin-right: 0.2em;
}
.archiveCompany-container {
padding: clamp(34px, 4vw, 56px) 0 clamp(72px, 8.5714285714vw, 120px);
}
.archiveCompany-container > .lead {
margin-block: var(--leading-trim);
text-align: center;
}
.archiveCompany-container > .lead > .text {
font-family: var(--font-senobi);
font-size: var(--font-30-fluid);
line-height: 1.8;
letter-spacing: -0.14em;
}
.archiveCompany-container > .search {
width: var(--content-width-small);
margin: clamp(29px, 3.4285714286vw, 48px) auto 0;
}
.archiveCompany-container > .data {
width: var(--content-width-large);
margin: clamp(86px, 10.2857142857vw, 144px) auto 0;
}
.archiveCompany-container > .list {
width: var(--content-width-large);
margin: clamp(38px, 4.5714285714vw, 64px) auto 0;
}
.archiveCompany-container > .current {
width: var(--content-width-large);
margin: clamp(48px, 5.7142857143vw, 80px) auto 0;
text-align: center;
font-size: var(--font-18-fluid);
font-family: var(--font-en);
}
.archiveCompany-container > .pagination {
width: var(--content-width-large);
margin: clamp(19px, 2.2857142857vw, 32px) auto 0;
}
.archiveCompany-container > .separator {
width: var(--content-width-large);
margin: clamp(58px, 6.8571428571vw, 96px) auto;
border-color: var(--color-grayishblue-d);
}
.archiveCompany-container > .searchAgain {
width: var(--content-width-small);
margin-inline: auto;
}
.archiveCompany-container > .feature {
z-index: 0;
position: relative;
margin-top: clamp(72px, 8.5714285714vw, 120px);
padding-bottom: clamp(48px, 5.7142857143vw, 80px);
background: linear-gradient(180deg, var(--color-offwhite) clamp(168px, 20vw, 280px), var(--color-pink-c) clamp(168px, 20vw, 280px));
}
.archiveCompany-container > .feature > .inner {
width: var(--content-width-large);
margin-inline: auto;
}
.archiveCompany-data {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: calc(var(--font-22-fluid) * 0.6);
border-bottom: 3px solid var(--color-grayishblue-d);
}
.archiveCompany-data > .stats {
margin-block: var(--leading-trim);
font-weight: 700;
font-size: var(--font-22-fluid);
}
.archiveCompany-data > .stats > .number {
margin-inline: 0.2em;
font-weight: 700;
font-size: var(--font-32-fluid);
font-family: var(--font-en);
}
.archiveCompany-data > .sort {
flex: 0 0 auto;
}
.archiveCompany-section > .header {
display: flex;
flex-direction: column;
gap: 1.6em;
font-size: var(--font-20-fluid);
}
@media (min-width: 560px) {
.archiveCompany-section > .header {
flex-direction: row;
align-items: center;
}
}
.archiveCompany-section > .header > .heading {
flex: 0 0 auto;
}
.archiveCompany-section > .header > .lead {
font-weight: 700;
}
.archiveCompany-section > .header > .action {
flex: 0 0 auto;
margin-left: auto;
}
.archiveCompany-section > .body,
.archiveCompany-section > .footer {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.archiveCompany-section > .footer > .action {
text-align: center;
}
.archiveFeature-container {
padding: clamp(34px, 4vw, 56px) 0 clamp(72px, 8.5714285714vw, 120px);
}
.archiveFeature-container > .lead {
margin-block: var(--leading-trim);
text-align: center;
}
.archiveFeature-container > .lead > .text {
font-family: var(--font-senobi);
font-size: var(--font-30-fluid);
line-height: 1.8;
letter-spacing: -0.14em;
}
.archiveFeature-container > .list {
width: var(--content-width-large);
margin: clamp(38px, 4.5714285714vw, 64px) auto 0;
}
.archiveFeature-container > .pagination {
width: var(--content-width-large);
margin: clamp(58px, 6.8571428571vw, 96px) auto 0;
}
.archiveFeature-container > .separator {
width: var(--content-width-large);
margin: clamp(58px, 6.8571428571vw, 96px) auto;
border-color: var(--color-grayishblue-d);
}
.archiveFeature-container > .search {
width: var(--content-width-small);
margin-inline: auto;
}
.archiveFeature-section > .header {
display: flex;
flex-direction: column;
gap: 1.6em;
font-size: var(--font-20-fluid);
}
@media (min-width: 560px) {
.archiveFeature-section > .header {
flex-direction: row;
align-items: center;
}
}
.archiveFeature-section > .header > .heading {
flex: 0 0 auto;
}
.archiveFeature-section > .header > .lead {
font-weight: 700;
}
.archiveFeature-section > .header > .action {
flex: 0 0 auto;
margin-left: auto;
}
.archiveFeature-section > .body,
.archiveFeature-section > .footer {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.archiveFeature-section > .footer > .action {
text-align: center;
}
.archiveTopics-container {
padding: clamp(72px, 8.5714285714vw, 120px) 0 clamp(72px, 8.5714285714vw, 120px);
}
.archiveTopics-container > .terms {
width: var(--content-width-large);
margin-inline: auto;
}
.archiveTopics-container > .list {
width: var(--content-width-large);
margin-inline: auto;
}
.archiveTopics-container > .pagination {
width: var(--content-width-large);
margin: clamp(58px, 6.8571428571vw, 96px) auto 0;
}
.archiveTopics-container > .separator {
width: var(--content-width-large);
margin: clamp(58px, 6.8571428571vw, 96px) auto;
border-color: var(--color-grayishblue-d);
}
.archiveTopics-container > .search {
width: var(--content-width-small);
margin-inline: auto;
}
.archiveTopics-container > .feature {
z-index: 0;
position: relative;
margin-top: clamp(72px, 8.5714285714vw, 120px);
padding-bottom: clamp(48px, 5.7142857143vw, 80px);
background: linear-gradient(180deg, var(--color-offwhite) clamp(168px, 20vw, 280px), var(--color-pink-c) clamp(168px, 20vw, 280px));
}
.archiveTopics-container > .feature > .inner {
width: var(--content-width-large);
margin-inline: auto;
}
.archiveTopics-section > .header {
display: flex;
flex-direction: column;
gap: 1.6em;
font-size: var(--font-20-fluid);
}
@media (min-width: 560px) {
.archiveTopics-section > .header {
flex-direction: row;
align-items: center;
}
}
.archiveTopics-section > .header > .heading {
flex: 0 0 auto;
}
.archiveTopics-section > .header > .lead {
font-weight: 700;
}
.archiveTopics-section > .header > .action {
flex: 0 0 auto;
margin-left: auto;
}
.archiveTopics-section > .body,
.archiveTopics-section > .footer {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.archiveTopics-section > .footer > .action {
text-align: center;
}
.single-container {
padding: clamp(29px, 3.4285714286vw, 48px) 0 clamp(72px, 8.5714285714vw, 120px);
}
.single-container > .article {
width: var(--content-width-medium-b);
margin-inline: auto;
}
.single-container > .aside {
width: var(--content-width-medium-b);
margin: clamp(38px, 4.5714285714vw, 64px) auto 0;
}
.single-container > .aside > .section {
padding: clamp(58px, 6.8571428571vw, 96px) 0 clamp(67px, 8vw, 112px);
border-top: 3px dotted var(--color-black);
}
.single-container > .aside > .section > .inner {
width: var(--content-width-medium-b);
margin-inline: auto;
}
.single-container > .aside > .section.-pager {
padding-block: clamp(29px, 3.4285714286vw, 48px);
}
.single-container > .aside > .section > .inner.-w-xsmall {
width: var(--content-width-xsmall);
}
.single-article > .eyecatch {
overflow: hidden;
width: 100%;
aspect-ratio: 1000/560;
border: 1px solid var(--color-gray);
border-radius: var(--border-radius);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 var(--color-pink);
}
.single-article > .eyecatch > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-article > .eyecatch + .header {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.single-article > .header > .title {
margin-block: var(--leading-trim);
font-weight: 900;
font-size: var(--font-40-fluid);
line-height: 1.6;
}
.single-article > .header > .data {
margin-top: clamp(19px, 2.2857142857vw, 32px);
}
.single-article > .body {
margin-top: clamp(34px, 4vw, 56px);
padding-top: clamp(34px, 4vw, 56px);
border-top: 3px dotted var(--color-black);
}
.single-asideSection > .header + .body {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.singleCompany-container {
padding-bottom: clamp(72px, 8.5714285714vw, 120px);
}
@media (min-width: 960px) {
.singleCompany-container {
padding-top: clamp(38px, 4.5714285714vw, 64px);
}
}
.singleCompany-container > .separator {
width: var(--content-width-large-b);
margin-inline: auto;
border: none;
border-top: 3px solid var(--color-grayishblue-d);
}
.singleCompany-container > .header {
width: var(--content-width-large-b);
margin: clamp(48px, 5.7142857143vw, 80px) auto 0;
}
.singleCompany-container > .body {
width: var(--content-width-large-b);
margin: clamp(19px, 2.2857142857vw, 32px) auto 0;
}
.singleCompany-container > .body > .section + .section {
margin-top: clamp(10px, 1.1428571429vw, 16px);
}
.singleCompany-container > .action {
width: var(--content-width-large-b);
margin: clamp(24px, 2.8571428571vw, 40px) auto 0;
}
.singleCompany-container > .feature {
z-index: 0;
position: relative;
margin-top: clamp(72px, 8.5714285714vw, 120px);
padding-bottom: clamp(48px, 5.7142857143vw, 80px);
background: linear-gradient(180deg, var(--color-offwhite) clamp(168px, 20vw, 280px), var(--color-pink-c) clamp(168px, 20vw, 280px));
}
.singleCompany-container > .feature > .inner {
width: var(--content-width-large);
margin-inline: auto;
}
.singleCompany-container > .body > .section.-box {
padding: clamp(34px, 4vw, 56px) clamp(13px, 4.5714285714vw, 64px) clamp(38px, 4.5714285714vw, 64px);
background: var(--color-white);
border: 3px solid var(--color-blue);
border-radius: var(--border-radius);
}
.singleCompany-header > .primary {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(14px, 1.7142857143vw, 24px) clamp(19px, 2.2857142857vw, 32px);
}
@media (min-width: 960px) {
.singleCompany-header > .primary {
flex-direction: row-reverse;
}
}
.singleCompany-header > .primary > .date {
flex: 0 0 auto;
padding: 0.4em 1.2em;
background: var(--color-white);
border: 1px solid var(--color-grayishblue-d);
border-radius: 999px;
font-family: var(--font-en);
font-size: var(--font-15-fluid);
}
.singleCompany-header > .primary > .title {
flex: 1 1 0%;
}
.singleCompany-header > .primary > .title > .heading {
font-weight: 700;
font-size: var(--font-37-fluid);
margin-block: var(--leading-trim);
}
.singleCompany-header > .primary > .title > .kana {
font-weight: 400;
font-size: var(--font-16-fluid);
margin-top: 0.6em;
}
.singleCompany-header > .terms {
margin-top: clamp(14px, 1.7142857143vw, 24px);
}
.singleCompany-overview > .data > .header + .body {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.singleCompany-overview > .data > .body {
display: flex;
flex-direction: column;
gap: clamp(43px, 5.1428571429vw, 72px) clamp(29px, 3.4285714286vw, 48px);
}
@media (min-width: 960px) {
.singleCompany-overview > .data > .body {
flex-direction: row;
}
}
.singleCompany-overview > .data > .body > .media {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 960px) {
.singleCompany-overview > .data > .body > .media {
width: clamp(0px, 42.8571428571vw, 600px);
}
}
.singleCompany-overview > .data > .body > .text {
flex: 1 1 0%;
}
.singleCompany-overview > .data + .topics {
margin-top: clamp(38px, 4.5714285714vw, 64px);
padding-top: clamp(29px, 3.4285714286vw, 48px);
border-top: 2px solid var(--color-grayishblue-d);
}
.singleCompany-overview > .topics > .body {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.singleCompany-achievement > .body,
.singleCompany-pride > .body {
display: flex;
flex-direction: column;
gap: clamp(43px, 5.1428571429vw, 72px) clamp(29px, 3.4285714286vw, 48px);
margin-top: calc(var(--font-32-fluid) * 1);
}
@media (min-width: 960px) {
.singleCompany-achievement > .body,
.singleCompany-pride > .body {
flex-direction: row;
}
}
@media (min-width: 960px) {
.singleCompany-achievement > .body > .media,
.singleCompany-pride > .body > .media {
flex: 0 0 auto;
width: clamp(310px, 36.9285714286vw, 517px);
}
}
.singleCompany-achievement > .body > .content,
.singleCompany-pride > .body > .content {
flex: 1 1 0%;
}
.singleCompany-voice > .body {
display: flex;
flex-direction: column;
gap: clamp(24px, 2.8571428571vw, 40px);
margin-top: calc(var(--font-32-fluid) * 1);
}
@media (min-width: 960px) {
.singleCompany-voice > .body {
flex-direction: row;
}
}
@media (min-width: 960px) {
.singleCompany-voice > .body > .media {
flex: 0 0 auto;
width: clamp(310px, 36.9285714286vw, 517px);
}
}
.singleCompany-voice > .body > .media > .image + .movie {
margin-top: clamp(29px, 3.4285714286vw, 48px);
}
.singleCompany-voice > .body > .content {
flex: 1 1 0%;
}
.singleCompany-info > .header + .body {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.singleCompany-info-list {
font-size: var(--font-17-fluid);
}
.singleCompany-info-list > .item {
display: flex;
flex-direction: column;
gap: 0.4em 1.4em;
padding: 1.2em 0;
border-bottom: 1px solid var(--color-gray-b);
}
@media (min-width: 768px) {
.singleCompany-info-list > .item {
flex-direction: row;
padding-inline: 2em;
}
}
.singleCompany-info-list > .item > .term {
font-weight: 600;
color: var(--color-blue-d);
}
@media (min-width: 768px) {
.singleCompany-info-list > .item > .term {
flex: 0 0 auto;
width: 9em;
}
}
.singleCompany-info-list > .item > .description {
flex: 1 1 0%;
}
.singleCompany-info-list a {
color: var(--color-blue);
text-decoration: underline;
}
.singleCompany-section > .header {
display: flex;
flex-direction: column;
gap: 1.6em;
font-size: var(--font-20-fluid);
}
@media (min-width: 560px) {
.singleCompany-section > .header {
flex-direction: row;
align-items: center;
}
}
.singleCompany-section > .header > .heading {
flex: 0 0 auto;
}
.singleCompany-section > .header > .lead {
font-weight: 700;
}
.singleCompany-section > .header > .action {
flex: 0 0 auto;
margin-left: auto;
}
.singleCompany-section > .body,
.singleCompany-section > .footer {
margin-top: clamp(24px, 2.8571428571vw, 40px);
}
.singleCompany-section > .footer > .action {
text-align: center;
}
.other-container {
padding: clamp(72px, 8.5714285714vw, 120px) 0 clamp(96px, 11.4285714286vw, 160px);
}
.other-container > .section {
width: var(--content-width-medium);
margin-inline: auto;
}
.other-container > .section:not(:first-child) {
margin-top: clamp(48px, 5.7142857143vw, 80px);
}
.other-container > .section.-w-large {
width: var(--content-width-large);
}
.other-container > .section.-w-xlarge {
width: var(--content-width-xlarge);
} ._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-b {
background-color: var(--color-black-b) !important;
}
._bg-black-c {
background-color: var(--color-black-c) !important;
}
._bg-black-d {
background-color: var(--color-black-d) !important;
}
._bg-black-e {
background-color: var(--color-black-e) !important;
}
._bg-gray {
background-color: var(--color-gray) !important;
}
._bg-gray-b {
background-color: var(--color-gray-b) !important;
}
._bg-gray-c {
background-color: var(--color-gray-c) !important;
}
._bg-grayishblue {
background-color: var(--color-grayishblue) !important;
}
._bg-grayishblue-b {
background-color: var(--color-grayishblue-b) !important;
}
._bg-grayishblue-c {
background-color: var(--color-grayishblue-c) !important;
}
._bg-grayishblue-d {
background-color: var(--color-grayishblue-d) !important;
}
._bg-grayishblue-e {
background-color: var(--color-grayishblue-e) !important;
}
._bg-grayishblue-f {
background-color: var(--color-grayishblue-f) !important;
}
._bg-blue {
background-color: var(--color-blue) !important;
}
._bg-blue-b {
background-color: var(--color-blue-b) !important;
}
._bg-blue-c {
background-color: var(--color-blue-c) !important;
}
._bg-blue-d {
background-color: var(--color-blue-d) !important;
}
._bg-blue-e {
background-color: var(--color-blue-e) !important;
}
._bg-turquoise {
background-color: var(--color-turquoise) !important;
}
._bg-turquoise-b {
background-color: var(--color-turquoise-b) !important;
}
._bg-pink {
background-color: var(--color-pink) !important;
}
._bg-pink-b {
background-color: var(--color-pink-b) !important;
}
._bg-pink-c {
background-color: var(--color-pink-c) !important;
}
._bg-yellow {
background-color: var(--color-yellow) !important;
}
._bg-yellow-b {
background-color: var(--color-yellow-b) !important;
}
._bg-shadow {
background-color: var(--color-shadow) !important;
}
._bg-shadow-yellow {
background-color: var(--color-shadow-yellow) !important;
}
._font-sans {
font-family: var(--font-sans) !important;
}
._font-en {
font-family: var(--font-en) !important;
}
._font-senobi {
font-family: var(--font-senobi) !important;
}
._text-white {
color: var(--color-white) !important;
}
._text-offwhite {
color: var(--color-offwhite) !important;
}
._text-black {
color: var(--color-black) !important;
}
._text-black-b {
color: var(--color-black-b) !important;
}
._text-black-c {
color: var(--color-black-c) !important;
}
._text-black-d {
color: var(--color-black-d) !important;
}
._text-black-e {
color: var(--color-black-e) !important;
}
._text-gray {
color: var(--color-gray) !important;
}
._text-gray-b {
color: var(--color-gray-b) !important;
}
._text-gray-c {
color: var(--color-gray-c) !important;
}
._text-grayishblue {
color: var(--color-grayishblue) !important;
}
._text-grayishblue-b {
color: var(--color-grayishblue-b) !important;
}
._text-grayishblue-c {
color: var(--color-grayishblue-c) !important;
}
._text-grayishblue-d {
color: var(--color-grayishblue-d) !important;
}
._text-grayishblue-e {
color: var(--color-grayishblue-e) !important;
}
._text-grayishblue-f {
color: var(--color-grayishblue-f) !important;
}
._text-blue {
color: var(--color-blue) !important;
}
._text-blue-b {
color: var(--color-blue-b) !important;
}
._text-blue-c {
color: var(--color-blue-c) !important;
}
._text-blue-d {
color: var(--color-blue-d) !important;
}
._text-blue-e {
color: var(--color-blue-e) !important;
}
._text-turquoise {
color: var(--color-turquoise) !important;
}
._text-turquoise-b {
color: var(--color-turquoise-b) !important;
}
._text-pink {
color: var(--color-pink) !important;
}
._text-pink-b {
color: var(--color-pink-b) !important;
}
._text-pink-c {
color: var(--color-pink-c) !important;
}
._text-yellow {
color: var(--color-yellow) !important;
}
._text-yellow-b {
color: var(--color-yellow-b) !important;
}
._text-shadow {
color: var(--color-shadow) !important;
}
._text-shadow-yellow {
color: var(--color-shadow-yellow) !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;
}
}
._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-7 {
margin: 3.5em !important;
}
._m-8 {
margin: 4em !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;
}
._m-n7 {
margin: -3.5em !important;
}
._m-n8 {
margin: -4em !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-7 {
margin-top: 3.5em !important;
}
._mt-8 {
margin-top: 4em !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;
}
._mt-n7 {
margin-top: -3.5em !important;
}
._mt-n8 {
margin-top: -4em !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-7 {
margin-right: 3.5em !important;
}
._mr-8 {
margin-right: 4em !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;
}
._mr-n7 {
margin-right: -3.5em !important;
}
._mr-n8 {
margin-right: -4em !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-7 {
margin-bottom: 3.5em !important;
}
._mb-8 {
margin-bottom: 4em !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;
}
._mb-n7 {
margin-bottom: -3.5em !important;
}
._mb-n8 {
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
}
._ml-8 {
margin-left: 4em !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;
}
._ml-n7 {
margin-left: -3.5em !important;
}
._ml-n8 {
margin-left: -4em !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-7 {
margin-top: 3.5em !important;
margin-bottom: 3.5em !important;
}
._my-8 {
margin-top: 4em !important;
margin-bottom: 4em !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;
}
._my-n7 {
margin-top: -3.5em !important;
margin-bottom: -3.5em !important;
}
._my-n8 {
margin-top: -4em !important;
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
margin-right: 3.5em !important;
}
._mx-8 {
margin-left: 4em !important;
margin-right: 4em !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;
}
._mx-n7 {
margin-left: -3.5em !important;
margin-right: -3.5em !important;
}
._mx-n8 {
margin-left: -4em !important;
margin-right: -4em !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-7 {
margin: 3.5em !important;
}
._m-sm-8 {
margin: 4em !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;
}
._m-sm-n7 {
margin: -3.5em !important;
}
._m-sm-n8 {
margin: -4em !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-7 {
margin-top: 3.5em !important;
}
._mt-sm-8 {
margin-top: 4em !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;
}
._mt-sm-n7 {
margin-top: -3.5em !important;
}
._mt-sm-n8 {
margin-top: -4em !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-7 {
margin-right: 3.5em !important;
}
._mr-sm-8 {
margin-right: 4em !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;
}
._mr-sm-n7 {
margin-right: -3.5em !important;
}
._mr-sm-n8 {
margin-right: -4em !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-7 {
margin-bottom: 3.5em !important;
}
._mb-sm-8 {
margin-bottom: 4em !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;
}
._mb-sm-n7 {
margin-bottom: -3.5em !important;
}
._mb-sm-n8 {
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
}
._ml-sm-8 {
margin-left: 4em !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;
}
._ml-sm-n7 {
margin-left: -3.5em !important;
}
._ml-sm-n8 {
margin-left: -4em !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-7 {
margin-top: 3.5em !important;
margin-bottom: 3.5em !important;
}
._my-sm-8 {
margin-top: 4em !important;
margin-bottom: 4em !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;
}
._my-sm-n7 {
margin-top: -3.5em !important;
margin-bottom: -3.5em !important;
}
._my-sm-n8 {
margin-top: -4em !important;
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
margin-right: 3.5em !important;
}
._mx-sm-8 {
margin-left: 4em !important;
margin-right: 4em !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;
}
._mx-sm-n7 {
margin-left: -3.5em !important;
margin-right: -3.5em !important;
}
._mx-sm-n8 {
margin-left: -4em !important;
margin-right: -4em !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-7 {
margin: 3.5em !important;
}
._m-md-8 {
margin: 4em !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;
}
._m-md-n7 {
margin: -3.5em !important;
}
._m-md-n8 {
margin: -4em !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-7 {
margin-top: 3.5em !important;
}
._mt-md-8 {
margin-top: 4em !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;
}
._mt-md-n7 {
margin-top: -3.5em !important;
}
._mt-md-n8 {
margin-top: -4em !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-7 {
margin-right: 3.5em !important;
}
._mr-md-8 {
margin-right: 4em !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;
}
._mr-md-n7 {
margin-right: -3.5em !important;
}
._mr-md-n8 {
margin-right: -4em !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-7 {
margin-bottom: 3.5em !important;
}
._mb-md-8 {
margin-bottom: 4em !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;
}
._mb-md-n7 {
margin-bottom: -3.5em !important;
}
._mb-md-n8 {
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
}
._ml-md-8 {
margin-left: 4em !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;
}
._ml-md-n7 {
margin-left: -3.5em !important;
}
._ml-md-n8 {
margin-left: -4em !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-7 {
margin-top: 3.5em !important;
margin-bottom: 3.5em !important;
}
._my-md-8 {
margin-top: 4em !important;
margin-bottom: 4em !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;
}
._my-md-n7 {
margin-top: -3.5em !important;
margin-bottom: -3.5em !important;
}
._my-md-n8 {
margin-top: -4em !important;
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
margin-right: 3.5em !important;
}
._mx-md-8 {
margin-left: 4em !important;
margin-right: 4em !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;
}
._mx-md-n7 {
margin-left: -3.5em !important;
margin-right: -3.5em !important;
}
._mx-md-n8 {
margin-left: -4em !important;
margin-right: -4em !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-7 {
margin: 3.5em !important;
}
._m-lg-8 {
margin: 4em !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;
}
._m-lg-n7 {
margin: -3.5em !important;
}
._m-lg-n8 {
margin: -4em !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-7 {
margin-top: 3.5em !important;
}
._mt-lg-8 {
margin-top: 4em !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;
}
._mt-lg-n7 {
margin-top: -3.5em !important;
}
._mt-lg-n8 {
margin-top: -4em !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-7 {
margin-right: 3.5em !important;
}
._mr-lg-8 {
margin-right: 4em !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;
}
._mr-lg-n7 {
margin-right: -3.5em !important;
}
._mr-lg-n8 {
margin-right: -4em !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-7 {
margin-bottom: 3.5em !important;
}
._mb-lg-8 {
margin-bottom: 4em !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;
}
._mb-lg-n7 {
margin-bottom: -3.5em !important;
}
._mb-lg-n8 {
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
}
._ml-lg-8 {
margin-left: 4em !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;
}
._ml-lg-n7 {
margin-left: -3.5em !important;
}
._ml-lg-n8 {
margin-left: -4em !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-7 {
margin-top: 3.5em !important;
margin-bottom: 3.5em !important;
}
._my-lg-8 {
margin-top: 4em !important;
margin-bottom: 4em !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;
}
._my-lg-n7 {
margin-top: -3.5em !important;
margin-bottom: -3.5em !important;
}
._my-lg-n8 {
margin-top: -4em !important;
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
margin-right: 3.5em !important;
}
._mx-lg-8 {
margin-left: 4em !important;
margin-right: 4em !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;
}
._mx-lg-n7 {
margin-left: -3.5em !important;
margin-right: -3.5em !important;
}
._mx-lg-n8 {
margin-left: -4em !important;
margin-right: -4em !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-7 {
margin: 3.5em !important;
}
._m-xl-8 {
margin: 4em !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;
}
._m-xl-n7 {
margin: -3.5em !important;
}
._m-xl-n8 {
margin: -4em !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-7 {
margin-top: 3.5em !important;
}
._mt-xl-8 {
margin-top: 4em !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;
}
._mt-xl-n7 {
margin-top: -3.5em !important;
}
._mt-xl-n8 {
margin-top: -4em !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-7 {
margin-right: 3.5em !important;
}
._mr-xl-8 {
margin-right: 4em !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;
}
._mr-xl-n7 {
margin-right: -3.5em !important;
}
._mr-xl-n8 {
margin-right: -4em !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-7 {
margin-bottom: 3.5em !important;
}
._mb-xl-8 {
margin-bottom: 4em !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;
}
._mb-xl-n7 {
margin-bottom: -3.5em !important;
}
._mb-xl-n8 {
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
}
._ml-xl-8 {
margin-left: 4em !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;
}
._ml-xl-n7 {
margin-left: -3.5em !important;
}
._ml-xl-n8 {
margin-left: -4em !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-7 {
margin-top: 3.5em !important;
margin-bottom: 3.5em !important;
}
._my-xl-8 {
margin-top: 4em !important;
margin-bottom: 4em !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;
}
._my-xl-n7 {
margin-top: -3.5em !important;
margin-bottom: -3.5em !important;
}
._my-xl-n8 {
margin-top: -4em !important;
margin-bottom: -4em !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-7 {
margin-left: 3.5em !important;
margin-right: 3.5em !important;
}
._mx-xl-8 {
margin-left: 4em !important;
margin-right: 4em !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;
}
._mx-xl-n7 {
margin-left: -3.5em !important;
margin-right: -3.5em !important;
}
._mx-xl-n8 {
margin-left: -4em !important;
margin-right: -4em !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;
}
._p-7 {
padding: 3.5em !important;
}
._p-8 {
padding: 4em !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;
}
._pt-7 {
padding-top: 3.5em !important;
}
._pt-8 {
padding-top: 4em !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;
}
._pr-7 {
padding-right: 3.5em !important;
}
._pr-8 {
padding-right: 4em !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;
}
._pb-7 {
padding-bottom: 3.5em !important;
}
._pb-8 {
padding-bottom: 4em !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;
}
._pl-7 {
padding-left: 3.5em !important;
}
._pl-8 {
padding-left: 4em !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;
}
._py-7 {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
}
._py-8 {
padding-top: 4em !important;
padding-bottom: 4em !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;
}
._px-7 {
padding-left: 3.5em !important;
padding-right: 3.5em !important;
}
._px-8 {
padding-left: 4em !important;
padding-right: 4em !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;
}
._p-sm-7 {
padding: 3.5em !important;
}
._p-sm-8 {
padding: 4em !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;
}
._pt-sm-7 {
padding-top: 3.5em !important;
}
._pt-sm-8 {
padding-top: 4em !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;
}
._pr-sm-7 {
padding-right: 3.5em !important;
}
._pr-sm-8 {
padding-right: 4em !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;
}
._pb-sm-7 {
padding-bottom: 3.5em !important;
}
._pb-sm-8 {
padding-bottom: 4em !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;
}
._pl-sm-7 {
padding-left: 3.5em !important;
}
._pl-sm-8 {
padding-left: 4em !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;
}
._py-sm-7 {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
}
._py-sm-8 {
padding-top: 4em !important;
padding-bottom: 4em !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;
}
._px-sm-7 {
padding-left: 3.5em !important;
padding-right: 3.5em !important;
}
._px-sm-8 {
padding-left: 4em !important;
padding-right: 4em !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;
}
._p-md-7 {
padding: 3.5em !important;
}
._p-md-8 {
padding: 4em !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;
}
._pt-md-7 {
padding-top: 3.5em !important;
}
._pt-md-8 {
padding-top: 4em !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;
}
._pr-md-7 {
padding-right: 3.5em !important;
}
._pr-md-8 {
padding-right: 4em !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;
}
._pb-md-7 {
padding-bottom: 3.5em !important;
}
._pb-md-8 {
padding-bottom: 4em !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;
}
._pl-md-7 {
padding-left: 3.5em !important;
}
._pl-md-8 {
padding-left: 4em !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;
}
._py-md-7 {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
}
._py-md-8 {
padding-top: 4em !important;
padding-bottom: 4em !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;
}
._px-md-7 {
padding-left: 3.5em !important;
padding-right: 3.5em !important;
}
._px-md-8 {
padding-left: 4em !important;
padding-right: 4em !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;
}
._p-lg-7 {
padding: 3.5em !important;
}
._p-lg-8 {
padding: 4em !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;
}
._pt-lg-7 {
padding-top: 3.5em !important;
}
._pt-lg-8 {
padding-top: 4em !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;
}
._pr-lg-7 {
padding-right: 3.5em !important;
}
._pr-lg-8 {
padding-right: 4em !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;
}
._pb-lg-7 {
padding-bottom: 3.5em !important;
}
._pb-lg-8 {
padding-bottom: 4em !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;
}
._pl-lg-7 {
padding-left: 3.5em !important;
}
._pl-lg-8 {
padding-left: 4em !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;
}
._py-lg-7 {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
}
._py-lg-8 {
padding-top: 4em !important;
padding-bottom: 4em !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;
}
._px-lg-7 {
padding-left: 3.5em !important;
padding-right: 3.5em !important;
}
._px-lg-8 {
padding-left: 4em !important;
padding-right: 4em !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;
}
._p-xl-7 {
padding: 3.5em !important;
}
._p-xl-8 {
padding: 4em !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;
}
._pt-xl-7 {
padding-top: 3.5em !important;
}
._pt-xl-8 {
padding-top: 4em !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;
}
._pr-xl-7 {
padding-right: 3.5em !important;
}
._pr-xl-8 {
padding-right: 4em !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;
}
._pb-xl-7 {
padding-bottom: 3.5em !important;
}
._pb-xl-8 {
padding-bottom: 4em !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;
}
._pl-xl-7 {
padding-left: 3.5em !important;
}
._pl-xl-8 {
padding-left: 4em !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;
}
._py-xl-7 {
padding-top: 3.5em !important;
padding-bottom: 3.5em !important;
}
._py-xl-8 {
padding-top: 4em !important;
padding-bottom: 4em !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;
}
._px-xl-7 {
padding-left: 3.5em !important;
padding-right: 3.5em !important;
}
._px-xl-8 {
padding-left: 4em !important;
padding-right: 4em !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;
}
}
._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-normal {
font-weight: 400 !important;
}
._font-medium {
font-weight: 500 !important;
}
._font-semibold {
font-weight: 600 !important;
}
._font-bold {
font-weight: 700 !important;
}
._font-xsmall {
font-size: 0.8em !important;
}
._font-small {
font-size: 0.9em !important;
}
._font-base {
font-size: 1em !important;
}
._font-large {
font-size: 1.1em !important;
}
._font-xlarge {
font-size: 1.2em !important;
}
._font-2xlarge {
font-size: 1.4em !important;
}
._font-3xlarge {
font-size: 2em !important;
}
._leading-none {
line-height: 1 !important;
}
._leading-2xsmall {
line-height: 1.8 !important;
}
._leading-xsmall {
line-height: 2 !important;
}
._leading-small {
line-height: 2.2 !important;
}
._leading-medium {
line-height: 2.4 !important;
}
._leading-large {
line-height: 2.6 !important;
}
._leading-xlarge {
line-height: 2.8 !important;
}
._leading-2xlarge {
line-height: 3 !important;
}:root{
--icon-newWindow: 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.5%2014.5h-10v-10h1v9h9z%22%2F%3E%3Cpath%20d%3D%22M14.5%2012H4V1.5h10.5V12zM5%2011h8.5V2.5H5V11z%22%2F%3E%3Cpath%20d%3D%22M7.5%204.5v1h2.29L6.63%208.66l.71.71%203.16-3.16V8.5h1v-4z%22%2F%3E%3C%2Fsvg%3E");
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in-image {
opacity: 0;
}
.fade-in-image.animationstart {
animation: fadeInUp 1s ease forwards;
}
.fade-in-image.animationstart:nth-child(1) {
animation-delay: 0.5s;
}
.fade-in-image.animationstart:nth-child(2) {
animation-delay: 0.7s;
}
.fade-in-image.animationstart:nth-child(3) {
animation-delay: 0.9s;
}
@keyframes poyoyon {
0% {
transform: translateX(140px);
opacity: 0;
}
50% {
transform: translateX(0);
}
65% {
transform: translateX(30px);
}
100% {
transform: translateX(0);
}
20%,100% {
opacity: 1;
}
}
.animation-poyoyon{
opacity: 0;
}
.animation-poyoyon.is-visible{
animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-10px);
}
}
.bounce {
animation: bounce 2s ease 3;
} .jq-top {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.jq-first{
position: relative;
margin: clamp(20px, 2.0833333333vw, 40px) auto;
}
.jq-first > .jq-first__txt{
text-align: center;
line-height: 2.2;
font-size: var(--font-18-fluid);
max-width: 500px;
width: 100%;
}
.jq-first > .inner > .img{
position: absolute;
bottom: 60px;
left: -250px;
}
.jq-first > .inner > .flx{
display: flex;
flex-direction: column;
gap: 20px;
position: absolute;
bottom: 0px;
right: -270px;
}
.jq-first > .inner > .flx > .img.-bottom{
position: relative;
left: -80px;
bottom: 0;
}
.jq-second{
margin: clamp(10px, 2.0833333333vw, 40px) auto;
}
.jq-second > .jq-second__txt{
color: var(--color-pink);
font-size: var(--font-27-fluid);
margin-right: 0.6em;
font-style: italic;
font-weight: 400;
}
.jq-third{
position: relative;
margin: clamp(20px, 2.0833333333vw, 40px) auto;
}
.jq-third > .jq-third__txt{
text-align: center;
line-height: 2.2;
font-size: var(--font-18-fluid);
max-width: 500px;
width: 100%;
}
.jq-third > .inner > .flx{
display: flex;
flex-direction: column;
gap: 20px;
position: absolute;
top: 5px;
left: -100px;
}
.jq-third > .inner > .flx > .img.-bottom{
position: relative;
top: -20px;
left: -200px;
}
.jq-third > .inner > .img{
position: absolute;
top: -25px;
right: -300px;
}
@media (max-width:999px) {
.jq-first > .inner > .img{
bottom: 25px;
left: -160px;
}
.jq-first > .inner > .flx{
gap: 10px;
bottom: 0;
right: -190px;
}
.jq-first > .inner > .flx > .img.-bottom{
left: -20px;
}
.jq-third > .inner > .img{
right: -150px;
}
.jq-third > .inner > .flx{
left: -60px;
}
.jq-third > .inner > .flx > .img.-bottom{
left: -110px;
}
}
@media (max-width:560px) {
.jq-first > .inner{
display: none;
margin-top: 40px;
align-items: center;
justify-content: center;
}
.jq-first > .inner > .img{
position: unset;
}
.jq-first > .inner > .flx{
position: unset;
align-items: center;
flex-direction: row-reverse;
gap: 0;
}
.jq-second > .jq-second__txt{
margin-right: 0;
}
.jq-third > .inner{
display: none;
margin-top: 40px;
align-items: center;
justify-content: center;
}
.jq-third > .inner > .img{
position: unset;
}
.jq-third > .inner > .flx{
position: unset;
align-items: center;
flex-direction: row-reverse;
gap: 0;
}
.jq-first > .inner > .flx > .img.-bottom{
position: unset;
}
.jq-first > .jq-first__txt{
text-align: left;
}
.jq-third > .jq-third__txt{
text-align: left;
}
}
.jq-img{
max-width: 1200px;
width: 100%;
margin: clamp(20px, 2.0833333333vw, 40px) auto;
}
.jq-slider > .splide__track > .splide__list > .splide__slide img {
height: auto;
width: 100%;
max-width: 200px;
border-radius: 32px;
border: 2px solid var(--color-black-b);
}
.jq-slider > .splide__track > .splide__list > .splide__slide:nth-child(odd) {
transform: translateY(15px);
}
.jq-slider > .splide__track > .splide__list {
height: 350px;
}
@media (max-width:767px) {
.jq-img{
margin-top: 60px;
}
.jq-slider > .splide__track > .splide__list > .splide__slide img {
max-width: 160px;
}
.jq-slider > .splide__track > .splide__list{
height: 300px;
}
}
@media (max-width:560px){
.jq-img{
margin-top: 20px;
}
}
.jq-content{
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 40px 20px;
}
.jq-content > .jq-content__txt > h2{
text-align: center;
color: var(--color-pink);
font-size: var(--font-27-fluid);
font-style: italic;
font-weight: 400;
}
.jq-content > .jq-content__txt > p{
text-align: center;
line-height: 2.2;
font-size: var(--font-18-fluid);
margin-top: 1em;
}
.jq-content > .jq-content__txt > p.text-with-line{
display: flex;
align-items: center;
justify-content: center;
gap: 1em;
max-width: 100%;
}
.jq-content > .jq-content__txt > p.text-with-line::after{
content: "";
height: .75px; 
background-color: var(--color-black-b);
flex-grow: .1;
min-width: 10px;
margin-top: 5px;
}
.jq-main{
background-image: linear-gradient(90deg, rgba(160, 224, 232, 0.1), rgba(42, 83, 210, 0.1));
margin: 330px 0 0;
padding: 130px 3%;
position: relative;
}
.jq-main > .jq-main__wrap{
max-width: 1200px;
width: 100%;
margin: 0 auto;
background-color: var(--color-white);
border-radius: 16px;
}
.jq-main > .jq-main__wrap > .main-img{
position: absolute;
top: -20px;
left: 50%;
max-width: 1200px;
width: 100%;
text-align: center;
padding: 0 5%;
transform: translateY(-50%) translateX(-50%);
}
.jq-main > .jq-main__wrap > .inner{
padding: 200px  clamp(50px, 7.8125vw, 200px) clamp(50px, 7.8125vw, 200px);
}
.jq-main > .jq-main__wrap > .inner > .txt{
background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); background-size: 100% 2.5em; line-height: 2.5em; padding-bottom: 1px; font-size: 18px;
}
.jq-main > .jq-main__wrap > .inner > .txt > p.line{
position: relative;
display: inline-block;
font-weight: 500;
z-index: 1;
}
.jq-main > .jq-main__wrap > .inner > .txt > p.line::after{
content: '';
position: absolute;
left: -5%;
bottom: 2%;
width: 100%;
height: 1.1em; 
background-color: var(--color-yellow-b);
z-index: -1;
transform: skew(-12deg) rotate(-4deg); 
}
.jq-main > .jq-main__wrap > .inner > .txt > p > span{
color: var(--color-pink);
}
.jq-main > .jq-main__wrap > .inner > .txt > .img{
text-align: center;
padding: 0 1%;
height: 225px;
}
@media (max-width:980px) {
.jq-main > .jq-main__wrap > .inner{
padding-top: clamp(80px, 15.306122449vw, 150px);
}
.jq-main{
margin: 30% 0 0;
}
}
@media (max-width:767px) {
.jq-main{
padding: 90px 3%;
}
.jq-main > .jq-main__wrap > .inner > .txt{
font-size: 16px;
}
.jq-main > .jq-main__wrap > .inner > .txt > .img{
height: 200px;
}
}
@media (max-width:650px) {
.jq-main > .jq-main__wrap > .inner > .txt > .img{
height: 160px;
}
}
@media (max-width:560px) {
.jq-main{
padding: 10% 3% 15%;
}
.jq-main > .jq-main__wrap > .inner{
padding-top: 22%;
padding-inline: 1.5em;
}
.jq-main > .jq-main__wrap > .inner > .txt > .img{
height: 120px;
}
}
@media (max-width:440px) {
.jq-main > .jq-main__wrap > .inner > .txt > .img{
height: 80px;
}
}
.jq-connection{
position: relative;
max-width: 1350px;
width: 100%;
margin: 100px auto 100px;
padding: 0 3%;
} .jq-connection.-marg0{
margin: 0 auto 100px;
} .jq-connection > .ttl{
position: absolute;
top: -142px;
left: 0;
width: 100%;
padding: 0 1%;
container-type: inline-size;
overflow: auto;
}
.jq-connection > .ttl > h2{
font-family: var(--font-en);
font-weight: 900;
font-size: 62px;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--color-white);
-webkit-text-stroke: 2px var(--color-black-b); 
text-align: center;
}
@container (max-width: 1200px) {
.jq-connection > .ttl > h2{
font-size: 50px;
}
}
@container (max-width: 935px) {
.jq-connection > .ttl > h2{
font-size: 35px;
}
}
@container (max-width: 460px) {
.jq-connection > .ttl > h2{
font-size: 25px;
}
}
.jq-connection__section > .ttl{
display: flex;
justify-content: space-between;
align-items: center;
}
.jq-connection__section > .ttl > .scroll-text-container {
position: relative;
width: 75%;
overflow: hidden;
padding: 1em 0;
}
.jq-connection__section > .ttl.-company > .scroll-text-container{
width: 55%;
}
.jq-connection__section > .ttl > .scroll-text-container > .scroll-text {
display: inline-block;
white-space: nowrap;
padding-left: 100%;
animation: scrollText 30s linear infinite;
}
@keyframes scrollText {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.jq-connection__section > .ttl.-company > .-jq-action{
border-left: 1px solid #222;
padding-left: 4%;
}
.jq-connection__section{
margin-bottom: clamp(40px, 4.1666666667vw, 80px);
}
.pickup-body{
margin-top: clamp(24px, 2.0833333333vw, 40px);
}
.pickup-body > .-jq-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: clamp(10px, 1.0416666667vw, 20px);
}
.c-grid.-jq-grid > .-jq-item:nth-child(even){
transform: none;
}
.c-card.-home-pickup.-jq-card > .body > .deco.-a{
transform: translate(-3%,5%);
}
.c-card.-home-pickup.-jq-card > .body > .deco.-d{
transform: translate(0%,0%);
}
.c-card.-home-pickup.-jq-card > .body > .deco.-b{
transform: translate(0%,0%);
}
.jq-connection__section > .-jq-body{
margin-top: clamp(24px, 2.0833333333vw, 40px);
}
@media (max-width:1200px) {
.jq-connection > .ttl{
top: -135px;
}
}
@media (max-width:935px) {
.jq-connection > .ttl{
top: -125px;
}
}
@media (max-width:960px) {
.jq-connection__section > .ttl > .scroll-text-container {
width: 60%;
}
.jq-connection__section > .ttl.-company > .scroll-text-container{
width: 60%;
}
}
@media (max-width:600px) {
.pickup-body > .-jq-grid{
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.jq-connection__section > .ttl > .scroll-text-container{
padding-bottom: 0;
}
}
@media (max-width:560px) {
.jq-connection__section > .ttl{
display: block;
}
.jq-connection__section > .ttl > .scroll-text-container,
.jq-connection__section > .ttl.-company > .scroll-text-container{
width: 100%;
}
}
@media (max-width:460px) {
.jq-connection > .ttl{
top: -115px;
}
} .shake-on-appear.is-visible {
animation: shake 2.5s 1;
opacity: 1;
}
@keyframes shake {
0%, 40% {
transform: skew(0deg, 0deg);
}
5% {
transform: skew(5deg, 5deg);
}
10% {
transform: skew(-4deg, -4deg);
}
15% {
transform: skew(3deg, 3deg);
}
20% {
transform: skew(-2deg, -2deg);
}
25% {
transform: skew(1deg, 1deg);
}
30% {
transform: skew(-0.6deg, -0.6deg);
}
35% {
transform: skew(0.3deg, 0.3deg);
}
}
.animation-fuwa{
animation: fuwafuwa 2.5s linear infinite alternate;
scale: 1;
}
@keyframes fuwafuwa{
0%{transform:translateY(0)}
50%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
.work-top{
width: var(--content-width-medium-b);
margin-inline: auto;
padding: 40px clamp(0px, 1.0416666667vw, 20px) clamp(20px, 5.2083333333vw, 100px);
}
.work-top > .wrap > .speech-bubble-container {
display: flex;
justify-content: center;
gap: 32px;
padding: 32px;
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble {
position: relative;
min-width: 279px;
padding: 16px 32px;
text-align: center;
background: white;
border: 1px solid var(--color-black);
border-radius: 8px;
display: inline-block;
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble::after {
content: '';
position: absolute;
bottom: -9px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 16px;
height: 16px;
background: white;
border-right: 1px solid var(--color-black);
border-bottom: 1px solid var(--color-black);
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble > p {
font-size: var(--font-26-fluid);
font-weight: 500;
margin: 0;
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble > p > .pink {
color: var(--color-pink);
font-size: var(--font-32-fluid);
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble > p > .blue {
color: var(--color-turquoise);
font-size: var(--font-32-fluid);
}
.work-top > .wrap > .speech-bubble-container > .speech-bubble > p > .-f20{
font-size: var(--font-20-fluid);
}
.work-top > .wrap >.txt{
text-align: center;
margin-top: 20px;
}
.work-top > .wrap >.txt > p{
line-height: 2.2;
font-size: var(--font-18-fluid);
}
@media (max-width:640px) {
.work-top > .wrap > .speech-bubble-container > .speech-bubble {
min-width: 200px;
}
}
@media (max-width:560px) {
.work-top > .wrap >.txt > p{
text-align: left;
}
}
@media (max-width:460px) {
.work-top > .wrap > .speech-bubble-container {
flex-direction: column;
padding: 20px 0;
}
}
.work-main{
background-image: linear-gradient(90deg, rgba(160, 224, 232, 0.1), rgba(42, 83, 210, 0.1));
margin: 300px 0 0;
padding: 130px 3% clamp(40px, 5.2083333333vw, 100px);
position: relative;
}
.work-main > .wrap{
width: var(--content-width-medium-b);
margin-inline: auto;
padding: 230px 0 clamp(40px, 4.1666666667vw, 80px);
}
.work-main > .wrap > .main-img{
position: absolute;
top: -20px;
left: 50%;
width: var(--content-width-medium-b);
text-align: center;
width: 100%;
padding: 0 5%;
transform: translateY(-50%) translateX(-50%);
}
.work-main > .wrap > .container > .inner > .list{
position: relative;
background: var(--color-white);
border: 2px solid var(--color-blue);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 #cfd4e7;
padding: 80px 5% 100px;
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container {
position: absolute;
top: -2.5%;
left: 50%;
transform: translateX(-50%);
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble{
position: relative;
min-width: 399px;
padding: 16px 32px;
text-align: center;
background: white;
border: 1px solid var(--color-black);
border-radius: 8px;
display: inline-block;
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble::after {
content: '';
position: absolute;
bottom: -9px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 16px;
height: 16px;
background: white;
border-right: 1px solid var(--color-black);
border-bottom: 1px solid var(--color-black);
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble > p {
font-size: var(--font-32-fluid);
font-weight: 500;
margin: 0;
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.work-main > .wrap > .container > .inner > .list > .item{
border-bottom: 1px solid var(--color-gray-b);
padding-bottom: 40px;
margin-bottom: 40px;
}
.work-main > .wrap > .container > .inner > .list > .item:last-of-type{
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx{
display: flex;
justify-content: space-between;
align-items: center;
gap: 60px;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .img{
max-width: 240px;
width: 100%;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content{
width: 100%;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content > .ttl > h2 > .highlight{
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 1em;
text-decoration-line: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: var(--color-yellow-b);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content > .ttl > h2{
font-size: var(--font-24-fluid);
font-weight: bold;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content > .txt > p{
font-size: var(--font-18-fluid);
line-height: 2;
}
.c-icon.-pink.-work{
margin-right: 10px;
vertical-align: text-bottom;
}
.work-main > .wrap > .container.-second > .inner > .content{
position: relative;
background: var(--color-white);
border: 2px solid var(--color-blue);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 #cfd4e7;
padding: 80px 5% 80px;
margin-top: clamp(80px, 15.306122449vw, 150px);
} 
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container{
position: absolute;
top: -5%;
left: 50%;
transform: translateX(-50%);
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble{
position: relative;
min-width: 399px;
padding: 16px 32px;
text-align: center;
background: white;
border: 1px solid var(--color-black);
border-radius: 8px;
display: inline-block;
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble::after {
content: '';
position: absolute;
bottom: -9px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 16px;
height: 16px;
background: white;
border-right: 1px solid var(--color-black);
border-bottom: 1px solid var(--color-black);
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble > p {
font-size: var(--font-32-fluid);
font-weight: 500;
margin: 0;
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.work-main > .wrap > .container.-second > .inner > .content > .img{
text-align: center;
}
.work-main > .wrap > .container.-second > .inner > .content > .txt{
margin-top: 2em;
}
.work-main > .wrap > .container.-second > .inner > .content > .txt > p{
font-size: var(--font-18-fluid);
line-height: 2;
}
.work-main > .wrap > .container.-second > .inner > .message{
margin-top: clamp(40px, 5.2083333333vw, 100px);
}
.work-main > .wrap > .container.-second > .inner > .message > p{
text-align: center;
font-size: var(--font-18-fluid);
line-height: 2;
}
.work-main > .wrap > .container.-second > .inner > .movie{
text-align: center;
margin-top: clamp(40px, 5.2083333333vw, 100px);
}
.work-main > .wrap > .container.-second > .inner > .movie > iframe{
height: 315px;
}
@media (max-width:960px) {
.work-main{
margin: clamp(150px, 31.25vw, 300px) 0 0;
padding-top: clamp(0px, 6.7708333333vw, 130px);
}
}
@media (max-width:767px) {
.work-main > .wrap{
padding-top: clamp(170px, 29.9869621904vw, 230px);
}
.work-main > .wrap > .container > .inner > .list > .item > .flx{
flex-direction: column;
gap: 30px;
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container{
top: -1.5%;
}
.work-main > .wrap > .container > .inner > .list{
padding-bottom: 60px;
}
.work-main > .wrap > .container.-second > .inner > .content{
padding-bottom: 60px;
}
.work-main > .wrap > .container.-second > .inner > .message > p{
text-align: left;
}
}
@media (max-width:560px) {
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble{
min-width: 340px;
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble{
min-width: 340px;
}
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble > p {
font-size: var(--font-28-fluid);
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble > p {
font-size: var(--font-28-fluid);
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content > .txt > p{
font-size: var(--font-16-fluid);
}
.work-main > .wrap > .container.-second > .inner > .content > .txt > p{
font-size: var(--font-16-fluid);
}
.work-main > .wrap > .container.-second > .inner > .message > p{
font-size: var(--font-16-fluid);
}
}
@media (max-width:440px) {
.work-main > .wrap > .container > .inner > .list > .speech-bubble-container > .speech-bubble{
min-width: 280px;
}
.work-main > .wrap > .container.-second > .inner > .content > .speech-bubble-container > .speech-bubble{
min-width: 280px;
}
.work-main > .wrap {
padding-top: 130px;
}
.work-main > .wrap > .container > .inner > .list > .item > .flx > .content > .ttl > h2{
font-size: var(--font-21-fluid);
}
} .amazing{
background-image: linear-gradient(90deg, rgba(160, 224, 232, 0.1), rgba(42, 83, 210, 0.1));
margin: 400px 0 0;
padding: 130px 3% clamp(40px, 5.2083333333vw, 100px);
position: relative;
}
.amazing > .wrap{
width: var(--content-width-medium-b);
margin-inline: auto;
padding: 230px 0 clamp(40px, 4.1666666667vw, 80px);
}
.amazing > .wrap > .main-img{
position: absolute;
top: -20px;
left: 50%;
width: var(--content-width-medium-b);
text-align: center;
width: 100%;
padding: 0 5%;
transform: translateY(-50%) translateX(-50%);
}
.amazing > .wrap > .container > .inner > .item{
background: var(--color-white);
border: 2px solid var(--color-blue);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 #cfd4e7;
padding: 50px 5% 80px;
}
.amazing > .wrap > .container > .inner > .item + .item{
margin-top: clamp(50px, 6.25vw, 120px);
}
.amazing > .wrap > .container > .inner > .item > .flx{
display: flex;
align-items: flex-end;
gap: 10px;
border-bottom: 2px solid var(--color-black);
}
.amazing > .wrap > .container > .inner > .item > .flx > .content{
padding-bottom: 0.7em;
} 
.amazing > .wrap > .container > .inner > .item > .flx > .content > p{
font-size: var(--font-17-fluid);
color: var(--color-turquoise);
font-family: var(--font-senobi);
}
.amazing > .wrap > .container > .inner > .item > .flx > .content > h2{
font-size: var(--font-32-fluid);
font-style: italic;
font-weight: bold;
color: var(--color-black);
position: relative;
z-index: 1;
display: inline-block;
text-decoration-line: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: var(--color-yellow-b);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.amazing > .wrap > .container > .inner > .item > .flx > .content > h2 > span{
font-size: var(--font-22-fluid);
}
.amazing > .wrap > .container > .inner > .item > .img{
text-align: center;
margin-top:clamp(20px, 2.6041666667vw, 50px);
}
.amazing > .wrap > .container > .inner > .item > .grid-img{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
justify-items: center;
gap: clamp(10px, 1.3020833333vw, 25px);
width: min(784px , 100%);
margin: 0 auto;
}
.amazing > .wrap > .container > .inner > .item > .grid-img > figure{
width: min(380px , 100%);
position: relative;
border: 2px solid var(--color-black);
}
.amazing > .wrap > .container > .inner > .item > .grid-img > figure > figcaption{
position: absolute;
bottom: 0;
left: 0;
color: var(--color-white);
background: #000000c6;
width: 100%;
padding: 10px clamp(10px, 1.0416666667vw, 20px);
font-size: var(--font-17-fluid);
}
.amazing > .wrap > .container > .inner > .item > .grid-img > figure > figcaption > span{
font-size: var(--font-14-fluid);
padding-right: clamp(10px, 1.0416666667vw, 20px);
margin-right: clamp(10px, 1.0416666667vw, 20px);
border-right: 1.5px solid var(--color-white);
}
.amazing > .wrap > .container > .inner > .item > .txt{
margin-top:clamp(20px, 2.6041666667vw, 50px);
font-size: var(--font-18-fluid);
line-height: 2;
}
.amazing > .wrap > .container > .inner > .item > .txt.-selections{
margin-bottom: clamp(20px, 2.6041666667vw, 50px);
}
@media (max-width:960px) {
.amazing{
margin: clamp(150px, 41.6666666667vw, 400px) 0 0;
padding-top: clamp(0px, 6.7708333333vw, 130px);
}
}
@media (max-width:767px) {
.amazing > .wrap{
padding-top: clamp(120px, 26.075619296vw, 200px);
}
.amazing > .wrap > .container > .inner > .item{
padding-top: 30px;
padding-bottom: 50px;
}
.amazing > .wrap > .container > .inner > .item > .grid-img{
grid-template-columns: repeat(1, 1fr);
}
.amazing > .wrap > .container > .inner > .item > .grid-img > figure{
width: 100%;
}
}
@media (max-width:560px) {
.amazing > .wrap > .container > .inner > .item > .flx{
gap: 0;
}
.amazing > .wrap > .container > .inner > .item > .flx > .icon{
width: 84px;
}
.amazing > .wrap > .container > .inner > .item > .flx > .content > h2{
font-size: var(--font-25-fluid);
}
.amazing > .wrap > .container > .inner > .item > .flx > .content > h2 > span{
font-size: var(--font-18-fluid);
}
}
@media (max-width:372px) {
.amazing > .wrap > .container > .inner > .item > .flx > .icon{
width: 75px;
}
} .privacy > .wrap {
width: var(--content-width-medium-b);
margin: clamp(50px, 5.97vw, 80px) auto clamp(100px, 7.8125vw, 150px);
}
.privacy > .wrap > .sub-ttl{
font-weight: 700;
font-size: var(--font-32-fluid);
line-height: 1.6;
display: inline-block;
margin-bottom: 15px; text-decoration-line: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: var(--color-blue-e);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.privacy > .wrap > p{
margin-bottom: clamp(20px, 2.0833333333vw, 40px);
line-height: 2;
}
.privacy > .wrap > p > .-link{
color: var(--color-blue);
text-decoration: underline;
} .c-contactForm {
color: var(--color-black-b);
line-height: 1.6;
width: var(--content-width-medium);
margin: clamp(20px, 2.0833333333vw, 40px) auto clamp(100px, 7.8125vw, 150px);
}
.c-contactForm > .lead {
display: none;
margin-bottom: clamp(50px, 5.97vw, 80px);
}
.c-contactForm > .lead > .heading {
font-weight: 700;
font-size: clamp(1.75rem, 1.553rem + 0.84vw, 2.5rem);
line-height: 1.6;
text-align: center;
color: var(--color-green);
}
.c-contactForm > .lead > .text {
margin-top: 1.5em;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.8;
text-align: center;
}
.c-contactForm > .list > .item {
gap: 0.5em 0;
padding: .7em 0;
}
.c-contactForm > .list > .item.-combine {
border-top: none;
padding-top: 0;
}
.c-contactForm > .list > .item > .label {
font-weight: 700;
display: flex;
align-items: baseline;
gap: 0.5em;
font-size: var(--font-18-fluid);
}
.c-contactForm > .list > .item > p{
padding-block: calc(0.875em + 1px);
font-size: var(--font-16-fluid);
color: var(--color-black-d);
}
.c-contactForm > .list > .item > p + p{
padding-top: 0;
}
@media (min-width: 768px) {
.c-contactForm > .list > .item > p{
padding-block: 0 calc(0.875em + 1px);
}  
}
@media (min-width: 768px) {
.c-contactForm > .list > .item > .label {
flex: 0 0 auto; padding: calc(0.875em + 1px) 0;
}
}
.c-contactForm > .list > .item > .label::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: var(--color-pink);
border-radius: 100%;
}
.c-contactForm > .list > .item > .label > .required {
font-size: var(--font-15-fluid);
color: var(--color-pink);
}
.c-contactForm > .list > .item > .control {
flex: 1 1 0%;
}
.c-contactForm > .list > .item > .control > select{
padding: 0.875em 1.25em;
background: white;
border: 2px solid var(--color-black-b);
border-radius: 9px;
font: inherit;
font-size: var(--font-16-fluid);
line-height: 1.6;
}
.c-contactForm > .list > .item > .control > .checkboxList > .item + .item {
margin-top: 0.5em;
}
.c-contactForm > .action {
margin-top: clamp(40px, 4.776vw, 64px);
text-align: center;
}
.c-contactForm > .action > .back {
margin-top: 1em;
padding-inline: 16%;
}
.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;
}
@media (max-width:560px) {
.c-contactForm > .list > .item{
padding: 0.5em 0;
}
} .c-formControl {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: 0.875em 1.25em;
background: white;
border: 2px solid var(--color-black-b);
border-radius: 9px;
font: inherit;
font-size: var(--font-16-fluid);
line-height: 1.6;
color: inherit;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.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.-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-contactForm > .action > .submit{
padding-inline: 16%;
}
.c-contactForm > .attention {
margin-top: 3em;
font-size: var(--font-14-fluid);
text-align: center;
}
.c-contactForm > .attention > .link {
text-decoration: underline;
color: var(--color-blue);
}
.contact-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;
}
.contact-icon.-newWindow {
-webkit-mask-image: var(--icon-newWindow);
mask-image: var(--icon-newWindow);
}
.captcha {
text-align: center;
line-height: 1.6;
margin: clamp(20px, 2.5974025974vw, 40px);
}
.captcha input {
padding: 0.625em 1em;
}
.contact-typography{
width: var(--content-width-medium);
margin: clamp(40px, 4.776vw, 64px) auto 64px;
}
.contact-action {
padding-inline: 16%;
margin-top: clamp(40px, 4.776vw, 64px);
text-align: center;
}
.contact-action > a{
text-decoration: none;
} .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%;
} #ez-toc-container {
margin-top: 3em;
margin-bottom: 3em!important;
padding: 16px 30px !important;
border: 1px solid #8c8b8b8c;
background-color: #F9F9F9; 
width: var(--content-width-medium-b);
margin-inline: auto;
}
.ez-toc-title-container{
font-family: var(--font-senobi);
text-align: center;
margin-top: 0;
font-size: var(--font-20-fluid);
margin-bottom: 1em;
}
#ez-toc-container a{
color: #2A53D2;
font-weight: bold;
font-family: var(--font-sans);
font-size: var(--font-18-fluid);
line-height: 2;
}
#ez-toc-container a:visited{
color: #2A53D2;
} .c-formControl.-archiveCompany-dataSort {
padding: 0.5em 1em 0.5em 4em;
background: var(--icon-arrow-c-down) no-repeat 20% 50% / 1.4em;
} .hero-companies{
width: var(--content-width-medium-b);
margin-inline: auto;
padding: clamp(35px, 2.6041666667vw, 50px) 0;
border-bottom: 3px dotted var(--color-black);
}
.hero-companies > .speech-bubble{
position: relative;
min-width: 230px;
padding: 16px 32px;
margin-bottom: clamp(35px, 2.6041666667vw, 50px);
text-align: center;
background: var(--color-yellow);
border: 1px solid var(--color-black-e);
border-radius: 10px;
display: inline-block;
box-shadow: 8px 8px #D8D2BB;
}
.hero-companies > .speech-bubble::before {
content: "";
position: absolute;
bottom: 0;
left: 76%;
margin-left: 0;
border-style: solid;
border-width: 25px 10px 0 10px;
border-color: var(--color-black-e) transparent transparent;
translate: -50% 100%;
filter: drop-shadow(8px 8px #D8D2BB);
}
.hero-companies > .speech-bubble::after {
content: "";
position: absolute;
bottom: 1px;
left: 76%;
margin-left: 0;
border-style: solid;
border-width: 23px 9px 0 9px;
border-color: var(--color-yellow) transparent transparent;
translate: -50% 100%;
}
.hero-companies > .speech-bubble{
font-size: var(--font-18-fluid);
font-weight: bold;
}
.hero-companies > h2{
font-size: var(--font-32-fluid);
font-weight: 900;
line-height: 2;
}
@media (max-width:560px) {
.hero-companies > h2{
line-height: 1.6;
}
}
.item-companies{
width: var(--content-width-medium-b);
margin-inline: auto;
padding:100px 0 clamp(35px, 2.6041666667vw, 50px);
}
.item-companies + .item-companies{
padding-top: 80px;
}
.item-companies > .inner{
position: relative;
border: 2px solid #A1A1A1;
padding: 80px 4.9% 54px;
background: var(--color-white);
}
.item-companies > .inner > .ttl{
position: absolute;
top: -45px;
left: 3%;
border: 1px solid var(--color-black-b);
border-radius: 8px;
background: var(--color-white);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 var(--color-black-b);
text-align: center;
padding: 16px 30px;
}
.item-companies > .inner > .ttl > h2{
font-size: var(--font-35-fluid);
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.item-companies > .inner > p{
font-size: var(--font-18-fluid);
font-weight: bold;
margin-bottom: clamp(35px, 2.6041666667vw, 50px);
line-height: 2;
}
.item-companies > .inner > .flx{
display: flex;
gap: 30px;
margin-block: 10px clamp(35px, 3.5416666667vw, 68px);
}
@media (max-width:960px) {
.item-companies > .inner > .flx{
gap: 15px;
flex-direction: column;
}
}
.item-companies > .inner > .content > .ttl > h2{
font-size: var(--font-24-fluid);
font-weight: bold;
line-height: 1.5;
display: flex;
}
.item-companies > .inner > .content > .ttl > h2::before{
--c-icon-image-size: 1em;
content: "";
display: block;
width: var(--c-icon-image-size, 1em);
height: 1lh;
background-color: currentColor;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: var(--c-icon-image-size, contain);
mask-size: var(--c-icon-image-size, contain);
mask-image: var(--icon-pickup);
margin-right: 10px;
vertical-align: text-bottom;
color: var(--color-pink);
}
.item-companies > .inner > .content > .ttl > h2 > .highlight{
position: relative;
z-index: 1;
display: inline-block;
margin-bottom: 1em;
text-decoration-line: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: var(--color-yellow-b);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.item-companies > .inner > .content > .txt{
margin-bottom: clamp(35px, 2.6041666667vw, 50px);
font-size: var(--font-18-fluid);
line-height: 2;
}
.item-companies > .inner > .txt{
margin-bottom: clamp(24px, 2.0833333333vw, 40px);
font-size: var(--font-18-fluid);
line-height: 2;
}
.item-companies > .inner > .img{
text-align: center;
}
.item-companies > .inner > .action{
margin: 10px 0 clamp(35px, 3.5416666667vw, 68px);
}
.item-companies > .inner > .wrap{
border: 2px solid #A1A1A1;
border-radius: 10px;
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
padding: 40px 0 50px;
text-align: center;
}
.item-companies > .inner > .wrap > .ttl{
margin-bottom: 20px;
}
.item-companies > .inner > .wrap > .ttl > h3{
font-size: var(--font-22-fluid);
margin-bottom: 10px;
}
.item-companies > .inner > .wrap > .ttl > p{
font-size: var(--font-22-fluid);
font-family: var(--font-en);
}
.item-companies > .inner > .wrap > .time > p{
font-size: var(--font-16-fluid);
font-family: var(--font-en);
font-weight: 400;
line-height: 1.5;
}
.item-companies > .inner > .wrap > .time > p + p{
margin-top: 10px;
}
@media (max-width:767px) {
.item-companies > .inner{
padding-top: 60px;
}
}
@media (max-width:560px) {
.item-companies > .inner > .wrap{
text-align: left;
padding: 30px 1em 30px;
}
} .hero-use{
width: var(--content-width-medium-b);
margin-inline: auto;
padding: clamp(35px, 2.6041666667vw, 50px) 0 0;
}
.hero-use > h2{
font-size: var(--font-40-fluid);
font-weight: 900;
line-height: 1.6;
text-align: center;
margin-bottom: .5em;
}
.hero-use > p{
text-align: center;
line-height: 1.6;
font-size: var(--font-18-fluid);
color: var(--color-pink);
}
@media (max-width:900px) {
.hero-use > h2{
text-align: left;
}
.hero-use > p{
text-align: left;
}
}
.item-use{
width: var(--content-width-medium-b);
margin-inline: auto;
padding:100px 0 clamp(35px, 2.6041666667vw, 50px);
}
.item-use + .item-use{
padding-top: 80px;
}
.item-use > .inner{
position: relative;
padding: 80px 4.9% 54px;
background: var(--color-white);
border: 2px solid var(--color-blue);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 #cfd4e7;
}
.item-use > .inner > .ttl{
position: absolute;
top: -45px;
left: 50%;
transform: translateX(-50%);
border: 1px solid var(--color-black-b);
border-radius: 8px;
background: var(--color-white);
box-shadow: clamp(5px, 0.5714285714vw, 8px) clamp(5px, 0.5714285714vw, 8px) 0 var(--color-black-b);
text-align: center;
padding: 16px 30px;
}
.item-use > .inner > .ttl > .content{
min-width: max-content;
}
.item-use > .inner > .ttl > .content > h2{
font-size: var(--font-35-fluid);
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.item-use > .inner > p{
font-size: var(--font-18-fluid);
font-weight: bold;
line-height: 2;
}
.item-use > .inner > p > .highlight{
position: relative;
z-index: 1;
display: inline-block;
text-decoration-line: underline;
text-decoration-thickness: 0.5em;
text-decoration-color: var(--color-yellow-b);
text-underline-offset: -0.2em;
text-decoration-skip-ink: none;
}
.item-use > .inner > .flx{
display: flex;
justify-content: center;
gap: clamp(30px, 3.125vw, 60px);
}
.item-use > .inner > .flx > .item{
max-width: 340px;
width: 100%;
}
.item-use > .inner > .flx > .item > .speech-bubble{
position: relative; width: 100%;
padding: 16px 10px;
margin-bottom: 25px;
text-align: center;
background: var(--color-yellow);
border: 1px solid var(--color-black-e);
border-radius: 10px;
display: inline-block;
box-shadow: 8px 8px #D8D2BB;
}
.item-use > .inner > .flx > .item > .speech-bubble::before {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
margin-left: 0px;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: var(--color-black-e) transparent transparent;
translate: -50% 100%;
filter: drop-shadow(8px 8px #D8D2BB);
}
.item-use > .inner > .flx > .item > .speech-bubble::after {
content: "";
position: absolute;
bottom: 1px;
left: 50%;
margin-left: 0px;
border-style: solid;
border-width: 14px 9px 0 9px;
border-color: var(--color-yellow) transparent transparent;
translate: -50% 100%;
}
.item-use > .inner > .flx > .item > .speech-bubble{
font-size: var(--font-18-fluid);
font-weight: bold;
}
.item-use > .inner > .flx > .item > .action > .-use{
width: 100%;
justify-content: center;
}
.item-use > .inner > .action{
text-align: center;
}
.item-use > .inner > .action > .-use{
justify-content: center;
max-width: 340px;
width: 100%;
}
.item-use > .inner > .flx > .item > .action > .-use::after,
.item-use > .inner > .action > .-use::after{
content: "";
position: absolute;
inset: 50% 1em auto auto;
width: 1em;
aspect-ratio: 1 / 1;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat 50% / contain;
mask: var(--icon-arrow-right) no-repeat 50% / contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
@media (max-width:560px) {
.item-use > .inner > .ttl{
width: 85%;
padding: 16px 5px;
}
}
.item-use > .inner > .flx.-second{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 55px;
padding: 0 1em;
}
.item-use > .inner > .flx > .speech-bubble{
position: relative;
min-width: 239px;
padding: 16px 10px;
background: var(--color-white);
margin-bottom: 25px;
text-align: center;
border-radius: 10px;
display: inline-block;
font-family: var(--font-senobi);
letter-spacing: -5px;
}
.item-use > .inner > .flx > .speech-bubble.-pink{
border: 1px solid var(--color-pink);
}
.item-use > .inner > .flx > .speech-bubble.-blue{
border: 1px solid #3bb2d5;
}
.item-use > .inner > .flx > .speech-bubble.-green{
border: 1px solid #62b073;
}
.item-use > .inner > .flx > .speech-bubble::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 15px 10px 0 10px;
translate: -50% 100%;
}
.item-use > .inner > .flx > .speech-bubble::after {
content: "";
position: absolute;
bottom: 1px;
left: 50%;
margin-left: 0px;
border-style: solid;
border-width: 14px 9px 0 9px;
translate: -50% 100%;
border-color: var(--color-white) transparent transparent;
}
.item-use > .inner > .flx > .speech-bubble.-pink::before {
border-color: var(--color-pink) transparent transparent;
}
.item-use > .inner > .flx > .speech-bubble.-blue::before{
border-color: #3bb2d5 transparent transparent;
}
.item-use > .inner > .flx > .speech-bubble.-green::before{
border-color: #62b073 transparent transparent;
}
.item-use > .inner > .flx > .speech-bubble > .txt{
font-size: var(--font-22-fluid);
display: inline-block;
}
.item-use > .inner > .flx > .speech-bubble.-pink > .txt{
color: var(--color-pink);
}
.item-use > .inner > .flx > .speech-bubble.-blue > .txt{
color: #3bb2d5;
}
.item-use > .inner > .flx > .speech-bubble.-green > .txt{
color: #62b073;
}
.item-use > .inner > .flx > .speech-bubble > .badge{
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
border-radius: 50px;
padding: 5px 10px;
font-size: var(--font-14-fluid);
}
.item-use > .inner > .flx > .speech-bubble.-pink > .badge{
background-color: var(--color-pink);
color: var(--color-white);
}
.item-use > .inner > .flx > .speech-bubble.-blue > .badge{
background-color: #3bb2d5;
color: var(--color-white);
}
.item-use > .inner > .flx > .speech-bubble.-green > .badge{
background-color: #62b073;
color: var(--color-white);
}
.item-use > .inner > .img{
text-align: center;
margin-bottom: clamp(30px, 3.125vw, 60px);
}
@media (max-width:767px) {
.item-use > .inner > .flx{
flex-direction: column;
align-items: center;
gap: 45px;
margin-top: 2em;
}
}
@media (max-width:560px) {
.item-use > .inner > .flx > .speech-bubble{
width: 100%;
}
} .single-footer {
margin-top: clamp(60px, 7.2727272727vw, 96px);
}
.single-footer > .share {
padding: clamp(15px, 1.8181818182vw, 24px);
text-align: center;
}
.single-footer > .share > .heading {
margin-bottom: 0.75em;
font-size: var(--font-13);
} .singleCompany-info-list > .item.-sns{
align-items: center;
}
.singleCompany-info-list > .item.-sns > .sns-icons{
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.singleCompany-info-list > .item.-sns > .sns-icons > a{
display: grid;
place-items: center;
width: 54px;
aspect-ratio: 1 / 1;
background: var(--color-white);
border-radius: 100%;
border: 2px solid var(--color-gray-d);
box-shadow: 0px 0px 6px 1px var(--color-gray-d);
position: relative;
align-items: center;
text-decoration: none;
color: inherit;
touch-action: manipulation;
transition: all .4s;
}
.singleCompany-info-list > .item.-sns > .sns-icons > a:hover{
box-shadow: none;
}
@media (max-width:767px) {
.singleCompany-info-list > .item.-sns{
align-items: flex-start;
}
.singleCompany-info-list > .item.-sns > .sns-icons > a:hover{
box-shadow:  0px 0px 6px 1px var(--color-gray-d);
}
} .life-main{
padding: 130px 3%;
position: relative;
}
.life-main::before {
content: "";
position: absolute;
top: 20%;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(90deg, rgba(160, 224, 232, 0.1), rgba(42, 83, 210, 0.1));
z-index: -1;
}
.life-main > .life-main__wrap {
max-width: 1200px;
width: 100%;
margin: 0 auto;
background-color: var(--color-white);
border-radius: 16px;
position: relative;
}
.life-main > .life-main__wrap > .ttl{
position: absolute;
top: 30px;
left: 50%;
max-width: 1200px;
width: 100%;
text-align: center;
padding: 0 5%;
transform: translateY(-50%) translateX(-50%);
}
.life-main > .life-main__wrap > .ttl > h2{
font-size: var(--font-50-fluid);
font-weight: bold;
font-family: var(--font-senobi);
margin-bottom: 30px;
}
.life-main > .life-main__wrap > .ttl > p{
color: var(--color-pink);
font-size: var(--font-22-fluid);
}
.life-main > .life-main__wrap > .inner{
padding: 200px  clamp(50px, 7.8125vw, 200px) clamp(50px, 7.8125vw, 200px);
}
.life-main > .life-main__wrap > .inner > .txt {
background-image: linear-gradient(180deg, #ccc 1px, transparent 1px);
background-size: 100% 2.5em;
line-height: 2.5em;
padding-bottom: 1px;
font-size: 18px;
text-align: center;
}
.life-main > .life-main__wrap > .inner > .txt > .lager{
font-size: var(--font-25-fluid);
color: var(--color-turquoise);
font-style: italic;
font-weight: 400;
transform: translateY(20px);
}
.life-main > .life-main__wrap > .inner > .txt > .img.-comment{
transform: translateY(15px);
}
.life-main > .life-main__wrap > .inner > .txt > .flx{
display: flex;
justify-content: center;
flex-direction: row;
gap: 20px;
padding-bottom: 28px;
}
.life-main > .life-main__wrap > .inner > .txt > .grid{
display: none;
}
.life-main > .life-main__wrap > .inner > .txt > .speech-bubble{
position: relative;
min-width: 319px;
padding: 8px 1em;
margin-bottom: clamp(35px, 2.6041666667vw, 50px);
text-align: center;
background: var(--color-yellow);
border: 1px solid var(--color-black-e);
border-radius: 10px;
display: inline-block;
box-shadow: 8px 8px #D8D2BB;
font-size: var(--font-18-fluid);
font-weight: bold;
}
.life-main > .life-main__wrap > .inner > .txt > .speech-bubble::before{
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: 0;
border-style: solid;
border-width: 13px 10px 0 10px;
border-color: var(--color-black-e) transparent transparent;
translate: -50% 100%;
filter: drop-shadow(8px 8px #D8D2BB);
}
.life-main > .life-main__wrap > .inner > .txt > .speech-bubble::after{
content: "";
position: absolute;
bottom: 1px;
left: 50%;
margin-left: 0;
border-style: solid;
border-width: 13px 9px 0 9px;
border-color: var(--color-yellow) transparent transparent;
translate: -50% 100%;
}
.life-main > .life-main__wrap > .inner > .txt > .action > .-use {
min-width: 319px;
justify-content: center;
}
.life-main > .life-main__wrap > .inner > .txt > .action > .-use:after{
content: "";
position: absolute;
inset: 50% 1em auto auto;
width: 1em;
aspect-ratio: 1 / 1;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat 50% / contain;
mask: var(--icon-arrow-right) no-repeat 50% / contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) var(--transition-timing-function);
}
@media (max-width:960px) {
.life-main > .life-main__wrap > .inner{
padding-top: 150px;
}
.life-main > .life-main__wrap > .inner > .txt > .flx{
flex-direction: column;
align-items: center;
padding-bottom: 18px;
}
}
@media (max-width:767px) {
.life-main > .life-main__wrap > .inner{
padding-top: 120px;
}
.life-main > .life-main__wrap > .ttl{
top: 0;
}
}
@media (max-width:560px) {
.life-main > .life-main__wrap > .inner{
padding-inline: 1.5em;
}
.life-main > .life-main__wrap > .ttl > h2{
font-size: 30px;
margin-bottom: 15px;
}
.life-main > .life-main__wrap > .ttl{
top: -10px;
}
.life-main > .life-main__wrap > .inner > .txt{
text-align: left;
}
.life-main > .life-main__wrap > .inner > .txt > .speech-bubble{
display: flex;
justify-content: center;
align-items: center;
min-width: auto;
}
.life-main > .life-main__wrap > .inner > .txt > .img.-comment{
text-align: center;
}
.life-main > .life-main__wrap > .inner > .txt > .action > .-use{
width: 100%;
min-width: auto;
}
.life-main > .life-main__wrap > .inner > .txt > .flx{
display: none;
}
.life-main > .life-main__wrap > .inner > .txt > .grid{
display: grid;
grid-template-columns: repeat(1,1fr);
gap: 20px;
justify-items: center;
}
}  .filter .item .c-grid.-c-searchform-filter .item:nth-child(7),
.filter .item .c-grid.-c-searchform-filter .item:nth-child(8),
.filter .item .c-grid.-c-searchform-filter .item:nth-child(9){
display: grid;
max-height: 1.8em;
overflow: hidden;
pointer-events: none;
opacity: 0.6;
}
.filter .item .c-grid.-c-searchform-filter .item:nth-child(n+10){
display: none;
}
.filter .item .c-grid.-c-searchform-filter.is-expanded .item:nth-child(n+7){
display: grid;
max-height: none;
overflow: visible;
pointer-events: auto;
opacity: 1;
} @media (max-width: 960px) {
.filter .item .c-grid.-c-searchform-filter .item:nth-child(n+9){
display: none;
}
} @media (max-width: 560px) {
.filter .item .c-grid.-c-searchform-filter .item:nth-child(n+4){
display: none;
}
.filter .item .c-grid.-c-searchform-filter .item:nth-child(3){
display: grid;
max-height: 1.8em;
overflow: hidden;
pointer-events: none;
opacity: 0.6;
}
.filter .item .c-grid.-c-searchform-filter.is-expanded .item:nth-child(n+3){
display: grid;
max-height: none;
overflow: visible;
pointer-events: auto;
opacity: 1;
}
}
.searchform-accordion-toggle-industry{
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-block: 1.2em 85px;
padding: 0.6em 3em 0.6em 1.6em;
background: var(--color-grayishblue-c);
border: 1px solid var(--color-black);
border-radius: 999px;
font-size: var(--font-14-fluid);
font-family: var(--font-en);
vertical-align: middle;
overflow-wrap: break-word;
color: var(--color-white);
box-shadow: clamp(4px, 0.4285714286vw, 6px) clamp(4px, 0.4285714286vw, 6px) var(--color-shadow);
width: 100%;
transition-property: background-color, border-color, transform, box-shadow;
transition-duration: var(--transition-duration);
transition-timing-function: var(--transition-timing-function);
}
.searchform-accordion-toggle-industry:hover{
background: var(--color-blue);
border-color: var(--color-blue);
transform: translate(clamp(4px, 0.4285714286vw, 6px), clamp(4px, 0.4285714286vw, 6px));
box-shadow: none;
}
.searchform-accordion-toggle-industry::after{
content: '';
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(90deg);
display: inline-block;
width: 1em;
aspect-ratio: 1 / 1;
background-color: var(--color-white);
-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;
-webkit-mask-image: var(--icon-arrow-b-right);
mask-image: var(--icon-arrow-b-right);
transition: transform 0.4s ease;
}
.searchform-accordion-toggle-industry.is-expanded::after{
transform: translateY(-50%) rotate(-90deg);
}
.c-searchform > .filter > .item > .description{
position: relative;
}
.c-searchform > .filter > .item > .description::after{
content: "";
position: absolute;
bottom: -35px;
left: 0;
width: 100%;
height: 1px;
background: var(--color-grayishblue-c);
}
.c-searchform > .action{
margin-top: 85px;
}
@media (max-width:560px) {
.c-grid.-c-searchform-filter{
width: 85%;
margin-inline: auto;
}
}
.c-btn.-c-searchform-action.-submit{
justify-content: center;
}