*,
::before,
::after {
box-sizing: border-box; background-repeat: no-repeat; } ::before,
::after {
text-decoration: inherit; vertical-align: inherit; } :where(:root) {
overflow-wrap: break-word; -moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
text-size-adjust: 100%; }  :where(body) {
margin: 0;
}    :where(hr) {
color: inherit; height: 0; }   :where(pre) {
font-family: monospace, monospace; font-size: 1em; overflow: auto; }  :where(abbr[title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} :where(b, strong) {
font-weight: bolder;
} :where(code, kbd, samp) {
font-family: monospace, monospace; font-size: 1em; } :where(small) {
font-size: 80%;
}  :where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
} :where(iframe) {
border-style: none;
} :where(svg:not([fill])) {
fill: currentColor;
}  :where(table) {
border-collapse: collapse; border-color: currentColor; text-indent: 0; }  :where(button, input, select) {
margin: 0;
} :where(button, [type=button i], [type=reset i], [type=submit i]) {
-webkit-appearance: button;
} :where(fieldset) {
border: 1px solid #a0a0a0;
} :where(progress) {
vertical-align: baseline;
} :where(textarea) {
margin: 0; resize: vertical; } :where([type=search i]) {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  :where(dialog) {
background-color: white;
border: solid;
color: black;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
} :where(details > summary:first-of-type) {
display: list-item;
}  :where([aria-busy=true i]) {
cursor: progress;
} :where([aria-disabled=true i], [disabled]) {
cursor: not-allowed;
} :where([aria-hidden=false i][hidden]) {
display: initial;
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
clip: rect(0, 0, 0, 0);
position: absolute;
}
:where(:root) {
line-height: 1;
overflow-wrap: break-word;
}
@media (prefers-reduced-motion: no-preference) {
:where(html:focus-within) {
scroll-behavior: smooth;
}
}
:where(body) {
font-family: sans-serif;
}
:where(h1, h2, h3, h4, h5, h6) {
margin: 0;
font: inherit;
}
:where(ul, ol) {
margin: 0;
padding-left: 0;
list-style: none;
}
:where(dl, dd) {
margin: 0;
}
:where(p) {
margin: 0;
}
:where(blockquote) {
margin: 0;
}
:where(hr) {
margin: 0;
border: none;
border-top: 1px solid currentColor;
}
:where(pre) {
margin: 0;
}
:where(a) {
color: inherit;
text-decoration: none;
text-underline-offset: 0.1375em;
}
:where(figure) {
max-width: 100%;
margin: 0;
}
:where(img, picture, svg, video) {
max-width: 100%;
height: auto;
}
:where(iframe){
max-width:100%;
}
:where(table) {
width: 100%;
table-layout: fixed;
}
:where(tbody, thead) {
vertical-align: inherit;
}
:where(th) {
margin: 0;
text-align: inherit;
text-align: -webkit-match-parent;
}
:where(td) {
padding: 0;
}
:where(label) {
display: inline-block;
}
:where(button, input, optgroup, select, textarea) {
font: inherit;
line-height: inherit;
letter-spacing: inherit;
}
:where(button, [role=button], [type=button], [type=reset], [type=submit]):not(:disabled) {
cursor: pointer;
}
:root {
--icon-arrow-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%22M8%200C3.58%200%200%203.58%200%208s3.58%208%208%208%208-3.58%208-8-3.58-8-8-8zm0%201.2c3.76%200%206.8%203.04%206.8%206.8s-3.04%206.8-6.8%206.8S1.2%2011.76%201.2%208A6.8%206.8%200%200%201%208%201.2zm1.22%203.77s1.2%201.2%202.6%202.61c.23.23.23.61%200%20.85-1.4%201.4-2.6%202.61-2.6%202.61-.11.11-.26.18-.42.18a.602.602%200%200%201-.43-1.02l1.58-1.58H4.6a.618.618%200%200%201-.58-.63c.01-.32.26-.57.58-.58h5.36L8.37%205.82a.598.598%200%200%201%200-.84c.12-.11.27-.17.43-.18.16%200%20.31.07.42.17z%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%22M8%2016c4.42%200%208-3.58%208-8s-3.58-8-8-8-8%203.58-8%208%203.58%208%208%208zm0-1.2c-3.76%200-6.8-3.04-6.8-6.8S4.24%201.2%208%201.2s6.8%203.04%206.8%206.8A6.8%206.8%200%200%201%208%2014.8zm-1.22-3.77s-1.2-1.2-2.6-2.61a.61.61%200%200%201%200-.85c1.4-1.4%202.6-2.61%202.6-2.61a.602.602%200%200%201%20.85.85L6.04%207.39h5.36c.33.01.59.29.58.62-.01.32-.26.57-.58.58H6.04l1.58%201.58a.598.598%200%200%201-.42%201.02.58.58%200%200%201-.42-.16z%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%22M12.23%207.34c.37.37.37.96%200%201.33L6.6%2014.29c-.37.37-.96.37-1.33%200s-.37-.96%200-1.33L10.24%208%205.28%203.04c-.37-.37-.37-.96%200-1.33s.96-.37%201.33%200l5.62%205.63z%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%22M3.77%208.66a.936.936%200%200%201%200-1.33L9.4%201.71c.37-.37.96-.37%201.33%200s.37.96%200%201.33L5.76%208l4.96%204.96c.37.37.37.96%200%201.33s-.96.37-1.33%200L3.77%208.66z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-b-up: 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%22M7.34%203.77c.37-.37.96-.37%201.33%200l5.62%205.62c.37.37.37.96%200%201.33s-.96.37-1.33%200L8%205.76l-4.96%204.96c-.37.37-.96.37-1.33%200s-.37-.96%200-1.33l5.63-5.62z%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%22M11.11%2015.5H4.89C2.47%2015.5.51%2013.54.5%2011.11V4.89C.5%202.47%202.46.51%204.89.5h6.23c2.42%200%204.38%201.96%204.39%204.39v6.23a4.396%204.396%200%200%201-4.4%204.38M4.89%201.9C3.24%201.9%201.9%203.24%201.9%204.89v6.23c0%201.65%201.34%202.99%202.99%202.99h6.23c1.65%200%202.99-1.34%202.99-2.99V4.89c0-1.65-1.34-2.99-2.99-2.99H4.89z%22%2F%3E%3Cpath%20d%3D%22M12.94%204c0%20.52-.42.93-.93.93-.52%200-.93-.42-.93-.93%200-.52.42-.93.93-.93.51-.01.93.41.93.93M8%2011.88c-2.14%200-3.88-1.74-3.88-3.88S5.86%204.12%208%204.12c2.14%200%203.88%201.74%203.88%203.88-.01%202.14-1.74%203.88-3.88%203.88m0-6.36A2.48%202.48%200%201%200%2010.48%208%202.48%202.48%200%200%200%208%205.52%22%2F%3E%3C%2Fsvg%3E");
--icon-line: 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.87C16%203.29%2012.41.38%208%20.38S0%203.29%200%206.87c0%203.21%202.85%205.9%206.69%206.41.26.06.62.17.7.39.08.2.05.52.03.72l-.11.68c-.03.2-.16.79.69.43.85-.36%204.61-2.71%206.29-4.64C15.44%209.59%2016%208.3%2016%206.87zM5.18%208.78c0%20.08-.07.15-.15.15H2.78c-.08%200-.15-.07-.15-.15V5.29c0-.08.07-.15.15-.15h.57c.08%200%20.15.07.15.15v2.77h1.53c.08%200%20.15.07.15.15v.57zm1.35%200c0%20.08-.07.15-.15.15h-.57c-.08%200-.15-.07-.15-.15V5.29c0-.08.07-.15.15-.15h.57c.08%200%20.15.07.15.15v3.49zm3.86%200c0%20.08-.07.15-.15.15h-.56c-.01%200-.03%200-.04-.01h-.03s-.01%200-.01-.01c-.03-.01-.04-.02-.05-.04l-1.6-2.16v2.07c0%20.08-.07.15-.15.15h-.57c-.08%200-.15-.07-.15-.15V5.29c0-.08.07-.15.15-.15H7.88s.01%200%20.01.01c0%200%20.01%200%20.01.01l.01.01c0%20.01.01.01.01.02l1.6%202.16V5.29c0-.08.07-.15.15-.15h.57c.08%200%20.15.07.15.15v3.49zm3.1-2.92c0%20.08-.07.15-.15.15h-1.53v.59h1.53c.08%200%20.15.07.15.15v.57c0%20.08-.07.15-.15.15h-1.53v.59h1.53c.08%200%20.15.07.15.15v.57c0%20.08-.07.15-.15.15H11.1c-.08%200-.15-.07-.15-.15V5.3c0-.08.07-.15.15-.15h2.24c.08%200%20.15.07.15.15v.56z%22%2F%3E%3C%2Fsvg%3E");
--icon-document: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M7.25%204.49h2.2v.61h-2.2zm-4.04%204.2h6.23v.61H3.21zm0%201.48h4.03v.61H3.21zm4.04-4.45h2.2v.61h-2.2zm0%201.23h1.56v.61H7.25zM3.19%204.49v2.64l2.73-2.64zm3.17%203.07V4.92L3.64%207.56z%22%2F%3E%3Cpath%20d%3D%22M11.62%202.37V1H1v13.13h2.51l-.05.31L13.95%2016%2016%203.02l-4.38-.65zm-9.67-.45h8.72v11.29H1.95V1.92zm11.21%2013.03-5.52-.82h3.98v-3.36l.94.14.1-.61-1.04-.15V3.3l3.3.49-1.76%2011.16z%22%2F%3E%3Cpath%20d%3D%22M11.62%205.9v3.11l1.21.18.48-3.04z%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%22M8%200%20.5%205.73V15h15V5.73L8%200zM5.75%209.87%201.44%2013.4V6.86l4.31%203.01zm5.06-1.53L8%2010.3%205.21%208.35V5.44h5.6v2.9zm-4.26%202.09L8%2011.44l1.45-1.02%204.44%203.64H2.1l4.45-3.63zm3.7-.56%204.31-3.01v6.54l-4.31-3.53zm3.99-3.92-2.49%201.74V4.51H4.27V7.7L1.76%205.95%208%201.18l6.24%204.77z%22%2F%3E%3Cpath%20d%3D%22M6.14%206.37h3.74v.4H6.14zm0%20.92h3.74v.4H6.14zm0%20.92h3.74v.4H6.14z%22%2F%3E%3C%2Fsvg%3E");
--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");
--icon-logo: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M14.38%2010.88c.23.71.15%201.48-.23%202.12-1.01%201.9-3.09%201.96-4.14%201.71-.61.12-1.23.18-1.85.18-.36%200-.72-.02-1.07-.08-.21.61-.74%201.05-1.37%201.15-.12.03-.23.04-.34.04a2.44%202.44%200%2001-1.35-.44c-.72-.52-1.3-1.21-1.7-2-.9-1.61-1.07-2.86-.5-3.71.26-.38.65-.66%201.1-.76.05-.93.43-1.82%201.09-2.48.03-.28.01-.56-.05-.83-.11-.56-.42-1.48-1.3-2.68-.57-.77-.39-1.8.42-2.52.82-.72%201.88-.77%202.56-.11.91.87%201.61%202.72%201.88%204.9%201.15-.52%202.18-.77%203.07-.75%201.05.03%201.84.44%202.3%201.19.68%201.03.7%202.36.04%203.4.65.39%201.16.97%201.44%201.67m-.99%201.72c.27-.43.33-.96.18-1.44-.23-.66-.86-1.1-1.2-1.3-.82.74-1.88%201.17-2.98%201.21h-.17c-.21-.01-.41-.04-.61-.09-.3.84-.32%201.51-.04%201.99.32.57%201.01.8%201.53.89l.03.01h.01c.08.02%202.27.58%203.25-1.27m-1.38-3.56c.07-.08%201.12-1.21.17-2.78-.66-1.09-2.5-1.04-4.81.14-.21.1-.47.01-.57-.2-.03-.04-.04-.1-.05-.15-.18-2.22-.84-4.17-1.68-4.97-.48-.46-1.11-.13-1.41.13s-.7.85-.31%201.39c1.97%202.67%201.49%204.29%201.47%204.36-.02.06-.06.13-.12.18a3.02%203.02%200%2000-.49%203.76c.13.2.07.46-.12.59a.43.43%200%2001-.59-.12c-.27-.42-.45-.9-.53-1.4-.18.07-.34.2-.45.36-.36.55-.16%201.55.54%202.82%201.11%201.99%202.12%202.05%202.5%201.99.3-.04.56-.24.69-.51-.21-.07-.4-.17-.58-.29a.433.433%200%2001-.14-.59c.12-.2.39-.26.59-.14.02.01.04.02.05.04.35.26%201.18.43%202.2.4-.23-.18-.42-.4-.56-.65-.35-.61-.4-1.38-.15-2.29-.15.17-.31.33-.49.47-.31.25-.67.44-1.05.57-.03.01-.06.01-.09.01-.23%200-.43-.19-.42-.43%200-.2.14-.37.33-.41.22-.06%201.09-.54%201.29-1.13l-.02-.02c-.03-.04-.78-1.08-.38-2.18.3-.82%201.14-1.41%202.49-1.75.24-.08.48.04.55.26.08.22-.04.47-.27.54-.02.01-.04.01-.06.02-1.05.26-1.7.68-1.9%201.21-.22.61.19%201.27.26%201.37.36.36.85.56%201.36.57.53.03%201.6-.09%202.75-1.17%22%2F%3E%3C%2Fsvg%3E");
--color-white: #fff;
--color-white-40: rgba(255, 255, 255, 0.4);
--color-black: #000;
--color-black-b: #231815;
--color-gray: #707070;
--color-gray-dark: #4D4D4D;
--color-gray-light: #CCCCCC;
--color-gray-pale: #F5F5F5;
--color-gray-pale-b: #F8F8F8;
--color-gray-pale-c: #f0f0f0;
--color-orange: #EE7800;
--color-orange-dark: #C16406;
--color-orange-pale: #FFE7CF;
--color-orange-pale-b: #FFFCF8;
--color-blue: #3E5589;
--color-gold: #F6AC00;
--color-silver: #838383;
--color-bronze: #B26600;
--color-red: #ED293E;
--font-sans: 'Noto Sans JP', sans-serif;
--font-serif: 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', 'MS PMincho', serif;
--font-en: 'Oswald', 'Noto Sans JP', sans-serif;
--transition-duration: 0.15s;
--transition-opacity: 0.65;
--z-index-c-loader: 1000;
--z-index-site-wrap-drawerBtn: 550;
--z-index-c-drawer: 500;
--z-index-site-wrap-sideNav: 150;
--z-index-site-wrap-fixedNav: 150;
--z-index-site-header: 100;
--border-radius-small: 4px;
--border-radius: clamp(5px, 0.6060606061vw, 8px);
--border-radius-large: clamp(10px, 1.2121212121vw, 16px);
--box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
--text-shadow: 0 0 6px rgba(0, 0, 0, .7);
--text-shadow-small: 0 0 4px rgba(0, 0, 0, .1);
--content-width-medium: 92vw;
--content-width-large: 92vw;
--content-width-xlarge: 92vw;
--content-width-2xlarge: 92vw;
--font-10: calc(10px * 1.2);
--font-11: calc(11px * 1.2);
--font-12: calc(11px * 1.2);
--font-13: calc(12px * 1.2);
--font-14: calc(13px * 1.2);
--font-15: calc(13px * 1.2);
--font-16: calc(14px * 1.2);
--font-17: calc(14px * 1.2);
--font-18: calc(15px * 1.2);
--font-19: calc(16px * 1.2);
--font-20: calc(16px * 1.2);
--font-21: calc(17px * 1.2);
--font-22: calc(18px * 1.2);
--font-23: calc(18px * 1.2);
--font-24: calc(19px * 1.2);
--font-25: calc(19px * 1.2);
--font-26: calc(20px * 1.2);
--font-27: calc(21px * 1.2);
--font-28: calc(21px * 1.2);
--font-29: calc(22px * 1.2);
--font-30: calc(23px * 1.2);
--font-31: calc(23px * 1.2);
--font-32: calc(24px * 1.2);
--font-33: calc(24px * 1.2);
--font-34: calc(25px * 1.2);
--font-35: calc(26px * 1.2);
--font-36: calc(26px * 1.2);
--font-37: calc(27px * 1.2);
--font-38: calc(28px * 1.2);
--font-39: calc(28px * 1.2);
--font-40: calc(29px * 1.2);
--leading-xsmall: 1.4;
--leading-small: 1.6;
--leading-medium: 1.8;
}
@media (min-width: 768px) {
:root {
--content-width-medium: clamp(0px, 67.8787878788vw, 896px);
--content-width-large: clamp(0px, 84.2424242424vw, 1112px);
--content-width-xlarge: clamp(0px, 96.9696969697vw, 1280px);
--content-width-2xlarge: min( clamp(0px, 108.4848484848vw, 1432px), 92vw );
}
}
@media (min-width: 960px) {
:root {
--font-10: 10px;
--font-11: 11px;
--font-12: 12px;
--font-13: 13px;
--font-14: 14px;
--font-15: 15px;
--font-16: 16px;
--font-17: 17px;
--font-18: 18px;
--font-19: 19px;
--font-20: 20px;
--font-21: 21px;
--font-22: 22px;
--font-23: 23px;
--font-24: 24px;
--font-25: 25px;
--font-26: 26px;
--font-27: 27px;
--font-28: 28px;
--font-29: 29px;
--font-30: 30px;
--font-31: 31px;
--font-32: 32px;
--font-33: 33px;
--font-34: 34px;
--font-35: 35px;
--font-36: 36px;
--font-37: 37px;
--font-38: 38px;
--font-39: 39px;
--font-40: 40px;
}
}
@media (min-width: 1200px) {
:root {
--font-10: calc(10px * 1.2);
--font-11: calc(11px * 1.2);
--font-12: calc(12px * 1.2);
--font-13: calc(13px * 1.2);
--font-14: calc(14px * 1.2);
--font-15: calc(15px * 1.18);
--font-16: calc(16px * 1.18);
--font-17: calc(17px * 1.18);
--font-18: calc(18px * 1.18);
--font-19: calc(19px * 1.18);
--font-20: calc(20px * 1.18);
--font-21: calc(21px * 1.18);
--font-22: calc(22px * 1.18);
--font-23: calc(23px * 1.18);
--font-24: calc(24px * 1.18);
--font-25: calc(25px * 1.18);
--font-26: calc(26px * 1.18);
--font-27: calc(27px * 1.18);
--font-28: calc(28px * 1.18);
--font-29: calc(29px * 1.18);
--font-30: calc(30px * 1.18);
--font-31: calc(31px * 1.18);
--font-32: calc(32px * 1.18);
--font-33: calc(33px * 1.18);
--font-34: calc(34px * 1.18);
--font-35: calc(35px * 1.18);
--font-36: calc(36px * 1.18);
--font-37: calc(37px * 1.18);
--font-38: calc(38px * 1.18);
--font-39: calc(39px * 1.18);
--font-40: calc(40px * 1.18);
}
}
body {
background: var(--color-white);
font-family: var(--font-sans);
font-feature-settings: "palt";
font-weight: 500;
letter-spacing: 0.05em;
color: var(--color-black);
}
a,
button,
[type=button],
[type=reset],
[type=submit] {
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
body:not(.-is-sp) a:hover,
body:not(.-is-sp) button:hover,
body:not(.-is-sp) [type=button]:hover,
body:not(.-is-sp) [type=reset]:hover,
body:not(.-is-sp) [type=submit]:hover {
opacity: var(--transition-opacity);
}
.c-breadcrumb {
--c-breadcrumb-list-gutter: .75em;
--c-breadcrumb-list-divider-size: .75em;
--c-breadcrumb-list-divider-image: var(--icon-arrow-b-right);
}
.c-breadcrumb > .list {
display: flex;
flex-wrap: wrap;
gap: 0 var(--c-breadcrumb-list-gutter);
margin: 0;
padding: 0;
list-style: none;
}
.c-breadcrumb > .list > .item {
display: flex;
align-items: center;
}
.c-breadcrumb > .list > .item + .item::before {
content: "";
flex: 0 0 auto;
width: var(--c-breadcrumb-list-divider-size);
height: var(--c-breadcrumb-list-divider-size);
margin-right: var(--c-breadcrumb-list-gutter);
background: currentColor;
-webkit-mask: var(--c-breadcrumb-list-divider-image) no-repeat 50%/contain;
mask: var(--c-breadcrumb-list-divider-image) no-repeat 50%/contain;
}
.c-breadcrumb > .list > .item > .link {
text-decoration: underline;
}
.c-breadcrumb > .list.-right {
justify-content: right;
text-align: right;
}
.c-breadcrumb {
font-size: var(--font-12);
line-height: var(--leading-xsmall);
}
.c-btn {
position: relative;
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1;
text-decoration: none;
text-align: inherit;
vertical-align: middle;
white-space: nowrap;
color: inherit;
}
button.c-btn,
[type=button].c-btn,
[type=reset].c-btn,
[type=submit].c-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.c-btn.-block {
display: flex;
width: 100%;
}
@media (min-width: 560px) {
.c-btn.-sm-block {
display: flex;
width: 100%;
}
.c-btn.-sm-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 768px) {
.c-btn.-md-block {
display: flex;
width: 100%;
}
.c-btn.-md-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 960px) {
.c-btn.-lg-block {
display: flex;
width: 100%;
}
.c-btn.-lg-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 1200px) {
.c-btn.-xl-block {
display: flex;
width: 100%;
}
.c-btn.-xl-inline {
display: inline-flex;
width: auto;
}
}
@media (min-width: 1400px) {
.c-btn.-xxl-block {
display: flex;
width: 100%;
}
.c-btn.-xxl-inline {
display: inline-flex;
width: auto;
}
}
.c-btn.-disabled {
opacity: 0.25;
cursor: not-allowed;
}
.c-btn.-disabled:hover {
opacity: 0.25;
}
.c-btn.-typeA {
padding-left: 2.25em;
font-size: var(--font-18);
color: var(--color-black);
transition-property: color;
}
.c-btn.-typeA::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1.25em;
aspect-ratio: 1/1;
background: var(--color-orange);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50% 50%/contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-typeA:hover {
opacity: 1;
color: var(--color-orange);
}
.c-btn.-typeA:hover::before {
transform: translate(0.25em, -50%);
}
.c-btn.-typeA.-small {
font-size: var(--font-13);
}
.c-btn.-typeA.-small::before {
width: 1.5em;
}
.c-btn.-c-searchform-submit {
justify-content: center;
height: 100%;
padding: 1em 1em;
background: var(--color-gray-dark);
border-radius: var(--border-radius-small);
font-size: var(--font-16);
color: var(--color-white);
}
@media (min-width: 768px) {
.c-btn.-c-searchform-submit {
padding: 1em 2em;
}
}
.c-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
line-height: 1;
text-decoration: none;
color: inherit;
word-wrap: break-word;
}
.c-card > .header,
.c-card > .footer {
flex: 0 0 auto;
}
.c-card > .media {
overflow: hidden;
position: relative;
flex: 0 0 auto;
width: 100%;
margin: 0;
}
.c-card > .media > .inner {
width: 100%;
height: 100%;
}
.c-card > .media > .image:not(.-auto),
.c-card > .media > .inner > .image:not(.-auto) {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card > .body {
flex: 1 1 0%;
}
.c-card.-typeA {
--skew-angle: 8deg;
--shift-width: 0px;
--color: var(--color-white);
font-size: var(--font-15);
line-height: var(--leading-medium);
text-align: justify;
word-break: break-all;
}
@media (min-width: 768px) {
.c-card.-typeA {
flex-direction: row;
padding-bottom: var(--shift-width);
}
}
.c-card.-typeA > .media {
z-index: 1;
aspect-ratio: 760/512;
}
@media (min-width: 768px) {
.c-card.-typeA > .media {
aspect-ratio: auto;
min-height: clamp(320px, 38.7878787879vw, 512px);
width: 47.5%;
}
}
.c-card.-typeA > .media > .inner {
overflow: hidden;
}
@media (min-width: 768px) {
.c-card.-typeA > .media > .inner {
position: relative;
transform: skew(var(--skew-angle));
transform-origin: 50% 100%;
}
}
@media (min-width: 768px) {
.c-card.-typeA > .media > .inner > .image {
position: absolute;
top: 0;
left: 0;
transform: skew(calc(var(--skew-angle) * -1));
transform-origin: 50% 100%;
}
}
.c-card.-typeA > .body {
background: var(--color);
}
@media (min-width: 768px) {
.c-card.-typeA > .body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: -47.5%;
transform: translateY(var(--shift-width));
}
}
.c-card.-typeA > .body > .inner {
display: flex;
flex-direction: column;
justify-content: center;
max-width: var(--content-width-xlarge);
margin: 0 auto;
padding: clamp(25px, 3.0303030303vw, 40px) clamp(13px, 1.5151515152vw, 20px);
}
@media (min-width: 768px) {
.c-card.-typeA > .body > .inner {
padding: clamp(25px, 3.0303030303vw, 40px);
padding-left: calc(47.5% - (100vw - var(--content-width-xlarge)) / 2 + clamp(50px, 6.0606060606vw, 80px));
}
}
@media (min-width: 1200px) {
.c-card.-typeA > .body > .inner {
max-width: var(--content-width-2xlarge);
padding-left: calc(47.5% - (100vw - var(--content-width-2xlarge)) / 2 + clamp(50px, 6.0606060606vw, 80px));
}
}
.c-card.-typeA > .body > .inner > .label {
display: flex;
align-items: center;
gap: 1em;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 1.5em;
color: var(--color-orange);
}
.c-card.-typeA > .body > .inner > .label::before {
content: "";
width: 4em;
border-top: 1px solid currentColor;
}
.c-card.-typeA > .body > .inner > .heading {
font-weight: 600;
font-family: var(--font-serif);
font-size: var(--font-23);
line-height: var(--leading-small);
color: var(--color-orange);
}
.c-card.-typeA > .body > .inner > .text {
margin-top: 1.5em;
}
.c-card.-typeA > .body > .inner > .text > p + p {
margin-top: 1.5em;
}
@media (min-width: 768px) {
.c-card.-typeA.-reverse {
flex-direction: row-reverse;
}
}
@media (min-width: 768px) {
.c-card.-typeA.-reverse > .media > .inner {
transform: skew(calc(var(--skew-angle) * -1));
}
}
@media (min-width: 768px) {
.c-card.-typeA.-reverse > .media > .inner > .image {
transform: skew(var(--skew-angle));
}
}
@media (min-width: 768px) {
.c-card.-typeA.-reverse > .body {
margin-left: 0;
margin-right: -47.5%;
}
}
@media (min-width: 768px) {
.c-card.-typeA.-reverse > .body > .inner {
padding-left: clamp(25px, 3.0303030303vw, 40px);
padding-right: calc(47.5% - (100vw - var(--content-width-xlarge)) / 2 + clamp(50px, 6.0606060606vw, 80px));
}
}
@media (min-width: 1200px) {
.c-card.-typeA.-reverse > .body > .inner {
padding-right: calc(47.5% - (100vw - var(--content-width-2xlarge)) / 2 + clamp(50px, 6.0606060606vw, 80px));
}
}
.c-card.-typeA.-shift {
--shift-width: clamp(25px, 3.0303030303vw, 40px);
}
.c-card.-typeA.-recruit-interview {
--color: var(--color-gray-pale);
font-size: var(--font-13);
}
.c-card.-typeA.-recruit-message {
line-height: 2.1;
}
@media (max-width: 767px) {
.c-card.-typeA.-recruit-message > .body {
background: transparent;
}
}
@media (max-width: 767px) {
.c-card.-typeA.-recruit-message > .body > .inner {
padding: clamp(25px, 3.0303030303vw, 40px) 0;
}
}
.c-card.-typeB {
--skew-angle: 0deg;
--overlap-width: clamp(75px, 9.0909090909vw, 120px);
--shift-width: 0px;
--color: var(--color-orange);
font-size: var(--font-15);
line-height: var(--leading-medium);
text-align: justify;
word-break: break-all;
}
@media (min-width: 768px) {
.c-card.-typeB {
flex-direction: row;
padding-bottom: var(--shift-width);
}
}
.c-card.-typeB > .media {
z-index: 1;
aspect-ratio: 600/472;
}
@media (min-width: 768px) {
.c-card.-typeB > .media {
width: 53.9568345324%;
}
}
.c-card.-typeB > .media > .inner {
overflow: hidden;
}
@media (min-width: 768px) {
.c-card.-typeB > .media > .inner {
transform: skew(var(--skew-angle));
transform-origin: 50% 0;
}
}
@media (min-width: 768px) {
.c-card.-typeB > .media > .inner > .image {
transform: skew(calc(var(--skew-angle) * -1));
transform-origin: 50% 0;
}
}
.c-card.-typeB > .body {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
@media (min-width: 768px) {
.c-card.-typeB > .body {
padding: clamp(15px, 1.8181818182vw, 24px) 0;
}
}
.c-card.-typeB > .body > .inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
min-height: clamp(195px, 23.6363636364vw, 312px);
padding: clamp(45px, 5.4545454545vw, 72px) clamp(30px, 3.6363636364vw, 48px);
background: var(--color);
color: var(--color-white);
}
@media (min-width: 768px) {
.c-card.-typeB > .body > .inner {
margin-left: calc(var(--overlap-width) * -1);
padding: clamp(45px, 5.4545454545vw, 72px) clamp(30px, 3.6363636364vw, 48px) clamp(45px, 5.4545454545vw, 72px) calc(var(--overlap-width) + clamp(30px, 3.6363636364vw, 48px));
transform: translateY(var(--shift-width));
}
}
.c-card.-typeB > .body > .inner > .label {
z-index: 1;
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 2.25em;
aspect-ratio: 1/1;
font-size: clamp(26px, 3.9393939394vw, 52px);
font-family: var(--font-en);
line-height: 1;
color: var(--color);
transform: translate(-40%, -60%);
}
@media (min-width: 1400px) {
.c-card.-typeB > .body > .inner > .label {
transform: translate(40%, -60%);
}
}
.c-card.-typeB > .body > .inner > .label::before, .c-card.-typeB > .body > .inner > .label::after {
z-index: -1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 75% 75% 75% 4px;
box-shadow: var(--box-shadow);
}
.c-card.-typeB > .body > .inner > .label::before {
border: 2px solid var(--color-white);
transform: translate(0.15em, 0.175em);
}
.c-card.-typeB > .body > .inner > .label::after {
background: var(--color-white);
}
.c-card.-typeB > .body > .inner > .label > .heading {
margin-bottom: 0.25em;
font-size: clamp(10px, 1.2878787879vw, 17px);
letter-spacing: 0;
}
.c-card.-typeB > .body > .inner > .heading {
position: relative;
padding-bottom: 1em;
font-weight: 700;
font-size: var(--font-23);
line-height: var(--leading-small);
}
.c-card.-typeB > .body > .inner > .heading::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid currentColor;
}
@media (min-width: 768px) {
.c-card.-typeB > .body > .inner > .heading::after {
left: calc(var(--overlap-width) * -1);
}
}
.c-card.-typeB > .body > .inner > .text {
margin-top: 1.5em;
}
.c-card.-typeB.-skew {
--skew-angle: -8deg;
}
@media (min-width: 768px) {
.c-card.-typeB.-skew > .body > .inner {
padding-left: calc(var(--overlap-width) / 1.5 + clamp(30px, 3.6363636364vw, 48px));
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse {
flex-direction: row-reverse;
}
}
.c-card.-typeB.-reverse > .body > .inner > .label {
right: auto;
left: 0;
transform: translate(40%, -60%);
}
@media (min-width: 1400px) {
.c-card.-typeB.-reverse > .body > .inner > .label {
transform: translate(-40%, -60%);
}
}
.c-card.-typeB.-reverse > .body > .inner > .label::before, .c-card.-typeB.-reverse > .body > .inner > .label::after {
border-radius: 75% 75% 4px 75%;
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .media > .inner {
transform: skew(calc(var(--skew-angle) * -1));
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .media > .inner > .image {
transform: skew(var(--skew-angle));
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .body > .inner {
margin-left: 0;
margin-right: calc(var(--overlap-width) * -1);
padding-left: clamp(30px, 3.6363636364vw, 48px);
padding-right: calc(var(--overlap-width) + clamp(30px, 3.6363636364vw, 48px));
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .body > .inner > .heading::after {
right: calc(var(--overlap-width) * -1);
left: 0;
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse.-skew > .body > .inner {
padding-right: calc(var(--overlap-width) / 1.5 + clamp(30px, 3.6363636364vw, 48px));
}
}
.c-card.-typeB.-shift {
--shift-width: clamp(25px, 3.0303030303vw, 40px);
}
@media (min-width: 768px) {
.c-card.-typeB.-shift > .body {
padding-bottom: 0;
}
}
.c-card.-typeB.-gray-dark {
--color: var(--color-gray-dark);
}
.c-card.-article {
font-size: var(--font-15);
text-align: justify;
word-break: break-all;
}
.c-card.-article > .media {
position: relative;
aspect-ratio: 278/168;
border: 1px solid var(--color-black-20);
}
.c-card.-article > .media::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.c-card.-article > .body > .data {
display: flex;
align-items: center;
gap: 0.75em;
margin-top: 1.25em;
font-size: var(--font-13);
}
.c-card.-article > .body > .data > .date {
flex: 0 0 auto;
width: 6.5em;
}
.c-card.-article > .body > .data > .term {
flex: 0 0 auto;
width: calc(100% - 7.25em);
}
.c-card.-article > .body > .data > .term > .item {
width: -moz-fit-content;
width: fit-content;
padding: 0.125em 0.75em;
border: 1px solid currentColor;
font-size: var(--font-12);
line-height: var(--leading-xsmall);
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-card.-article > .body > .title {
margin-top: 0.625em;
line-height: var(--leading-small);
}
.c-card.-article > .body > .tag {
display: flex;
flex-wrap: wrap;
gap: 0.375em;
margin-top: 1.25em;
font-size: var(--font-10);
}
.c-card.-article > .body > .tag > .item > .inner {
display: inline-flex;
align-items: center;
padding: 0.5em 0.875em;
background: var(--color-gray-pale);
border: 1px solid var(--color-gray-light);
border-radius: 999px;
color: var(--color-gray);
}
.c-card.-article.-home-blog, .c-card.-article.-single-aside {
font-size: var(--font-14);
}
.c-card.-article.-home-blog > .body > .data, .c-card.-article.-single-aside > .body > .data {
font-size: var(--font-12);
}
.c-card.-article.-home-blog > .body > .data > .term > .item, .c-card.-article.-single-aside > .body > .data > .term > .item {
font-size: var(--font-10);
}
.c-card.-article.-home-blog > .body > .title, .c-card.-article.-single-aside > .body > .title {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-card.-items {
background: var(--color-white);
font-size: var(--font-14);
line-height: var(--leading-xsmall);
text-align: justify;
word-break: break-all;
box-shadow: var(--box-shadow);
}
.c-card.-items::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid var(--color-gray-pale);
pointer-events: none;
}
.c-card.-items > .label {
z-index: 1;
position: absolute;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 2.5em;
aspect-ratio: 1/1.125;
padding-bottom: 0.5em;
background: var(--color-gray-light);
font-size: var(--font-20);
font-family: var(--font-en);
line-height: 1;
color: var(--color-gray);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 0.5em), 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 0.5em), 0 100%);
}
.c-card.-items > .label.-gold {
background: var(--color-gold);
color: var(--color-white);
}
.c-card.-items > .label.-silver {
background: var(--color-silver);
color: var(--color-white);
}
.c-card.-items > .label.-bronze {
background: var(--color-bronze);
color: var(--color-white);
}
.c-card.-items > .media {
aspect-ratio: 1/1;
}
.c-card.-items > .body {
padding: 1em 1em 1.25em;
}
.c-card.-items > .body > .maker {
font-size: var(--font-12);
color: var(--color-gray-dark);
}
.c-card.-items > .body > .maker + .title {
margin-top: 0.25em;
}
.c-card.-items > .body > .price {
margin-top: 0.5em;
}
.c-card.-items > .body > .price > .tax {
font-size: var(--font-10);
}
.c-card.-site-access {
background: var(--color-white);
font-size: var(--font-14);
line-height: var(--leading-small);
letter-spacing: 0.025em;
text-align: justify;
word-break: break-all;
box-shadow: var(--box-shadow);
}
.c-card.-site-access > .body {
position: relative;
padding: clamp(20px, 2.4242424242vw, 32px);
}
.c-card.-site-access > .body > .name {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
font-weight: 700;
line-height: var(--leading-xsmall);
}
.c-card.-site-access > .body > .name > .logoImage {
flex: 0 0 auto;
width: auto;
height: 1.5em;
}
.c-card.-site-access > .body > .address {
margin-top: 1em;
}
.c-card.-site-access > .body > .tel {
margin-top: 0.25em;
}
.c-card.-site-access > .body > .tel > .telnum {
text-decoration: underline;
color: var(--color-orange);
}
@media (min-width: 768px) {
.c-card.-site-access > .body > .tel > .telnum {
color: inherit;
text-decoration: none;
cursor: default;
pointer-events: none;
}
}
.c-card.-site-access > .body > .open {
margin-top: 0.75em;
}
.c-card.-site-access > .body > .open > .term {
font-weight: 700;
}
.c-card.-site-access > .body > .access {
margin-top: 0.75em;
}
.c-card.-site-access > .body > .title {
position: absolute;
bottom: 100%;
left: -0.75em;
padding: 0.375em calc(0.75em + clamp(15px, 1.8181818182vw, 24px));
background: var(--color-orange);
line-height: var(--leading-xsmall);
color: var(--color-white);
transform: translateY(1em);
}
.c-card.-site-access > .body > .text {
line-height: var(--leading-medium);
}
.c-card.-home-items {
background: var(--color-white);
font-size: var(--font-14);
text-align: justify;
word-break: break-all;
box-shadow: var(--box-shadow);
}
.c-card.-home-items > .media {
aspect-ratio: 278/168;
}
.c-card.-home-items > .body {
position: relative;
padding: 1.25em clamp(15px, 1.8181818182vw, 24px);
}
.c-card.-home-items > .body > .title {
position: absolute;
bottom: 100%;
left: -0.75em;
padding: 0.375em calc(0.75em + clamp(15px, 1.8181818182vw, 24px));
background: var(--color-orange);
line-height: var(--leading-xsmall);
color: var(--color-white);
transform: translateY(1em);
}
.c-card.-home-items > .body > .title::before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 0.75em;
aspect-ratio: 2/1.5;
background: var(--color-orange-dark);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.c-card.-home-items > .body > .text {
line-height: var(--leading-medium);
}
.c-card.-home-contents {
font-weight: 700;
font-size: var(--font-16);
text-align: justify;
word-break: break-all;
color: var(--color-white);
}
.c-card.-home-contents > .media {
aspect-ratio: 1/1;
}
.c-card.-home-contents > .media > .image {
transition: transform calc(var(--transition-duration) * 2) ease;
}
.c-card.-home-contents > .body {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.5em;
width: 100%;
height: 100%;
padding: 1.25em 0.5em;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 50%);
text-align: center;
}
.c-card.-home-contents > .body > .heading {
font-size: var(--font-32);
font-family: var(--font-en);
line-height: 1;
}
.c-card.-home-contents > .body > .heading.-jp {
font-size: var(--font-28);
}
.c-card.-home-contents > .body > .subheading {
line-height: var(--leading-xsmall);
}
.c-card.-home-contents > .body > .subheading.-en {
font-weight: 500;
font-size: calc(1em + 2px);
font-family: var(--font-en);
}
.c-card.-home-contents:hover {
opacity: 1;
}
.c-card.-home-contents:hover > .media > .image {
transform: scale(1.1);
}
.c-card.-home-contents.-large > .media {
aspect-ratio: 2/1;
}
.c-card.-home-contents.-large > .body {
padding: clamp(15px, 1.8181818182vw, 24px) clamp(10px, 1.2121212121vw, 16px);
}
.c-card.-itemsHub-category,
.c-card.-singleItems-category {
font-size: var(--font-13);
line-height: var(--leading-xsmall);
text-align: center;
color: var(--color-white);
}
.c-card.-itemsHub-category > .media,
.c-card.-singleItems-category > .media {
aspect-ratio: 1/1;
}
.c-card.-itemsHub-category > .media > .image,
.c-card.-singleItems-category > .media > .image {
transition: transform calc(var(--transition-duration) * 2) ease;
}
.c-card.-itemsHub-category > .body,
.c-card.-singleItems-category > .body {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.375em;
width: 100%;
padding: 0.75em 0.5em;
background: rgba(0, 0, 0, 0.8);
}
.c-card.-itemsHub-category > .body > .heading,
.c-card.-singleItems-category > .body > .heading {
font-size: var(--font-17);
font-family: var(--font-en);
line-height: 1;
}
.c-card.-itemsHub-category[href]:hover,
.c-card.-singleItems-category[href]:hover {
opacity: 1;
}
@media (min-width: 768px) {
.c-card.-itemsHub-category[href]:hover > .media > .image,
.c-card.-singleItems-category[href]:hover > .media > .image {
transform: scale(1.1);
}
}
.c-card.-marking-toc {
flex-direction: row;
background: var(--color-white);
border: 1px solid var(--color-gray-pale);
font-size: var(--font-14);
line-height: var(--leading-medium);
text-align: justify;
word-break: break-all;
box-shadow: var(--box-shadow);
}
@media (min-width: 768px) {
.c-card.-marking-toc {
flex-direction: column;
}
}
@media (min-width: 1200px) {
.c-card.-marking-toc {
flex-direction: row;
}
}
.c-card.-marking-toc > .media {
width: min(45.2173913043%, 208px);
aspect-ratio: 1/1;
}
@media (min-width: 768px) {
.c-card.-marking-toc > .media {
width: 100%;
}
}
@media (min-width: 1200px) {
.c-card.-marking-toc > .media {
width: min(45.2173913043%, 208px);
}
}
.c-card.-marking-toc > .media > .image {
transition: transform calc(var(--transition-duration) * 2) ease;
}
.c-card.-marking-toc > .body {
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(20px, 2.4242424242vw, 32px);
}
@media (min-width: 768px) {
.c-card.-marking-toc > .body {
justify-content: flex-start;
}
}
.c-card.-marking-toc > .body > .heading {
font-weight: 700;
font-size: var(--font-15);
line-height: var(--leading-small);
color: var(--color-orange);
}
.c-card.-marking-toc > .body > .text {
margin-top: 1em;
}
.c-card.-marking-toc[href]:hover {
opacity: 1;
}
@media (min-width: 768px) {
.c-card.-marking-toc[href]:hover > .media > .image {
transform: scale(1.1);
}
}
.c-drawer {
--c-drawer-z-index: var(--z-index-c-drawer);
--c-drawer-duration: .375s;
--c-drawer-easing: cubic-bezier(.43, .01, .08, 1);
--c-drawer-content-background: var(--color-orange);
--c-drawer-scrollbar-color: var(--color-black);
--c-drawer-scrollbar-weight: 3px;
--c-drawer-back-background: rgba(0, 0, 0, .75);
}
.c-drawer {
z-index: var(--c-drawer-z-index);
opacity: 0;
visibility: hidden;
position: relative;
display: block;
transition-property: opacity, visibility;
transition-duration: calc(var(--c-drawer-duration) * 0.625);
transition-timing-function: var(--c-drawer-easing);
}
.c-drawer > .close {
z-index: 2;
position: fixed;
}
.c-drawer > .content {
z-index: 1;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: var(--c-drawer-content-background);
transition: transform calc(var(--c-drawer-duration) * 0.625) var(--c-drawer-easing);
overscroll-behavior-y: contain;
scrollbar-color: var(--c-drawer-scrollbar-color) transparent;
}
.c-drawer > .content::-webkit-scrollbar {
width: var(--c-drawer-scrollbar-weight);
}
.c-drawer > .content::-webkit-scrollbar-track {
background: transparent;
}
.c-drawer > .content::-webkit-scrollbar-thumb {
background: var(--c-drawer-scrollbar-color);
border-radius: var(--c-drawer-scrollbar-weight);
}
.c-drawer > .back {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: var(--c-drawer-back-background);
cursor: default;
}
.c-drawer > .content.-top {
overflow: visible;
bottom: auto;
transform: translate(0, -100%);
}
.c-drawer > .content.-right {
left: auto;
width: auto;
min-height: 100%;
transform: translate(100%, 0);
}
.c-drawer > .content.-bottom {
overflow: visible;
top: auto;
transform: translate(0, 100%);
}
.c-drawer > .content.-left {
right: auto;
width: auto;
min-height: 100%;
transform: translate(-100%, 0);
}
.c-drawer[aria-hidden=false] {
opacity: 1;
visibility: visible;
transition-duration: var(--c-drawer-duration);
}
.c-drawer[aria-hidden=false] > .content {
transform: translate(0, 0);
transition-duration: var(--c-drawer-duration);
}
@media (min-width: 768px) {
.c-drawer.-site-drawer {
display: none;
}
}
.c-embed {
--c-embed-aspect-ratio: 16 / 9;
}
.c-embed {
position: relative;
display: block;
width: 100%;
padding: 0;
}
.c-embed::before {
content: "";
display: block;
aspect-ratio: var(--c-embed-aspect-ratio);
}
.c-embed > .item,
.c-embed > iframe,
.c-embed > embed,
.c-embed > video,
.c-embed > object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.c-embed.-wide::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-embed.-site-access {
--c-embed-aspect-ratio: 4 / 3;
}
@media (min-width: 560px) {
.c-embed.-site-access {
--c-embed-aspect-ratio: 16 / 9;
}
}
@media (min-width: 960px) {
.c-embed.-site-access {
--c-embed-aspect-ratio: 4 / 3;
}
}
.c-embed.-site-access > .item {
background: var(--color-gray-pale);
}
.c-embed.-shop-details-map {
--c-embed-aspect-ratio: 4 / 3;
}
@media (min-width: 560px) {
.c-embed.-shop-details-map {
--c-embed-aspect-ratio: 16 / 9;
}
}
@media (min-width: 960px) {
.c-embed.-shop-details-map {
--c-embed-aspect-ratio: auto;
height: 100%;
}
}
.c-embed.-shop-details-map > .item {
background: var(--color-gray-pale);
}
.c-fadein {
--c-fadein-transform-translate-length: clamp(10px, 1.2121212121vw, 16px);
--c-fadein-transition-duration: 1s;
--c-fadein-transition-timing-function: ease;
--c-fadein-transition-delay: 0s;
}
.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.-is-active {
opacity: 1;
transform: translateX(0);
}
.c-fadein.-delay-1 {
--c-fadein-transition-delay: .3s;
}
.c-fadein.-delay-2 {
--c-fadein-transition-delay: .6s;
}
.c-fadein.-delay-3 {
--c-fadein-transition-delay: .9s;
}
.c-fadein.-delay-4 {
--c-fadein-transition-delay: 1.2s;
}
.c-fadein.-bounce.-is-active {
animation-name: c-fadein-bounce;
}
@keyframes c-fadein-bounce {
0% {
transform: scale3d(0, 0, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.1, 0.9, 1);
}
65% {
transform: scale3d(0.9, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.c-fadein.-home-items {
height: 100%;
}
.c-formControl {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.c-formControl::-moz-placeholder {
opacity: 0.25;
}
.c-formControl::placeholder {
opacity: 0.25;
}
textarea.c-formControl {
resize: vertical;
}
select.c-formControl {
padding-right: 2em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-formControl[multiple], select.c-formControl[size]:not([size="1"]) {
background-image: none;
}
.c-formControl.-auto {
display: inline-block;
width: auto;
}
.c-formControl {
padding: 0.875em 1em;
background: var(--color-white);
border: 1px solid var(--color-gray-light);
border-radius: var(--border-radius-small);
font-size: 16px;
line-height: var(--leading-medium);
}
@media (min-width: 768px) {
.c-formControl {
font-size: var(--font-16);
}
}
.c-formControl.-archive-category {
width: 14em;
padding: 0.625em 2em 0.625em 1.25em;
background-color: var(--color-gray-pale);
font-size: var(--font-15);
}
.c-hamburger {
--c-hamburger-width: 28px;
--c-hamburger-weight: 2px;
--c-hamburger-space: 5px;
--c-hamburger-color: currentColor;
--c-hamburger-duration: .5s;
--c-hamburger-easing: ease;
--c-hamburger-rotate: 30deg;
}
.c-hamburger {
display: flex;
flex-direction: column;
gap: var(--c-hamburger-space);
}
.c-hamburger > .bar {
width: var(--c-hamburger-width);
height: var(--c-hamburger-weight);
background: var(--c-hamburger-color);
}
.c-hamburger > .bar:nth-child(1) {
animation: hamburger-bar1 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
.c-hamburger > .bar:nth-child(2) {
animation: hamburger-bar2 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
.c-hamburger > .bar:nth-child(3) {
animation: hamburger-bar3 var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(1), .c-hamburger[aria-expanded=true] > .bar:nth-child(1) {
animation: hamburger-bar1-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(2), .c-hamburger[aria-expanded=true] > .bar:nth-child(2) {
animation: hamburger-bar2-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
[aria-expanded=true] .c-hamburger > .bar:nth-child(3), .c-hamburger[aria-expanded=true] > .bar:nth-child(3) {
animation: hamburger-bar3-active var(--c-hamburger-duration) var(--c-hamburger-easing) forwards;
}
@keyframes hamburger-bar1 {
0% {
transform: translateY(calc(var(--c-hamburger-weight) + var(--c-hamburger-space))) rotate(calc(var(--c-hamburger-rotate) * -1));
}
50% {
transform: translateY(calc(var(--c-hamburger-weight) + var(--c-hamburger-space))) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-bar1-active {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(calc(var(--c-hamburger-weight, 2px) + var(--c-hamburger-space, 5px))) rotate(0);
}
100% {
transform: translateY(calc(var(--c-hamburger-weight, 2px) + var(--c-hamburger-space, 5px))) rotate(calc(var(--c-hamburger-rotate, 45deg) * -1));
}
}
@keyframes hamburger-bar2 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hamburger-bar2-active {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hamburger-bar3 {
0% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space, 5px)) * -1)) rotate(var(--c-hamburger-rotate));
}
50% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space, 5px)) * -1)) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@keyframes hamburger-bar3-active {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space)) * -1)) rotate(0);
}
100% {
transform: translateY(calc((var(--c-hamburger-weight) + var(--c-hamburger-space)) * -1)) rotate(var(--c-hamburger-rotate));
}
}
.c-heading {
position: relative;
font: inherit;
line-height: 1;
color: inherit;
}
.c-heading.-typeA {
display: flex;
flex-direction: column;
gap: 0.75em;
font-size: var(--font-12);
line-height: var(--leading-xsmall);
color: var(--color-orange);
text-align: center;
}
.c-heading.-typeA[data-text]::before {
content: attr(data-text);
font-weight: 700;
font-size: var(--font-38);
font-family: var(--font-en);
line-height: 1;
color: var(--color-black);
}
.c-heading.-typeB {
display: flex;
flex-direction: column;
gap: 0.75em;
font-size: var(--font-16);
line-height: var(--leading-xsmall);
text-align: center;
}
.c-heading.-typeB[data-text]::before {
content: attr(data-text);
font-weight: 700;
font-size: var(--font-38);
font-family: var(--font-en);
line-height: 1;
}
.c-heading.-typeB > span::before {
content: "-";
margin-right: 0.5em;
}
.c-heading.-typeB > span::after {
content: "-";
margin-left: 0.5em;
}
.c-heading.-typeB.-orange {
color: var(--color-orange);
}
.c-heading.-typeB.-orange[data-text]::before {
color: var(--color-black);
}
.c-heading.-typeB.-site-accessSub {
gap: 0.5em;
}
.c-heading.-typeB.-page-header {
text-shadow: var(--text-shadow);
color: var(--color-white);
}
.c-heading.-typeC {
display: flex;
flex-direction: column;
gap: 0.25em;
font-weight: 700;
font-size: var(--font-33);
line-height: var(--leading-xsmall);
text-align: center;
color: var(--color-orange);
}
.c-heading.-typeC[data-text]::after {
content: attr(data-text);
font-weight: 700;
font-size: var(--font-20);
font-family: var(--font-en);
line-height: 1;
color: var(--color-gray);
}
.c-heading.-typeC.-marking-originalProcess {
color: var(--color-black);
}
.c-heading.-typeC.-marking-originalProcess[data-text]::after {
color: var(--color-orange);
}
.c-heading.-archiveItems-list,
.c-heading.-search-list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.25em;
font-weight: 700;
font-size: var(--font-30);
line-height: var(--leading-xsmall);
}
.c-heading.-archiveItems-list > .subtext,
.c-heading.-search-list > .subtext {
display: inline-block;
font-weight: 500;
font-size: var(--font-18);
}
.c-heading.-shop-section-header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
font-size: var(--font-24);
line-height: var(--leading-xsmall);
}
.c-heading.-shop-section-header > .image {
width: auto;
height: 1.5em;
}
.c-icon {
display: inline-block;
width: 1em;
aspect-ratio: 1/1;
background-color: currentColor;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
vertical-align: baseline;
}
.c-icon.-arrow-right {
-webkit-mask-image: var(--icon-arrow-right);
mask-image: var(--icon-arrow-right);
}
.c-icon.-arrow-left {
-webkit-mask-image: var(--icon-arrow-left);
mask-image: var(--icon-arrow-left);
}
.c-icon.-arrow-b-right {
-webkit-mask-image: var(--icon-arrow-b-right);
mask-image: var(--icon-arrow-b-right);
}
.c-icon.-arrow-b-left {
-webkit-mask-image: var(--icon-arrow-b-left);
mask-image: var(--icon-arrow-b-left);
}
.c-icon.-arrow-b-up {
-webkit-mask-image: var(--icon-arrow-b-up);
mask-image: var(--icon-arrow-b-up);
}
.c-icon.-instagram {
-webkit-mask-image: var(--icon-instagram);
mask-image: var(--icon-instagram);
}
.c-icon.-line {
-webkit-mask-image: var(--icon-line);
mask-image: var(--icon-line);
}
.c-icon.-document {
-webkit-mask-image: var(--icon-document);
mask-image: var(--icon-document);
}
.c-icon.-mail {
-webkit-mask-image: var(--icon-mail);
mask-image: var(--icon-mail);
}
.c-icon.-newWindow {
-webkit-mask-image: var(--icon-newWindow);
mask-image: var(--icon-newWindow);
}
.c-icon.-logo {
-webkit-mask-image: var(--icon-logo);
mask-image: var(--icon-logo);
}
.c-iconBtn {
--c-iconBtn-iconWrap-height: auto;
}
.c-iconBtn {
position: relative;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
font: inherit;
line-height: 1;
letter-spacing: inherit;
text-align: center;
vertical-align: middle;
color: inherit;
cursor: pointer;
}
.c-iconBtn > .iconWrap {
position: relative;
display: grid;
place-items: center;
height: var(--c-iconBtn-iconWrap-height);
}
.c-iconBtn > .iconWrap > .icon {
display: grid;
place-items: center;
}
.c-iconBtn[aria-expanded=false] > .iconWrap > .icon.-close {
opacity: 0;
visibility: hidden;
}
.c-iconBtn[aria-expanded=true] > .iconWrap > .icon.-open {
opacity: 0;
visibility: hidden;
}
.c-iconBtn > .iconWrap > .icon.-open, .c-iconBtn > .iconWrap > .icon.-close {
position: absolute;
opacity: 1;
visibility: visible;
}
.c-iconBtn.-site-wrap-drawerBtn {
--c-iconBtn-iconWrap-height: 24px;
width: 58px;
height: 58px;
background: var(--color-orange);
border-radius: 100%;
color: var(--color-white);
}
.c-iconBtn.-site-wrap-drawerBtn > .text {
margin-top: 0.125em;
font-size: var(--font-10);
letter-spacing: 0.025em;
}
.c-list {
display: flex;
flex-direction: column;
gap: var(--c-list-gap);
font-size: inherit;
line-height: inherit;
padding-left: 1.25em;
text-align: justify;
word-break: break-all;
}
.c-list.-disc {
list-style: disc;
}
.c-list.-circle {
list-style: circle;
}
.c-list.-square {
list-style: square;
}
.c-list.-decimal {
list-style: decimal;
}
.c-list.-custom {
padding-left: 1.25em;
}
.c-list.-custom > li {
position: relative;
}
.c-list.-custom > li::before {
content: attr(data-marker);
width: 1em;
height: 1em;
position: absolute;
left: -1.25em;
}
.c-list.-company-vision {
padding-left: 2.5em;
line-height: var(--leading-small);
font-size: var(--font-16);
}
.c-list.-company-vision > li::before {
width: auto;
height: auto;
left: -2.5em;
font-weight: 700;
color: var(--color-orange);
}
.c-list.-company-vision > li + li {
margin-top: 0.875em;
}
.c-list.-recruit-important {
font-size: var(--font-24);
line-height: var(--leading-small);
}
.c-list.-recruit-important > li + li {
margin-top: 0.5em;
}
.c-list.-recruit-important > li > .en {
font-size: var(--font-14);
font-family: var(--font-en);
color: var(--color-orange);
}
@media (min-width: 768px) {
.c-list.-recruit-important > li > .en {
margin-left: clamp(20px, 2.4242424242vw, 32px);
}
}
.c-loader {
--c-loader-z-index: var(--z-index-c-loader);
--c-loader-background: var(--color-white);
}
.c-loader {
z-index: var(--c-loader-z-index);
opacity: 1;
visibility: visible;
position: fixed;
top: 0;
left: 0;
display: grid;
place-items: center;
width: 100%;
height: 100%;
background: var(--c-loader-background);
}
.c-menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
font: inherit;
line-height: 1;
white-space: nowrap;
color: inherit;
}
.c-menu > .item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.c-menu > .item > .link {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
color: inherit;
}
.c-menu > .item > .child {
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.c-menu > .item > .child > .item {
position: relative;
display: flex;
margin: 0;
}
.c-menu > .item > .child > .item > .link {
display: inline-flex;
}
.c-menu > .item.-separater,
.c-menu > .item > .child > .item.-separater {
flex: 0 0 auto;
align-self: stretch;
border: 0.5px solid currentColor;
}
.c-menu > .item > .child.-center {
left: 50%;
transform: translateX(-50%);
}
.c-menu > .item > .child.-right {
left: auto;
right: 0;
}
.c-menu > .item > .child[aria-hidden=false] {
opacity: 1;
visibility: visible;
}
.c-menu.-gnav {
justify-content: flex-end;
gap: 1.75em;
font-size: var(--font-16);
font-weight: 700;
color: var(--color-white);
}
@media (min-width: 960px) {
.c-menu.-gnav {
gap: 2em;
}
}
@media (min-width: 1200px) {
.c-menu.-gnav {
font-size: var(--font-17);
}
}
.c-menu.-gnav > .item > .link {
padding: 0.5em 0;
text-shadow: var(--text-shadow);
transition-property: color, text-shadow;
}
.c-menu.-gnav > .item > .link:hover {
opacity: 1;
color: var(--color-orange);
text-shadow: var(--text-shadow-small);
}
.c-menu.-gnav > .item > .link.-hasChild::before {
content: "";
position: absolute;
top: 100%;
width: 1em;
height: 0.5em;
background: currentColor;
-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.c-menu.-gnav > .item > .child {
margin-top: 1.25em;
background: rgba(0, 0, 0, 0.8);
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15);
font-weight: 500;
font-size: 0.9em;
color: var(--color-white);
transform: translate(-50%, -8px);
transition-property: opacity, visibility, transform;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.c-menu.-gnav > .item > .child[aria-hidden=false] {
transform: translate(-50%, 0);
}
.c-menu.-gnav > .item > .child > .item > .link {
width: 100%;
padding: 1em 2em 1em 3em;
transition-property: background-color;
}
.c-menu.-gnav > .item > .child > .item > .link::before {
content: "";
position: absolute;
top: 50%;
left: 1em;
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/contain;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-menu.-gnav > .item > .child > .item > .link:hover {
opacity: 1;
background: var(--color-orange);
}
.c-menu.-gnav > .item > .child > .item > .link:hover::before {
transform: translate(0.25em, -50%);
}
.c-noContent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.c-noContent > .text {
text-align: center;
}
.c-noContent {
height: clamp(175px, 21.2121212121vw, 280px);
padding: clamp(25px, 3.0303030303vw, 40px);
background: var(--color-gray-pale);
border: 1px dotted var(--color-gray-light);
font-size: var(--font-15);
line-height: var(--leading-medium);
color: var(--color-gray);
}
.c-pager {
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
.c-pager > .prev {
flex: 1 1 0%;
text-align: left;
}
.c-pager > .back {
flex: 0 0 auto;
text-align: center;
}
.c-pager > .next {
flex: 1 1 0%;
text-align: right;
}
.c-pager > .prev > a,
.c-pager > .next > a {
display: inline-flex;
align-items: center;
}
.c-pager > .prev > a::before {
flex: 0 0 auto;
}
.c-pager > .next > a::after {
flex: 0 0 auto;
}
.c-pager {
gap: 2.5em;
font-size: var(--font-15);
}
.c-pager > .prev > a,
.c-pager > .next > a {
gap: 0.5em;
text-decoration: underline;
}
.c-pager > .prev > a::before,
.c-pager > .next > a::after {
content: "";
width: 1.25em;
aspect-ratio: 1/1;
background: currentColor;
}
.c-pager > .prev > a::before {
-webkit-mask: var(--icon-arrow-left) no-repeat center/cover;
mask: var(--icon-arrow-left) no-repeat center/cover;
}
.c-pager > .next > a::after {
-webkit-mask: var(--icon-arrow-right) no-repeat center/cover;
mask: var(--icon-arrow-right) no-repeat center/cover;
}
.c-pagination {
font: inherit;
line-height: 1;
letter-spacing: 0;
}
.c-pagination > .list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.c-pagination > .list > .item {
display: block;
}
.c-pagination > .list > .item > .link {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: inherit;
}
.c-pagination {
font-size: var(--font-16);
font-family: var(--font-en);
line-height: 0;
}
.c-pagination > .list {
gap: 1.25em;
}
.c-pagination > .list > .item > .link {
width: 1.25em;
height: 2em;
border-bottom: 1px solid transparent;
}
.c-pagination > .list > .item > .link.-current {
border-color: currentColor;
}
.c-row {
--c-row-gutter-x: 0px;
--c-row-gutter-y: 0px;
}
.c-row {
display: flex;
flex-wrap: wrap;
margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
padding: 0;
list-style: none;
}
.c-row > .col {
flex: 1 1 0%;
padding: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
}
.c-row.-center {
justify-content: center;
}
.c-row.-right {
justify-content: flex-end;
}
.c-row.-middle {
align-items: center;
}
.c-row.-bottom {
align-items: flex-end;
}
.c-row.-auto > .col {
flex: 0 0 auto;
}
.c-row.-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
@media (min-width: 560px) {
.c-row.-sm-left {
justify-content: flex-start;
}
.c-row.-sm-center {
justify-content: center;
}
.c-row.-sm-right {
justify-content: flex-end;
}
.c-row.-sm-top {
align-items: flex-start;
}
.c-row.-sm-middle {
align-items: center;
}
.c-row.-sm-bottom {
align-items: flex-end;
}
.c-row.-sm-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-sm-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-sm-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-sm-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-sm-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-sm-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-sm-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-sm-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-sm-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-sm-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-sm-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-sm-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-sm-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 768px) {
.c-row.-md-left {
justify-content: flex-start;
}
.c-row.-md-center {
justify-content: center;
}
.c-row.-md-right {
justify-content: flex-end;
}
.c-row.-md-top {
align-items: flex-start;
}
.c-row.-md-middle {
align-items: center;
}
.c-row.-md-bottom {
align-items: flex-end;
}
.c-row.-md-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-md-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-md-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-md-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-md-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-md-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-md-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-md-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-md-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-md-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-md-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-md-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-md-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 960px) {
.c-row.-lg-left {
justify-content: flex-start;
}
.c-row.-lg-center {
justify-content: center;
}
.c-row.-lg-right {
justify-content: flex-end;
}
.c-row.-lg-top {
align-items: flex-start;
}
.c-row.-lg-middle {
align-items: center;
}
.c-row.-lg-bottom {
align-items: flex-end;
}
.c-row.-lg-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-lg-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-lg-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-lg-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-lg-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-lg-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-lg-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-lg-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-lg-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-lg-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-lg-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-lg-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-lg-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1200px) {
.c-row.-xl-left {
justify-content: flex-start;
}
.c-row.-xl-center {
justify-content: center;
}
.c-row.-xl-right {
justify-content: flex-end;
}
.c-row.-xl-top {
align-items: flex-start;
}
.c-row.-xl-middle {
align-items: center;
}
.c-row.-xl-bottom {
align-items: flex-end;
}
.c-row.-xl-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-xl-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-xl-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-xl-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-xl-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-xl-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-xl-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-xl-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-xl-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-xl-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-xl-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-xl-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-xl-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
@media (min-width: 1400px) {
.c-row.-xxl-left {
justify-content: flex-start;
}
.c-row.-xxl-center {
justify-content: center;
}
.c-row.-xxl-right {
justify-content: flex-end;
}
.c-row.-xxl-top {
align-items: flex-start;
}
.c-row.-xxl-middle {
align-items: center;
}
.c-row.-xxl-bottom {
align-items: flex-end;
}
.c-row.-xxl-auto > .col {
flex: 0 0 auto;
max-width: none;
}
.c-row.-xxl-one > .col {
flex-basis: 100%;
max-width: 100%;
}
.c-row.-xxl-two > .col {
flex-basis: 50%;
max-width: 50%;
}
.c-row.-xxl-three > .col {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row.-xxl-four > .col {
flex-basis: 25%;
max-width: 25%;
}
.c-row.-xxl-five > .col {
flex-basis: 20%;
max-width: 20%;
}
.c-row.-xxl-six > .col {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row.-xxl-seven > .col {
flex-basis: 14.2857142857%;
max-width: 14.2857142857%;
}
.c-row.-xxl-eight > .col {
flex-basis: 12.5%;
max-width: 12.5%;
}
.c-row.-xxl-nine > .col {
flex-basis: 11.1111111111%;
max-width: 11.1111111111%;
}
.c-row.-xxl-ten > .col {
flex-basis: 10%;
max-width: 10%;
}
.c-row.-xxl-eleven > .col {
flex-basis: 9.0909090909%;
max-width: 9.0909090909%;
}
.c-row.-xxl-twelve > .col {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
}
.c-row > .col.-auto {
flex: 0 0 auto;
}
.c-row > .col.-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-twelve {
flex-basis: 100%;
max-width: 100%;
}
@media (min-width: 560px) {
.c-row > .col.-sm-auto {
flex: 0 0 auto;
}
.c-row > .col.-sm-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-sm-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-sm-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-sm-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-sm-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-sm-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-sm-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-sm-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-sm-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-sm-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-sm-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-sm-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) {
.c-row > .col.-md-auto {
flex: 0 0 auto;
}
.c-row > .col.-md-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-md-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-md-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-md-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-md-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-md-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-md-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-md-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-md-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-md-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-md-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-md-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 960px) {
.c-row > .col.-lg-auto {
flex: 0 0 auto;
}
.c-row > .col.-lg-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-lg-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-lg-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-lg-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-lg-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-lg-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-lg-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-lg-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-lg-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-lg-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-lg-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-lg-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.c-row > .col.-xl-auto {
flex: 0 0 auto;
}
.c-row > .col.-xl-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-xl-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-xl-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-xl-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-xl-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-xl-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-xl-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-xl-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-xl-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-xl-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-xl-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-xl-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
@media (min-width: 1400px) {
.c-row > .col.-xxl-auto {
flex: 0 0 auto;
}
.c-row > .col.-xxl-one {
flex-basis: 8.3333333333;
max-width: 8.3333333333%;
}
.c-row > .col.-xxl-two {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.c-row > .col.-xxl-three {
flex-basis: 25%;
max-width: 25%;
}
.c-row > .col.-xxl-four {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.c-row > .col.-xxl-five {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.c-row > .col.-xxl-six {
flex-basis: 50%;
max-width: 50%;
}
.c-row > .col.-xxl-seven {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.c-row > .col.-xxl-eight {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.c-row > .col.-xxl-nine {
flex-basis: 75%;
max-width: 75%;
}
.c-row > .col.-xxl-ten {
flex-basis: 83.3333333333%;
max-width: 83.3333333333;
}
.c-row > .col.-xxl-eleven {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.c-row > .col.-xxl-twelve {
flex-basis: 100%;
max-width: 100%;
}
}
.c-row > .col.-order-1 {
order: 1;
}
.c-row > .col.-order-2 {
order: 2;
}
.c-row > .col.-order-3 {
order: 3;
}
.c-row > .col.-order-4 {
order: 4;
}
.c-row > .col.-order-5 {
order: 5;
}
.c-row > .col.-order-6 {
order: 6;
}
.c-row > .col.-order-7 {
order: 7;
}
.c-row > .col.-order-8 {
order: 8;
}
.c-row > .col.-order-9 {
order: 9;
}
.c-row > .col.-order-10 {
order: 10;
}
.c-row > .col.-order-11 {
order: 11;
}
.c-row > .col.-order-12 {
order: 12;
}
@media (min-width: 560px) {
.c-row > .col.-order-sm-1 {
order: 1;
}
.c-row > .col.-order-sm-2 {
order: 2;
}
.c-row > .col.-order-sm-3 {
order: 3;
}
.c-row > .col.-order-sm-4 {
order: 4;
}
.c-row > .col.-order-sm-5 {
order: 5;
}
.c-row > .col.-order-sm-6 {
order: 6;
}
.c-row > .col.-order-sm-7 {
order: 7;
}
.c-row > .col.-order-sm-8 {
order: 8;
}
.c-row > .col.-order-sm-9 {
order: 9;
}
.c-row > .col.-order-sm-10 {
order: 10;
}
.c-row > .col.-order-sm-11 {
order: 11;
}
.c-row > .col.-order-sm-12 {
order: 12;
}
}
@media (min-width: 768px) {
.c-row > .col.-order-md-1 {
order: 1;
}
.c-row > .col.-order-md-2 {
order: 2;
}
.c-row > .col.-order-md-3 {
order: 3;
}
.c-row > .col.-order-md-4 {
order: 4;
}
.c-row > .col.-order-md-5 {
order: 5;
}
.c-row > .col.-order-md-6 {
order: 6;
}
.c-row > .col.-order-md-7 {
order: 7;
}
.c-row > .col.-order-md-8 {
order: 8;
}
.c-row > .col.-order-md-9 {
order: 9;
}
.c-row > .col.-order-md-10 {
order: 10;
}
.c-row > .col.-order-md-11 {
order: 11;
}
.c-row > .col.-order-md-12 {
order: 12;
}
}
@media (min-width: 960px) {
.c-row > .col.-order-lg-1 {
order: 1;
}
.c-row > .col.-order-lg-2 {
order: 2;
}
.c-row > .col.-order-lg-3 {
order: 3;
}
.c-row > .col.-order-lg-4 {
order: 4;
}
.c-row > .col.-order-lg-5 {
order: 5;
}
.c-row > .col.-order-lg-6 {
order: 6;
}
.c-row > .col.-order-lg-7 {
order: 7;
}
.c-row > .col.-order-lg-8 {
order: 8;
}
.c-row > .col.-order-lg-9 {
order: 9;
}
.c-row > .col.-order-lg-10 {
order: 10;
}
.c-row > .col.-order-lg-11 {
order: 11;
}
.c-row > .col.-order-lg-12 {
order: 12;
}
}
@media (min-width: 1200px) {
.c-row > .col.-order-xl-1 {
order: 1;
}
.c-row > .col.-order-xl-2 {
order: 2;
}
.c-row > .col.-order-xl-3 {
order: 3;
}
.c-row > .col.-order-xl-4 {
order: 4;
}
.c-row > .col.-order-xl-5 {
order: 5;
}
.c-row > .col.-order-xl-6 {
order: 6;
}
.c-row > .col.-order-xl-7 {
order: 7;
}
.c-row > .col.-order-xl-8 {
order: 8;
}
.c-row > .col.-order-xl-9 {
order: 9;
}
.c-row > .col.-order-xl-10 {
order: 10;
}
.c-row > .col.-order-xl-11 {
order: 11;
}
.c-row > .col.-order-xl-12 {
order: 12;
}
}
@media (min-width: 1400px) {
.c-row > .col.-order-xxl-1 {
order: 1;
}
.c-row > .col.-order-xxl-2 {
order: 2;
}
.c-row > .col.-order-xxl-3 {
order: 3;
}
.c-row > .col.-order-xxl-4 {
order: 4;
}
.c-row > .col.-order-xxl-5 {
order: 5;
}
.c-row > .col.-order-xxl-6 {
order: 6;
}
.c-row > .col.-order-xxl-7 {
order: 7;
}
.c-row > .col.-order-xxl-8 {
order: 8;
}
.c-row > .col.-order-xxl-9 {
order: 9;
}
.c-row > .col.-order-xxl-10 {
order: 10;
}
.c-row > .col.-order-xxl-11 {
order: 11;
}
.c-row > .col.-order-xxl-12 {
order: 12;
}
}
.c-row.-xsmall {
--c-row-gutter-x: clamp(10px, 1.2121212121vw, 16px);
--c-row-gutter-y: clamp(10px, 1.2121212121vw, 16px);
}
.c-row.-small {
--c-row-gutter-x: clamp(15px, 1.8181818182vw, 24px);
--c-row-gutter-y: clamp(15px, 1.8181818182vw, 24px);
}
.c-row.-medium {
--c-row-gutter-x: clamp(20px, 2.4242424242vw, 32px);
--c-row-gutter-y: clamp(20px, 2.4242424242vw, 32px);
}
.c-row.-large {
--c-row-gutter-x: clamp(25px, 3.0303030303vw, 40px);
--c-row-gutter-y: clamp(25px, 3.0303030303vw, 40px);
}
.c-row.-home-blog,
.c-row.-archive-list,
.c-row.-single-aside {
--c-row-gutter-x: clamp(20px, 2.4242424242vw, 32px);
--c-row-gutter-y: clamp(30px, 3.6363636364vw, 48px);
}
.c-spinner {
--c-spinner-size: 24px;
--c-spinner-weight: 2px;
--c-spinner-bar-color: var(--color-black);
--c-spinner-track-color: var(--color-gray-light);
}
.c-spinner {
opacity: 0;
display: block;
width: var(--c-spinner-size);
height: var(--c-spinner-size);
border-width: var(--c-spinner-weight);
border-style: solid;
border-color: var(--c-spinner-track-color);
border-top-color: var(--c-spinner-bar-color);
border-radius: 50%;
transition: opacity 0.5s 1s ease;
animation: c-spinner 1s infinite linear;
}
.c-spinner.-is-ready {
opacity: 1;
}
@keyframes c-spinner {
100% {
transform: rotate(360deg);
}
}
.c-typography {
--c-typography-elem-gap: 1.5em;
--c-typography-a-color: var(--color-orange);
}
.c-typography {
font: inherit;
line-height: inherit;
color: inherit;
text-align: justify;
word-break: break-all;
}
.c-typography h1, .c-typography h2, .c-typography h3, .c-typography h4, .c-typography h5, .c-typography h6 {
margin: 0;
}
.c-typography h1:not(.c-heading), .c-typography h2:not(.c-heading), .c-typography h3:not(.c-heading), .c-typography h4:not(.c-heading), .c-typography h5:not(.c-heading), .c-typography h6:not(.c-heading) {
font: inherit;
line-height: inherit;
color: inherit;
}
.c-typography ul:not(.c-list):not(.c-row) {
padding-left: 1.25em;
list-style: disc;
}
.c-typography ol:not(.c-list):not(.c-row) {
padding-left: 1.25em;
list-style: decimal;
}
.c-typography strong {
font-weight: bolder;
}
.c-typography a:not(.c-btn) {
text-decoration-line: underline;
color: var(--c-typography-a-color);
}
.c-typography div:not(.c-row),
.c-typography hr, .c-typography p, .c-typography figure, .c-typography table,
.c-typography dl, .c-typography ul:not(.c-row), .c-typography ol:not(.c-row) {
margin-bottom: var(--c-typography-elem-gap);
}
.c-typography div:not(.c-row):last-child,
.c-typography hr:last-child, .c-typography p:last-child, .c-typography figure:last-child, .c-typography table:last-child,
.c-typography dl:last-child, .c-typography ul:not(.c-row):last-child, .c-typography ol:not(.c-row):last-child {
margin-bottom: 0;
}
.c-typography h1:first-child, .c-typography h2:first-child, .c-typography h3:first-child, .c-typography h4:first-child, .c-typography h5:first-child, .c-typography h6:first-child {
margin-top: 0;
}
.c-typography {
font-size: var(--font-16);
line-height: var(--leading-medium);
}
.c-typography h2 {
margin: 4em 0 1.25em;
}
.c-typography h3 {
margin: 3em 0 1.375em;
}
.c-typography h2:not(.c-heading) {
font-weight: 600;
font-size: calc(1em + 3px);
line-height: var(--leading-small);
}
.c-typography h3:not(.c-heading) {
font-weight: 600;
font-size: calc(1em + 1px);
line-height: var(--leading-small);
}
.c-typography hr {
border-color: currentColor;
}
.c-typography.-singleItems-article-description {
--c-typography-elem-gap: 1em;
font-size: var(--font-14);
line-height: var(--leading-medium);
}
.c-dataList {
font-size: var(--font-14);
line-height: var(--leading-small);
text-align: justify;
word-break: break-all;
}
.c-dataList > .item {
position: relative;
display: flex;
flex-direction: column;
gap: 0.25em 2em;
padding: 1.125em 0;
border-bottom: 1px solid var(--color-gray-light);
}
@media (min-width: 560px) {
.c-dataList > .item {
flex-direction: row;
}
}
.c-dataList > .item:first-child {
padding-top: 0;
}
@media (min-width: 560px) {
.c-dataList > .item::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 7em;
border-bottom: 1px solid var(--color-black);
}
}
.c-dataList > .item > .term {
flex: 0 0 auto;
font-weight: 700;
}
@media (min-width: 560px) {
.c-dataList > .item > .term {
width: 7em;
}
}
.c-dataList > .item > .description {
flex: 1 1 0%;
}
.c-dataList > .item:first-child > .term,
.c-dataList > .item:first-child > .description {
padding-top: 0;
}
.c-section {
overflow: hidden;
}
.c-section > .header {
z-index: 0;
position: relative;
display: flex;
align-items: center;
min-height: clamp(138px, 13.9393939394vw, 184px);
padding: clamp(15px, 1.8181818182vw, 24px) 0 clamp(10px, 1.2121212121vw, 16px);
text-align: center;
color: var(--color-white);
}
.c-section > .header::before {
z-index: -1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + clamp(45px, 5.4545454545vw, 72px));
background-color: var(--color-gray-dark);
background-repeat: no-repeat;
background-position-y: calc(100% + clamp(0px, 3.0303030303vw, 40px));
background-size: auto clamp(0px, 10.6060606061vw, 140px);
}
.c-section > .header > .inner {
position: relative;
display: flex;
flex-direction: column;
gap: clamp(5px, 0.6060606061vw, 8px);
width: 100%;
max-width: var(--content-width-medium);
margin: 0 auto;
}
.c-section > .body {
z-index: 1;
overflow: hidden;
position: relative;
padding-bottom: clamp(63px, 7.5757575758vw, 100px);
}
.c-section > .body > .inner {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.c-section.-large > .header > .inner,
.c-section.-large > .body > .inner {
max-width: var(--content-width-large);
}
.c-section.-xlarge > .header > .inner,
.c-section.-xlarge > .body > .inner {
max-width: var(--content-width-xlarge);
}
.c-section > .header.-small {
min-height: clamp(135px, 13.6363636364vw, 180px);
}
.c-section > .header.-xsmall {
min-height: clamp(105px, 10.6060606061vw, 140px);
}
.c-section > .header.-orange-pale::before {
background-color: var(--color-orange-pale);
}
.c-section > .header.-orange::before {
background-color: var(--color-orange);
}
.c-section > .header.-clip-right::before {
transform-origin: 0 0;
transform: skew(-16deg);
}
.c-section > .header.-clip-left::before {
transform-origin: 100% 0;
transform: skew(16deg);
}
.c-section > .body > .inner.-box {
padding: clamp(40px, 4.8484848485vw, 64px) clamp(0px, 6.0606060606vw, 80px);
background: var(--color-white);
}
@media (min-width: 768px) {
.c-section.-itemsHub-ranking > .header::before {
background-image: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/items-hub-deco-ranking.svg);
background-position-x: 100%;
}
}
.c-section.-itemsHub-ranking > .header > .inner {
width: auto;
padding: 0 clamp(50px, 6.0606060606vw, 80px);
}
.c-section.-itemsHub-ranking > .header > .inner > .deco {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.c-section.-itemsHub-ranking > .header > .inner > .deco > .image {
width: clamp(40px, 4.8484848485vw, 64px);
}
@media (min-width: 768px) {
.c-section.-itemsHub-category > .header::before {
background-image: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/items-hub-deco-category.svg);
background-position-x: 8%;
}
}
.c-section.-itemsHub-category > .body {
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/bg-a.svg) no-repeat 0 clamp(45px, 5.4545454545vw, 72px)/100% auto;
}
.c-section.-itemsHub-category > .body > .deco {
opacity: 0.1;
position: absolute;
bottom: 8%;
left: 4%;
pointer-events: none;
}
.c-section.-itemsHub-category > .body > .deco > .image {
width: clamp(150px, 18.1818181818vw, 240px);
}
.c-section.-itemsHub-maker {
background: linear-gradient(0deg, #D4D4D4, #fff calc(90% - clamp(45px, 5.4545454545vw, 72px)));
}
.c-section.-itemsHub-maker > .header {
padding-top: clamp(5px, 0.6060606061vw, 8px);
}
@media (min-width: 768px) {
.c-section.-itemsHub-maker > .header::before {
background-image: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/items-hub-deco-maker.svg);
background-position-x: 92%;
}
}
.c-section.-itemsHub-maker > .header > .inner > .deco > .image {
width: clamp(60px, 7.2727272727vw, 96px);
}
.c-section.-itemsHub-maker > .body {
padding-bottom: clamp(100px, 12.1212121212vw, 160px);
}
.c-searchform {
display: flex;
gap: clamp(5px, 0.6060606061vw, 8px);
}
.c-searchform > .control {
flex: 1 1 0%;
}
.c-searchform > .submit {
flex: 0 0 auto;
}
.grecaptcha-badge {
visibility: hidden;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.c-slick {
--c-slick-gutter-x: 0px;
--c-slick-gutter-y: 0px;
--c-slick-thumbnail-gutter-x: 0px;
--c-slick-thumbnail-gutter-y: 0px;
}
.c-slick {
z-index: auto;
position: relative;
width: 100%;
height: 100%;
}
.c-slick .slick {
position: static;
height: 100%;
margin: calc(var(--c-slick-gutter-y) / 2 * -1) calc(var(--c-slick-gutter-x) / 2 * -1);
}
.c-slick .slick-list {
width: 100%;
height: 100%;
padding: 0 !important;
}
.c-slick .slick-track {
width: 100%;
height: 100%;
}
.c-slick .slick-slide {
padding: calc(var(--c-slick-gutter-y) / 2) calc(var(--c-slick-gutter-x) / 2);
}
.c-slick .slick-prev,
.c-slick .slick-next,
.c-slick .slick-dots > li > button {
z-index: 1;
position: relative;
display: block;
margin: 0;
padding: 0;
background: currentColor;
border: none;
border-radius: 0;
font: inherit;
font-size: 0;
line-height: 1;
text-decoration: none;
text-align: inherit;
white-space: nowrap;
color: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-slick .slick-prev.slick-disabled,
.c-slick .slick-next.slick-disabled {
opacity: 0.25;
pointer-events: none;
}
.c-slick .slick-dots {
display: flex;
align-items: center;
}
.c-slick .slick-dots > li:only-child {
display: none;
}
.c-slick.-thumbnail .slick-track {
display: flex;
flex-wrap: wrap;
gap: var(--c-slick-thumbnail-gutter-y) var(--c-slick-thumbnail-gutter-x);
width: 100% !important;
transform: unset !important;
}
.c-slick.-thumbnail .slick-track::before, .c-slick.-thumbnail .slick-track::after {
display: none;
}
.c-slick.-thumbnail .slick-slide {
float: none !important;
display: block !important;
cursor: pointer;
}
.c-slick.-thumbnail.-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
@media (min-width: 560px) {
.c-slick.-thumbnail.-sm-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-sm-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-sm-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-sm-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-sm-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-sm-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-sm-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-sm-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
}
@media (min-width: 768px) {
.c-slick.-thumbnail.-md-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-md-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-md-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-md-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-md-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-md-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-md-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-md-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
}
@media (min-width: 960px) {
.c-slick.-thumbnail.-lg-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-lg-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-lg-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-lg-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-lg-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-lg-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-lg-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-lg-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
}
@media (min-width: 1200px) {
.c-slick.-thumbnail.-xl-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-xl-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-xl-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-xl-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-xl-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-xl-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-xl-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-xl-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
}
@media (min-width: 1400px) {
.c-slick.-thumbnail.-xxl-one .slick-slide {
flex-basis: 100%;
max-width: 100%;
}
.c-slick.-thumbnail.-xxl-two .slick-slide {
flex-basis: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
max-width: calc(50% - var(--c-slick-thumbnail-gutter-y) * 1 / 2);
}
.c-slick.-thumbnail.-xxl-three .slick-slide {
flex-basis: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
max-width: calc(33.3333333333% - var(--c-slick-thumbnail-gutter-y) * 2 / 3);
}
.c-slick.-thumbnail.-xxl-four .slick-slide {
flex-basis: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
max-width: calc(25% - var(--c-slick-thumbnail-gutter-y) * 3 / 4);
}
.c-slick.-thumbnail.-xxl-five .slick-slide {
flex-basis: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
max-width: calc(20% - var(--c-slick-thumbnail-gutter-y) * 4 / 5);
}
.c-slick.-thumbnail.-xxl-six .slick-slide {
flex-basis: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
max-width: calc(16.6666666667% - var(--c-slick-thumbnail-gutter-y) * 5 / 6);
}
.c-slick.-thumbnail.-xxl-seven .slick-slide {
flex-basis: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
max-width: calc(14.2857142857% - var(--c-slick-thumbnail-gutter-y) * 6 / 7);
}
.c-slick.-thumbnail.-xxl-eight .slick-slide {
flex-basis: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
max-width: calc(12.5% - var(--c-slick-thumbnail-gutter-y) * 7 / 8);
}
}
.c-slick .slick-prev,
.c-slick .slick-next {
position: absolute;
top: 50%;
width: clamp(18px, 1.8181818182vw, 24px);
aspect-ratio: 1/1;
transform: translateY(-50%);
}
.c-slick .slick-prev {
-webkit-mask: var(--icon-arrow-b-left) no-repeat 50%/contain;
mask: var(--icon-arrow-b-left) no-repeat 50%/contain;
left: clamp(5px, 0.6060606061vw, 8px);
}
.c-slick .slick-next {
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
right: clamp(5px, 0.6060606061vw, 8px);
}
.c-slick.-home-hero-media {
background: var(--color-white);
}
.c-slick.-home-hero-media .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-slick.-home-contents-maker,
.c-slick.-service-brand {
--c-slick-gutter-x: clamp(10px, 1.2121212121vw, 16px);
--c-slick-gutter-y: clamp(10px, 1.2121212121vw, 16px);
}
.c-slick.-home-contents-maker .link,
.c-slick.-service-brand .link {
display: block;
border: 1px solid var(--color-gray-light);
}
.c-slick.-home-contents-maker a.link,
.c-slick.-service-brand a.link {
border-color: var(--color-orange);
}
.c-slick.-home-contents-maker .image,
.c-slick.-service-brand .image {
width: 100%;
aspect-ratio: 236/138;
-o-object-fit: contain;
object-fit: contain;
}
.c-slick.-home-contents-maker .slick-prev,
.c-slick.-service-brand .slick-prev {
transform: translate(-125%, -50%);
}
.c-slick.-home-contents-maker .slick-next,
.c-slick.-service-brand .slick-next {
transform: translate(125%, -50%);
}
.c-slick.-singleItems-gallery-main {
border: 1px solid var(--color-gray-light);
}
.c-slick.-singleItems-gallery-main .image {
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: contain;
object-fit: contain;
}
.c-slick.-singleItems-gallery-thumbnail {
--c-slick-thumbnail-gutter-x: clamp(5px, 0.6060606061vw, 8px);
--c-slick-thumbnail-gutter-y: clamp(5px, 0.6060606061vw, 8px);
}
.c-slick.-singleItems-gallery-thumbnail .slick-slide {
border: 1px solid var(--color-gray-light);
}
.c-slick.-singleItems-gallery-thumbnail .slick-slide.slick-current {
border-color: var(--color-gray);
}
.c-slick.-singleItems-gallery-thumbnail .image {
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
}
.site-wrap {
position: relative;
min-height: 100vh;
}
.site-wrap > .drawerBtn {
z-index: var(--z-index-site-wrap-drawerBtn);
position: fixed;
top: 16px;
right: 16px;
}
@media (min-width: 768px) {
.site-wrap > .drawerBtn {
display: none;
}
}
.site-wrap > .sideNav {
display: none;
}
@media (min-width: 768px) {
.site-wrap > .sideNav {
z-index: var(--z-index-site-wrap-sideNav);
position: fixed;
top: clamp(70px, 8.4848484848vw, 112px);
right: 0;
display: block;
}
}
.site-wrap > .fixedNav {
z-index: var(--z-index-site-wrap-fixedNav);
position: sticky;
bottom: 0;
left: 0;
}
@media (min-width: 768px) {
.site-wrap > .fixedNav {
display: none;
}
}
.site-wrap-sideNav {
font-size: var(--font-11);
line-height: var(--leading-xsmall);
color: var(--color-white);
}
.site-wrap-sideNav > .item + .item {
margin-top: 2em;
}
.site-wrap-sideNav > .item > .link {
display: flex;
align-items: center;
gap: 1em;
padding: 1.125em 1.25em;
background: rgba(0, 0, 0, 0.8);
border-radius: 1.5em 0 0 0;
transition: transform calc(var(--transition-duration) * 2) ease;
transform: translateX(calc(100% - 4.75em));
}
.site-wrap-sideNav > .item > .link:hover {
opacity: 1;
transform: translateX(0);
}
.site-wrap-sideNav > .item > .link > .icon {
flex: 0 0 auto;
font-size: 2.5em;
}
.site-wrap-fixedNav {
display: flex;
font-size: var(--font-12);
white-space: nowrap;
}
.site-wrap-fixedNav > .item {
flex: 1 1 0%;
background: var(--color-gray-pale);
}
.site-wrap-fixedNav > .item.-items {
background: var(--color-orange);
color: var(--color-white);
}
.site-wrap-fixedNav > .item > .link {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5em;
padding: 1.25em 0.5em;
}
.site-wrap-fixedNav > .item > .link > .icon {
font-size: 1.75em;
}
.site-drawer {
padding: 96px 0 16px;
color: var(--color-white);
}
.site-drawer > .sns {
margin-top: 32px;
padding: 0 16px;
}
.site-drawer-gnav {
border-top: 1px solid var(--color-white-40);
font-size: 14px;
line-height: var(--leading-small);
}
.site-drawer-gnav > .item > .link {
position: relative;
display: block;
padding: 0.75em 2.5em 0.75em 1.5em;
border-bottom: 1px solid var(--color-white-40);
}
.site-drawer-gnav > .item > .link::after {
content: "";
position: absolute;
top: 50%;
right: 1em;
width: 0.8em;
aspect-ratio: 1/1;
background: currentColor;
transform: translateY(-50%);
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
}
.site-drawer-sns {
font-weight: 700;
font-size: var(--font-12);
line-height: var(--leading-xsmall);
color: var(--color-orange);
}
.site-drawer-sns > .item + .item {
margin-top: 0.5em;
}
.site-drawer-sns > .item > .link {
display: flex;
align-items: center;
gap: 0.75em;
padding: 0.75em 1.125em;
background: var(--color-white);
}
.site-drawer-sns > .item > .link > .icon {
flex: 0 0 auto;
font-size: 2.25em;
}
.site-drawer-sns > .item > .link > .text {
padding-bottom: 0.25em;
}
.site-header {
z-index: var(--z-index-site-header);
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 16px clamp(40px, 4.8484848485vw, 64px) 16px 8px;
}
.site-header > .brand > .logo:hover {
opacity: 1;
}
.site-header > .brand > .logo > .image {
width: clamp(125px, 15.1515151515vw, 200px);
transform: translateY(-10%);
}
.site-header > .gnav {
display: none;
}
@media (min-width: 768px) {
.site-header > .gnav {
display: block;
}
}
.site-access {
padding: clamp(50px, 6.0606060606vw, 80px) 0 clamp(75px, 9.0909090909vw, 120px);
background: var(--color-gray-pale);
}
.site-access > .inner {
max-width: var(--content-width-large);
margin: 0 auto;
}
.site-access > .inner > .header {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 clamp(50px, 6.0606060606vw, 80px);
}
.site-access > .inner > .header > .deco {
position: absolute;
top: 0;
left: 0;
transform: translateY(-24%);
}
.site-access > .inner > .header > .deco > .image {
width: clamp(40px, 4.8484848485vw, 64px);
}
.site-access > .inner > .body {
margin-top: clamp(35px, 4.2424242424vw, 56px);
}
.site-pagetop {
position: relative;
color: var(--color-white);
}
.site-pagetop::before {
content: "";
position: absolute;
top: 0;
left: 50%;
border-radius: 100%;
width: clamp(75px, 9.0909090909vw, 120px);
aspect-ratio: 1/1;
background: var(--color-blue);
transform: translate(-50%, -30%);
}
.site-pagetop > .pagetopBtn {
position: absolute;
top: 0;
left: 50%;
font-size: var(--font-28);
transform: translate(-50%, -50%);
transition: transform var(--transition-duration) ease;
}
.site-pagetop > .pagetopBtn:hover {
opacity: 1;
transform: translate(-50%, calc(-50% - 0.125em));
}
.site-footer > .content {
padding: clamp(30px, 3.6363636364vw, 48px);
background: var(--color-blue);
color: var(--color-white);
}
@media (min-width: 768px) {
.site-footer > .content {
padding-bottom: clamp(40px, 4.8484848485vw, 64px);
}
}
.site-footer > .content > .brand {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 clamp(60px, 7.2727272727vw, 96px);
text-align: center;
}
.site-footer > .content > .brand > .logo > .image {
width: clamp(123px, 14.8484848485vw, 196px);
}
.site-footer > .content > .brand > .deco {
position: absolute;
bottom: 0;
left: 0;
}
.site-footer > .content > .brand > .deco > .image {
width: clamp(50px, 6.0606060606vw, 80px);
}
.site-footer > .content > .nav {
display: none;
}
@media (min-width: 768px) {
.site-footer > .content > .nav {
display: flex;
justify-content: center;
gap: clamp(25px, 3.0303030303vw, 40px);
margin-top: clamp(35px, 4.2424242424vw, 56px);
}
}
.site-footer > .copyright {
background: var(--color-black-b);
padding: 1.25em;
text-align: center;
font-size: var(--font-10);
letter-spacing: 0;
color: var(--color-gray-light);
}
@media (min-width: 768px) {
.site-footer > .copyright {
font-size: var(--font-12);
}
}
.site-footer-navList {
font-size: var(--font-13);
line-height: var(--leading-xsmall);
}
.site-footer-navList > .item + .item {
margin-top: 1.125em;
}
.site-footer-navList > .item > .link {
display: flex;
align-items: center;
gap: 0.75em;
width: -moz-fit-content;
width: fit-content;
}
.site-footer-navList > .item > .link::before {
flex: 0 0 auto;
content: "";
width: 1em;
aspect-ratio: 1/1;
background: currentColor;
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
mask: var(--icon-arrow-b-right) no-repeat 50%/contain;
transition: transform var(--transition-duration) ease;
}
.site-footer-navList > .item > .link:hover {
opacity: 1;
color: var(--color-orange);
transition-property: color;
}
.site-footer-navList > .item > .link:hover::before {
transform: translateX(0.125em);
}
.page-container > .header {
display: flex;
flex-direction: column;
justify-content: center;
height: clamp(260px, 31.5151515152vw, 416px);
padding-top: clamp(10px, 1.2121212121vw, 16px);
background: var(--color-gray-dark) no-repeat 50%/cover;
}
.page-container > .header.-narrow {
height: clamp(200px, 24.2424242424vw, 320px);
}
.page-container > .header > .heading {
width: 100%;
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.page-container > .breadcrumb {
max-width: var(--content-width-large);
margin: clamp(15px, 1.8181818182vw, 24px) auto 0;
}
.about-container {
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(25px, 3.0303030303vw, 40px) 0 clamp(60px, 7.2727272727vw, 96px);
}
.about-reason > .header {
position: relative;
max-width: var(--content-width-xlarge);
margin: 0 auto;
padding-bottom: 0.625em;
font-weight: 700;
font-size: var(--font-22);
line-height: var(--leading-small);
text-align: center;
}
.about-reason > .header::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: clamp(50px, 6.0606060606vw, 80px);
border-bottom: 2px dashed var(--color-orange);
transform: translateX(-50%) scale(2);
}
.about-reason > .header > .heading > .number {
font-size: 2.5em;
line-height: 0.75;
color: var(--color-orange);
}
.about-reason > .header > .heading > .unit {
font-size: 1.5em;
color: var(--color-orange);
}
.about-reason > .body {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.about-reason > .body > .item + .item {
margin-top: clamp(35px, 4.2424242424vw, 56px);
}
.about-reason > .body > .item {
position: relative;
}
.about-reason > .body > .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - clamp(50px, 6.0606060606vw, 80px));
background: var(--color-gray-pale);
}
.about-reason > .body > .item > .inner {
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.service-container {
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(40px, 4.8484848485vw, 64px) 0 clamp(60px, 7.2727272727vw, 96px);
background: var(--color-orange-pale-b);
}
.service-container > .toc {
max-width: var(--content-width-2xlarge);
margin: 0 auto;
}
.service-container > .brand {
max-width: var(--content-width-medium);
margin: clamp(50px, 6.0606060606vw, 80px) auto 0;
}
.service-brand > .header {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0.5em clamp(30px, 3.6363636364vw, 48px) 0.5em clamp(60px, 7.2727272727vw, 96px);
border-bottom: 2px solid currentColor;
font-size: var(--font-23);
line-height: var(--leading-medium);
text-align: center;
color: var(--color-orange);
}
.service-brand > .header > .deco {
position: absolute;
bottom: 0;
left: 0;
}
.service-brand > .header > .deco > .image {
width: clamp(40px, 4.8484848485vw, 64px);
}
.service-brand > .body {
margin-top: clamp(65px, 7.8787878788vw, 104px);
padding: 0 clamp(20px, 2.4242424242vw, 32px);
}
@media (min-width: 768px) {
.service-brand > .body {
padding: 0;
}
}
.service-brand > .body > .action {
margin-top: clamp(30px, 3.6363636364vw, 48px);
text-align: center;
}
.marking-container {
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(40px, 4.8484848485vw, 64px) 0 clamp(60px, 7.2727272727vw, 96px);
}
.marking-container > .toc {
max-width: var(--content-width-large);
margin: 0 auto;
}
.marking-container > .helmetProcess {
margin-top: clamp(65px, 7.8787878788vw, 104px);
padding: clamp(40px, 4.8484848485vw, 64px) 0;
background: var(--color-orange-pale-b);
}
@media (min-width: 768px) {
.marking-container > .helmetProcess {
margin: clamp(65px, 7.8787878788vw, 104px) clamp(25px, 3.0303030303vw, 40px) 0;
}
}
.marking-container > .helmetProcess > .inner {
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.marking-container > .originalProcess {
position: relative;
margin-top: clamp(125px, 15.1515151515vw, 200px);
padding: clamp(35px, 4.2424242424vw, 56px) 0;
background: var(--color-gray-pale);
}
@media (min-width: 768px) {
.marking-container > .originalProcess {
margin: clamp(125px, 15.1515151515vw, 200px) clamp(25px, 3.0303030303vw, 40px) 0;
}
}
.marking-container > .originalProcess > .deco {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
}
.marking-container > .originalProcess > .deco > .image {
width: clamp(100px, 12.1212121212vw, 160px);
}
.marking-container > .originalProcess > .inner {
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.marking-helmetProcess > .header {
position: relative;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
padding: 0 clamp(75px, 9.0909090909vw, 120px);
}
.marking-helmetProcess > .header > .deco {
position: absolute;
top: 0;
right: 0;
transform: translateY(-24%);
}
.marking-helmetProcess > .header > .deco > .image {
width: clamp(50px, 6.0606060606vw, 80px);
}
.marking-helmetProcess > .body {
margin-top: clamp(35px, 4.2424242424vw, 56px);
}
.marking-helmetProcess > .body > .item + .item {
margin-top: clamp(25px, 3.0303030303vw, 40px);
}
.marking-originalProcess > .body {
margin-top: clamp(35px, 4.2424242424vw, 56px);
}
.marking-originalProcess > .body > .item + .item {
margin-top: clamp(25px, 3.0303030303vw, 40px);
}
.itemsHub-container {
padding: clamp(75px, 9.0909090909vw, 120px) 0 0;
}
.itemsHub-container > .search {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.itemsHub-container > .search + .section {
margin-top: clamp(25px, 3.0303030303vw, 40px);
}
.itemsHub-marker-link {
display: block;
border: 1px solid var(--color-gray-light);
}
a.itemsHub-marker-link {
border-color: var(--color-orange);
}
.itemsHub-marker-link > .image {
width: 100%;
aspect-ratio: 236/138;
-o-object-fit: contain;
object-fit: contain;
}
.company-container {
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(45px, 5.4545454545vw, 72px) 0 clamp(85px, 10.303030303vw, 136px);
background: var(--color-orange-pale-b);
}
.company-container > .vision {
max-width: var(--content-width-medium);
margin: clamp(85px, 10.303030303vw, 136px) auto 0;
}
.company-container > .profile,
.company-container > .history {
max-width: var(--content-width-large);
margin: clamp(75px, 9.0909090909vw, 120px) auto 0;
} .company-vision {
position: relative;
padding: clamp(45px, 5.4545454545vw, 72px) clamp(20px, 2.4242424242vw, 32px) clamp(35px, 4.2424242424vw, 56px);
background: var(--color-white);
}
.company-vision > .header {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.company-vision > .body > .list {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.company-vision > .deco {
position: absolute;
right: 3%;
bottom: 0;
transform: translateY(25%);
}
.company-vision > .deco > .image {
width: clamp(100px, 12.1212121212vw, 160px);
}
.company-profile,
.company-history {
position: relative;
padding: clamp(40px, 4.8484848485vw, 64px) clamp(10px, 1.2121212121vw, 16px);
background: var(--color-white);
}
@media (min-width: 560px) {
.company-profile,
.company-history {
padding: clamp(40px, 4.8484848485vw, 64px) clamp(30px, 3.6363636364vw, 48px);
}
}
@media (min-width: 960px) {
.company-profile,
.company-history {
padding: clamp(40px, 4.8484848485vw, 64px) clamp(125px, 15.1515151515vw, 200px);
}
}
.company-profile > .header,
.company-history > .header {
margin-bottom: clamp(25px, 3.0303030303vw, 40px);
}
@media (min-width: 960px) {
.company-profile > .header,
.company-history > .header {
position: absolute;
left: 0;
transform: translateX(-40%);
}
}
.recruit-container {
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(15px, 1.8181818182vw, 24px) 0 clamp(60px, 7.2727272727vw, 96px);
background: var(--color-orange-pale-b);
}
.recruit-container > .here {
z-index: 0;
position: relative;
padding: clamp(45px, 5.4545454545vw, 72px) 0 clamp(75px, 9.0909090909vw, 120px);
}
.recruit-container > .here::after {
z-index: -1;
opacity: 0.2;
content: "";
position: absolute;
top: 0;
left: 50%;
width: clamp(0px, 53.7878787879vw, 710px);
aspect-ratio: 710/136;
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/recruit-deco-bestwork.svg) no-repeat 50%/contain;
transform: translateX(-50%);
}
.recruit-container > .here > .inner {
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.recruit-container > .important {
z-index: 0;
position: relative;
padding-top: clamp(50px, 6.0606060606vw, 80px);
}
.recruit-container > .important::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - clamp(83px, 10vw, 132px));
background: var(--color-gray-pale);
}
.recruit-container > .important::after {
z-index: -1;
content: "";
position: absolute;
top: clamp(25px, 3.0303030303vw, 40px);
left: 0;
width: clamp(0px, 57.1212121212vw, 754px);
aspect-ratio: 754/136;
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/recruit-deco-important.svg) no-repeat 50%/contain;
}
.recruit-container > .important > .inner {
max-width: var(--content-width-xlarge);
margin: 0 auto;
}
.recruit-container > .message {
position: relative;
width: var(--content-width-medium);
margin: clamp(70px, 8.4848484848vw, 112px) auto 0;
}
@media (min-width: 768px) {
.recruit-container > .message {
width: 100%;
}
}
.recruit-container > .message::before {
opacity: 0.2;
content: "";
position: absolute;
top: clamp(45px, 5.4545454545vw, 72px);
right: 0;
width: clamp(0px, 44.8484848485vw, 592px);
aspect-ratio: 592/136;
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/recruit-deco-message.svg) no-repeat 50%/contain;
}
.recruit-container > .interview {
position: relative;
width: var(--content-width-medium);
margin: clamp(45px, 5.4545454545vw, 72px) auto 0;
}
@media (min-width: 768px) {
.recruit-container > .interview {
width: 100%;
}
}
.recruit-container > .interview::before {
opacity: 0.2;
content: "";
position: absolute;
top: clamp(30px, 3.6363636364vw, 48px);
left: 0;
width: clamp(0px, 51.8939393939vw, 685px);
aspect-ratio: 685/132;
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/recruit-deco-interview.svg) no-repeat 50%/contain;
}
.recruit-container > .requirements {
z-index: 0;
position: relative;
margin-top: clamp(60px, 7.2727272727vw, 96px);
}
.recruit-container > .requirements::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%; height: clamp(190px, 27.2727272727vw, 360px);
background: var(--color-orange);
}
.recruit-container > .requirements::after {
opacity: 0.2;
content: "";
position: absolute;
top: clamp(75px, 9.0909090909vw, 120px);
left: 50%;
width: clamp(0px, 75.7575757576vw, 1000px);
aspect-ratio: 1000/160;
transform: translateX(-50%);
background: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/recruit-deco-requirements.svg) no-repeat 50%/contain;
}
.recruit-container > .requirements > .inner {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.recruit-here {
z-index: 0;
position: relative;
padding: clamp(40px, 4.8484848485vw, 64px) 0 clamp(25px, 3.0303030303vw, 40px);
}
.recruit-here::before {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 50%;
width: var(--content-width-medium);
height: 100%;
background: var(--color-orange);
transform: translateX(-50%);
}
.recruit-here > .deco {
z-index: 1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
}
.recruit-here > .deco > .image {
width: clamp(100px, 12.1212121212vw, 160px);
}
.recruit-here > .header {
position: relative;
text-align: center;
color: var(--color-white);
}
.recruit-here > .header > .subheading {
font-size: var(--font-14);
font-family: var(--font-en);
line-height: var(--leading-small);
}
.recruit-here > .header > .heading {
margin-top: 0.375em;
font-size: var(--font-24);
line-height: var(--leading-xsmall);
}
.recruit-here > .body {
margin-top: clamp(20px, 2.4242424242vw, 32px);
}
.recruit-important > .header > .heading {
font-size: var(--font-32);
line-height: var(--leading-xsmall);
}
.recruit-important > .body {
margin-top: clamp(25px, 3.0303030303vw, 40px);
}
.recruit-important > .body > .list {
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.recruit-important > .body > .scene {
margin-top: clamp(50px, 6.0606060606vw, 80px);
}
.recruit-message > .body {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.recruit-interview > .body {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.recruit-interview > .body > .item + .item {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.recruit-requirements {
padding-top: clamp(40px, 4.8484848485vw, 64px);
}
.recruit-requirements > .body {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.recruit-requirements > .body > .list {
padding: clamp(30px, 3.6363636364vw, 48px) clamp(15px, 1.8181818182vw, 24px) clamp(35px, 4.2424242424vw, 56px);
background: var(--color-white);
box-shadow: var(--box-shadow);
}
@media (min-width: 560px) {
.recruit-requirements > .body > .list {
padding: clamp(30px, 3.6363636364vw, 48px) clamp(40px, 4.8484848485vw, 64px) clamp(35px, 4.2424242424vw, 56px);
}
}
.recruit-requirements > .body > .list + .list {
margin-top: clamp(15px, 1.8181818182vw, 24px);
}
.recruit-requirements > .body > .list > .action {
margin-top: clamp(25px, 3.0303030303vw, 40px);
text-align: center;
}
.recruit-requirements > .body > .action {
width: -moz-fit-content;
width: fit-content;
margin: clamp(30px, 3.6363636364vw, 48px) auto 0;
padding-bottom: 0.25em;
border-bottom: 2px solid currentColor;
font-size: var(--font-20);
text-align: center;
line-height: var(--leading-small);
color: var(--color-orange);
}
.shop-container {
padding-top: clamp(40px, 4.8484848485vw, 64px);
}
.shop-details {
display: flex;
flex-direction: column;
gap: clamp(15px, 1.8181818182vw, 24px);
}
.shop-details > .row {
display: flex;
flex-direction: column;
gap: clamp(15px, 1.8181818182vw, 24px);
}
@media (min-width: 960px) {
.shop-details > .row {
flex-direction: row;
gap: clamp(30px, 3.6363636364vw, 48px);
}
}
.shop-details > .row > .item {
position: relative;
flex: 1 1 0%;
}
@media (min-width: 960px) {
.shop-details > .row > .item.-media, .shop-details > .row > .item.-data, .shop-details > .row > .item.-greetingMedia {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 960px) {
.shop-details > .row > .item.-data {
padding-bottom: clamp(75px, 9.0909090909vw, 120px);
}
}
@media (min-width: 960px) {
.shop-details > .row > .item.-greetingMedia, .shop-details > .row > .item.-greetingText {
margin-top: clamp(-120px, -9.0909090909vw, -75px);
}
}
.shop-details > .row > .item.-greetingMedia {
z-index: 1;
}
@media (min-width: 960px) {
.shop-details > .row > .item.-greetingText {
padding-top: clamp(75px, 9.0909090909vw, 120px);
align-self: flex-end;
}
}
.shop-details-media {
height: 100%;
}
.shop-details-media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.shop-details-instagram {
height: 100%;
padding: clamp(15px, 1.8181818182vw, 24px);
background: var(--color-white);
font-size: var(--font-13);
box-shadow: var(--box-shadow);
}
.shop-details-instagram > .header {
display: flex;
align-items: center;
gap: 1em;
width: -moz-fit-content;
width: fit-content;
transition: color var(--transition-duration) ease;
}
.shop-details-instagram > .header:hover {
opacity: 1;
color: var(--color-orange);
}
.shop-details-instagram > .header > .icon {
display: grid;
place-items: center;
width: 1.75em;
aspect-ratio: 1/1;
background: var(--color-black);
border-radius: 100%;
color: var(--color-white);
font-size: 1.875em;
transition: background-color var(--transition-duration) ease;
}
.shop-details-instagram > .header:hover > .icon {
background-color: var(--color-orange);
}
.shop-details-instagram > .header > .data > .userId {
font-weight: 700;
}
.shop-details-instagram > .header > .data > .userName {
margin-top: 0.5em;
font-size: var(--font-11);
}
.shop-details-instagram > .body {
min-height: clamp(50px, 6.0606060606vw, 80px);
margin: calc(0.5em - 8px) -8px -18px;
}
.shop-details-data {
font-size: var(--font-14);
line-height: var(--leading-xsmall);
text-align: justify;
word-break: break-all;
}
.shop-details-data > .item {
display: flex;
}
.shop-details-data > .item > .term {
flex: 0 0 auto;
width: 6em;
padding: 0.75em 0;
border-bottom: 2px solid var(--color-orange);
}
.shop-details-data > .item > .description {
flex: 1 1 0%;
padding: 0.75em 0 0.75em 1em;
border-bottom: 2px solid var(--color-gray-light);
}
.shop-details-map {
height: 100%;
}
.shop-details-greetingMedia {
--skew-angle: -8deg;
height: 100%;
}
.shop-details-greetingMedia > .inner {
height: 100%;
}
@media (min-width: 960px) {
.shop-details-greetingMedia > .inner {
overflow: hidden;
transform: skew(var(--skew-angle));
transform-origin: 50% 0;
}
}
.shop-details-greetingMedia > .inner > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 960px) {
.shop-details-greetingMedia > .inner > .image {
transform: skew(calc(var(--skew-angle) * -1));
transform-origin: 50% 0;
}
}
.shop-details-greetingText {
position: relative;
padding: 1.5em clamp(75px, 9.0909090909vw, 120px) 1.5em 0;
background: var(--color-white);
border-top: 2px dashed var(--color-orange);
border-bottom: 2px dashed var(--color-orange);
font-size: var(--font-15);
line-height: var(--leading-medium);
text-align: justify;
word-break: break-all;
}
@media (min-width: 960px) {
.shop-details-greetingText {
margin-left: clamp(-120px, -9.0909090909vw, -75px);
padding: 1.5em clamp(75px, 9.0909090909vw, 120px);
}
}
.shop-details-greetingText > .deco {
position: absolute;
right: 0;
bottom: 0;
}
.shop-details-greetingText > .deco > .image.-a {
width: clamp(44px, 5.303030303vw, 70px);
}
.shop-details-greetingText > .deco > .image.-b {
width: clamp(60px, 7.2727272727vw, 96px);
}
.shop-details-greetingText > .deco > .image.-c {
width: clamp(70px, 8.4848484848vw, 112px);
}
.archive-container {
max-width: var(--content-width-large);
margin: 0 auto;
padding: clamp(45px, 5.4545454545vw, 72px) 0 clamp(100px, 12.1212121212vw, 160px);
}
.archive-container > .category + .list {
margin-top: clamp(30px, 3.6363636364vw, 48px);
}
.archive-container > .pagination {
margin-top: clamp(50px, 6.0606060606vw, 80px);
}
.archive-category-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
font-size: var(--font-14);
}
.archive-category-list > .item > .link {
position: relative;
display: block;
min-width: 9em;
padding: 0.75em 2.25em 0.75em 1.5em;
border: 2px solid var(--color-black);
text-align: center;
transition-property: background-color, color;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
.archive-category-list > .item > .link::after {
content: "";
position: absolute;
top: 50%;
right: 0.75em;
width: 1em;
aspect-ratio: 1/1;
transform: translateY(-50%);
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat 50%/contain;
mask: var(--icon-arrow-right) no-repeat 50%/contain;
}
.archive-category-list > .item > .link:hover, .archive-category-list > .item > .link.-current {
opacity: 1;
background: var(--color-black);
color: var(--color-white);
}
.archiveItems-container {
padding: clamp(50px, 6.0606060606vw, 80px) 0 clamp(100px, 12.1212121212vw, 160px);
}
.archiveItems-container > .search {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.archiveItems-container > .search + .list {
margin-top: clamp(50px, 6.0606060606vw, 80px);
}
.single-container {
padding: clamp(75px, 9.0909090909vw, 120px) 0 clamp(40px, 4.8484848485vw, 64px);
}
.single-container > .article {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.single-container > .aside {
margin: clamp(100px, 12.1212121212vw, 160px) auto 0;
}
.single-container > .aside > .inner {
max-width: var(--content-width-medium);
margin: 0 auto;
}
.single-article > .header > .data {
display: flex;
gap: 1.25em;
font-size: var(--font-13);
line-height: 1;
color: var(--color-gray);
}
.single-article > .header > .data > .date {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 0.5em;
}
.single-article > .header > .data > .date::before {
content: "";
width: 0.5em;
aspect-ratio: 1/1;
background: var(--color-orange);
border-radius: 100%;
}
.single-article > .header > .data > .term {
width: -moz-fit-content;
width: fit-content;
padding: 0.125em 0.875em;
border: 1px solid currentColor;
font-size: var(--font-11);
line-height: var(--leading-xsmall);
}
.single-article > .header > .heading {
margin-top: 0.75em;
padding-bottom: 0.75em;
border-bottom: 1px solid currentColor;
font-weight: 700;
font-size: var(--font-32);
line-height: var(--leading-xsmall);
text-align: justify;
word-break: break-all;
}
.single-article > .header > .tag {
display: flex;
flex-wrap: wrap;
gap: 0.375em;
margin-top: 1.25em;
font-size: var(--font-11);
}
.single-article > .header > .tag > .item > .link {
display: inline-flex;
align-items: center;
padding: 0.5em 0.875em;
background: var(--color-gray-pale);
border: 1px solid var(--color-gray-light);
border-radius: 999px;
color: var(--color-gray);
}
.single-article > .body {
margin-top: clamp(40px, 4.8484848485vw, 64px);
}
.single-article > .footer {
margin-top: clamp(60px, 7.2727272727vw, 96px);
}
.single-article > .footer > .share {
padding: clamp(15px, 1.8181818182vw, 24px);
background: var(--color-gray-pale);
border-radius: var(--border-radius);
text-align: center;
}
.single-article > .footer > .share > .heading {
margin-bottom: 0.75em;
font-size: var(--font-13);
}
.single-article > .footer > .pager {
margin-top: clamp(15px, 1.8181818182vw, 24px);
}
.single-aside > .body {
margin-top: clamp(20px, 2.4242424242vw, 32px);
}
.singleItems-container {
padding-top: clamp(40px, 4.8484848485vw, 64px);
}
.singleItems-container > .article {
padding: clamp(55px, 6.6666666667vw, 88px) 0 clamp(75px, 9.0909090909vw, 120px);
background: var(--color-gray-pale-b);
}
.singleItems-container > .article > .inner {
max-width: var(--content-width-large);
margin: 0 auto;
}
.singleItems-article {
display: flex;
flex-direction: column;
gap: clamp(50px, 6.0606060606vw, 80px);
}
@media (min-width: 768px) {
.singleItems-article {
flex-direction: row;
}
}
@media (min-width: 768px) {
.singleItems-article > .gallery {
flex: 0 0 auto;
width: 39.5683453237%;
}
}
.singleItems-article > .gallery > .thumbnail {
margin-top: clamp(15px, 1.8181818182vw, 24px);
}
.singleItems-article > .content {
flex: 1 1 0%;
padding: clamp(10px, 1.2121212121vw, 16px) 0;
}
.singleItems-article > .content > .number {
display: flex;
flex-direction: column;
gap: 0.375em;
margin-bottom: clamp(15px, 1.8181818182vw, 24px);
font-size: var(--font-11);
line-height: var(--leading-small);
color: var(--color-gray);
}
.singleItems-article > .content > .catchphrase {
margin-bottom: clamp(15px, 1.8181818182vw, 24px);
font-size: var(--font-14);
line-height: var(--leading-small);
}
.singleItems-article > .content > .maker {
margin-bottom: 0.25em;
font-size: var(--font-15);
line-height: var(--leading-xsmall);
color: var(--color-gray-dark);
}
.singleItems-article > .content > .title {
font-size: var(--font-23);
line-height: var(--leading-xsmall);
}
.singleItems-article > .content > .price {
margin-top: clamp(20px, 2.4242424242vw, 32px);
}
.singleItems-article > .content > .description {
position: relative;
margin-top: clamp(20px, 2.4242424242vw, 32px);
padding: clamp(15px, 1.8181818182vw, 24px) 0 clamp(20px, 2.4242424242vw, 32px);
border-top: 2px solid var(--color-gray-light);
border-bottom: 2px solid var(--color-gray-light);
}
.singleItems-article > .content > .description::before, .singleItems-article > .content > .description::after {
content: "";
position: absolute;
width: 16%;
border-top: 2px solid var(--color-orange);
}
.singleItems-article > .content > .description::before {
top: -2px;
left: 0;
}
.singleItems-article > .content > .description::after {
bottom: -2px;
right: 0;
}
.singleItems-article > .content > .description > .free + .data {
margin-top: clamp(24px, 2.4242424242vw, 32px);
}
.singleItems-article > .content > .tag {
margin-top: clamp(20px, 2.4242424242vw, 32px);
}
.singleItems-article-price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: clamp(10px, 1.2121212121vw, 16px);
}
.singleItems-article-price > .original {
font-size: var(--font-13);
white-space: nowrap;
color: var(--color-gray-dark);
}
.singleItems-article-price > .result > .label {
font-size: var(--font-15);
}
.singleItems-article-price > .result > .number {
margin-left: 0.125em;
font-size: var(--font-28);
}
.singleItems-article-price > .result > .tax {
font-size: var(--font-13);
}
.singleItems-article-data {
display: flex;
flex-direction: column;
gap: 0.5em;
font-size: var(--font-14);
line-height: var(--leading-medium);
}
.singleItems-article-data > .item > .term {
font-weight: 700;
}
.singleItems-article-data > .item > .description {
margin-top: 0.125em;
}
.singleItems-article-tag {
display: flex;
flex-wrap: wrap;
gap: 0.375em 0.5em;
font-size: var(--font-13);
line-height: var(--leading-xsmall);
color: var(--color-gray-dark);
}
.singleItems-article-tag > .item > .link {
display: inline-flex;
align-items: center;
padding: 0.375em 0.875em 0.375em 1em;
background: var(--color-gray-pale-c);
border: 1px solid var(--color-gray-light);
border-radius: 999px 0px 0px 999px;
}
.notfound-container {
max-width: var(--content-width-large);
margin: 0 auto;
padding: clamp(75px, 9.0909090909vw, 120px) 0 clamp(100px, 12.1212121212vw, 160px);
}
._bg-white {
background-color: var(--color-white) !important;
}
._bg-white-40 {
background-color: var(--color-white-40) !important;
}
._bg-black {
background-color: var(--color-black) !important;
}
._bg-black-b {
background-color: var(--color-black-b) !important;
}
._bg-gray {
background-color: var(--color-gray) !important;
}
._bg-gray-dark {
background-color: var(--color-gray-dark) !important;
}
._bg-gray-light {
background-color: var(--color-gray-light) !important;
}
._bg-gray-pale {
background-color: var(--color-gray-pale) !important;
}
._bg-gray-pale-b {
background-color: var(--color-gray-pale-b) !important;
}
._bg-gray-pale-c {
background-color: var(--color-gray-pale-c) !important;
}
._bg-orange {
background-color: var(--color-orange) !important;
}
._bg-orange-dark {
background-color: var(--color-orange-dark) !important;
}
._bg-orange-pale {
background-color: var(--color-orange-pale) !important;
}
._bg-orange-pale-b {
background-color: var(--color-orange-pale-b) !important;
}
._bg-blue {
background-color: var(--color-blue) !important;
}
._bg-gold {
background-color: var(--color-gold) !important;
}
._bg-silver {
background-color: var(--color-silver) !important;
}
._bg-bronze {
background-color: var(--color-bronze) !important;
}
._bg-red {
background-color: var(--color-red) !important;
}
._font-sans {
font-family: var(--font-sans) !important;
}
._font-serif {
font-family: var(--font-serif) !important;
}
._font-en {
font-family: var(--font-en) !important;
}
._text-white {
color: var(--color-white) !important;
}
._text-white-40 {
color: var(--color-white-40) !important;
}
._text-black {
color: var(--color-black) !important;
}
._text-black-b {
color: var(--color-black-b) !important;
}
._text-gray {
color: var(--color-gray) !important;
}
._text-gray-dark {
color: var(--color-gray-dark) !important;
}
._text-gray-light {
color: var(--color-gray-light) !important;
}
._text-gray-pale {
color: var(--color-gray-pale) !important;
}
._text-gray-pale-b {
color: var(--color-gray-pale-b) !important;
}
._text-gray-pale-c {
color: var(--color-gray-pale-c) !important;
}
._text-orange {
color: var(--color-orange) !important;
}
._text-orange-dark {
color: var(--color-orange-dark) !important;
}
._text-orange-pale {
color: var(--color-orange-pale) !important;
}
._text-orange-pale-b {
color: var(--color-orange-pale-b) !important;
}
._text-blue {
color: var(--color-blue) !important;
}
._text-gold {
color: var(--color-gold) !important;
}
._text-silver {
color: var(--color-silver) !important;
}
._text-bronze {
color: var(--color-bronze) !important;
}
._text-red {
color: var(--color-red) !important;
}
._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
._d-inline-block {
display: inline-block !important;
}
._d-inline {
display: inline !important;
}
._d-flex {
display: flex !important;
}
._d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
._d-sm-inline-block {
display: inline-block !important;
}
._d-sm-inline {
display: inline !important;
}
._d-sm-flex {
display: flex !important;
}
._d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
._d-md-inline-block {
display: inline-block !important;
}
._d-md-inline {
display: inline !important;
}
._d-md-flex {
display: flex !important;
}
._d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
._d-lg-inline-block {
display: inline-block !important;
}
._d-lg-inline {
display: inline !important;
}
._d-lg-flex {
display: flex !important;
}
._d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
._d-xl-inline-block {
display: inline-block !important;
}
._d-xl-inline {
display: inline !important;
}
._d-xl-flex {
display: flex !important;
}
._d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
._d-xxl-none {
display: none !important;
}
._d-xxl-block {
display: block !important;
}
._d-xxl-inline-block {
display: inline-block !important;
}
._d-xxl-inline {
display: inline !important;
}
._d-xxl-flex {
display: flex !important;
}
._d-xxl-inline-flex {
display: inline-flex !important;
}
}
._w-auto {
width: auto !important;
}
._w-50 {
width: 50% !important;
}
._w-100 {
width: 100% !important;
}
._h-auto {
height: auto !important;
}
._h-50 {
height: 50% !important;
}
._h-100 {
height: 100% !important;
}
@media (min-width: 560px) {
._w-sm-auto {
width: auto !important;
}
._w-sm-50 {
width: 50% !important;
}
._w-sm-100 {
width: 100% !important;
}
._h-sm-auto {
height: auto !important;
}
._h-sm-50 {
height: 50% !important;
}
._h-sm-100 {
height: 100% !important;
}
}
@media (min-width: 768px) {
._w-md-auto {
width: auto !important;
}
._w-md-50 {
width: 50% !important;
}
._w-md-100 {
width: 100% !important;
}
._h-md-auto {
height: auto !important;
}
._h-md-50 {
height: 50% !important;
}
._h-md-100 {
height: 100% !important;
}
}
@media (min-width: 960px) {
._w-lg-auto {
width: auto !important;
}
._w-lg-50 {
width: 50% !important;
}
._w-lg-100 {
width: 100% !important;
}
._h-lg-auto {
height: auto !important;
}
._h-lg-50 {
height: 50% !important;
}
._h-lg-100 {
height: 100% !important;
}
}
@media (min-width: 1200px) {
._w-xl-auto {
width: auto !important;
}
._w-xl-50 {
width: 50% !important;
}
._w-xl-100 {
width: 100% !important;
}
._h-xl-auto {
height: auto !important;
}
._h-xl-50 {
height: 50% !important;
}
._h-xl-100 {
height: 100% !important;
}
}
@media (min-width: 1400px) {
._w-xxl-auto {
width: auto !important;
}
._w-xxl-50 {
width: 50% !important;
}
._w-xxl-100 {
width: 100% !important;
}
._h-xxl-auto {
height: auto !important;
}
._h-xxl-50 {
height: 50% !important;
}
._h-xxl-100 {
height: 100% !important;
}
}
._m-auto {
margin: auto !important;
}
._m-0 {
margin: 0 !important;
}
._m-1 {
margin: 0.5em !important;
}
._m-2 {
margin: 1em !important;
}
._m-3 {
margin: 1.5em !important;
}
._m-4 {
margin: 2em !important;
}
._m-5 {
margin: 2.5em !important;
}
._m-6 {
margin: 3em !important;
}
._m-n1 {
margin: -0.5em !important;
}
._m-n2 {
margin: -1em !important;
}
._m-n3 {
margin: -1.5em !important;
}
._m-n4 {
margin: -2em !important;
}
._m-n5 {
margin: -2.5em !important;
}
._m-n6 {
margin: -3em !important;
}
._mt-auto {
margin-top: auto !important;
}
._mt-0 {
margin-top: 0 !important;
}
._mt-1 {
margin-top: 0.5em !important;
}
._mt-2 {
margin-top: 1em !important;
}
._mt-3 {
margin-top: 1.5em !important;
}
._mt-4 {
margin-top: 2em !important;
}
._mt-5 {
margin-top: 2.5em !important;
}
._mt-6 {
margin-top: 3em !important;
}
._mt-n1 {
margin-top: -0.5em !important;
}
._mt-n2 {
margin-top: -1em !important;
}
._mt-n3 {
margin-top: -1.5em !important;
}
._mt-n4 {
margin-top: -2em !important;
}
._mt-n5 {
margin-top: -2.5em !important;
}
._mt-n6 {
margin-top: -3em !important;
}
._mr-auto {
margin-right: auto !important;
}
._mr-0 {
margin-right: 0 !important;
}
._mr-1 {
margin-right: 0.5em !important;
}
._mr-2 {
margin-right: 1em !important;
}
._mr-3 {
margin-right: 1.5em !important;
}
._mr-4 {
margin-right: 2em !important;
}
._mr-5 {
margin-right: 2.5em !important;
}
._mr-6 {
margin-right: 3em !important;
}
._mr-n1 {
margin-right: -0.5em !important;
}
._mr-n2 {
margin-right: -1em !important;
}
._mr-n3 {
margin-right: -1.5em !important;
}
._mr-n4 {
margin-right: -2em !important;
}
._mr-n5 {
margin-right: -2.5em !important;
}
._mr-n6 {
margin-right: -3em !important;
}
._mb-auto {
margin-bottom: auto !important;
}
._mb-0 {
margin-bottom: 0 !important;
}
._mb-1 {
margin-bottom: 0.5em !important;
}
._mb-2 {
margin-bottom: 1em !important;
}
._mb-3 {
margin-bottom: 1.5em !important;
}
._mb-4 {
margin-bottom: 2em !important;
}
._mb-5 {
margin-bottom: 2.5em !important;
}
._mb-6 {
margin-bottom: 3em !important;
}
._mb-n1 {
margin-bottom: -0.5em !important;
}
._mb-n2 {
margin-bottom: -1em !important;
}
._mb-n3 {
margin-bottom: -1.5em !important;
}
._mb-n4 {
margin-bottom: -2em !important;
}
._mb-n5 {
margin-bottom: -2.5em !important;
}
._mb-n6 {
margin-bottom: -3em !important;
}
._ml-auto {
margin-left: auto !important;
}
._ml-0 {
margin-left: 0 !important;
}
._ml-1 {
margin-left: 0.5em !important;
}
._ml-2 {
margin-left: 1em !important;
}
._ml-3 {
margin-left: 1.5em !important;
}
._ml-4 {
margin-left: 2em !important;
}
._ml-5 {
margin-left: 2.5em !important;
}
._ml-6 {
margin-left: 3em !important;
}
._ml-n1 {
margin-left: -0.5em !important;
}
._ml-n2 {
margin-left: -1em !important;
}
._ml-n3 {
margin-left: -1.5em !important;
}
._ml-n4 {
margin-left: -2em !important;
}
._ml-n5 {
margin-left: -2.5em !important;
}
._ml-n6 {
margin-left: -3em !important;
}
._my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
@media (min-width: 560px) {
._m-sm-auto {
margin: auto !important;
}
._m-sm-0 {
margin: 0 !important;
}
._m-sm-1 {
margin: 0.5em !important;
}
._m-sm-2 {
margin: 1em !important;
}
._m-sm-3 {
margin: 1.5em !important;
}
._m-sm-4 {
margin: 2em !important;
}
._m-sm-5 {
margin: 2.5em !important;
}
._m-sm-6 {
margin: 3em !important;
}
._m-sm-n1 {
margin: -0.5em !important;
}
._m-sm-n2 {
margin: -1em !important;
}
._m-sm-n3 {
margin: -1.5em !important;
}
._m-sm-n4 {
margin: -2em !important;
}
._m-sm-n5 {
margin: -2.5em !important;
}
._m-sm-n6 {
margin: -3em !important;
}
._mt-sm-auto {
margin-top: auto !important;
}
._mt-sm-0 {
margin-top: 0 !important;
}
._mt-sm-1 {
margin-top: 0.5em !important;
}
._mt-sm-2 {
margin-top: 1em !important;
}
._mt-sm-3 {
margin-top: 1.5em !important;
}
._mt-sm-4 {
margin-top: 2em !important;
}
._mt-sm-5 {
margin-top: 2.5em !important;
}
._mt-sm-6 {
margin-top: 3em !important;
}
._mt-sm-n1 {
margin-top: -0.5em !important;
}
._mt-sm-n2 {
margin-top: -1em !important;
}
._mt-sm-n3 {
margin-top: -1.5em !important;
}
._mt-sm-n4 {
margin-top: -2em !important;
}
._mt-sm-n5 {
margin-top: -2.5em !important;
}
._mt-sm-n6 {
margin-top: -3em !important;
}
._mr-sm-auto {
margin-right: auto !important;
}
._mr-sm-0 {
margin-right: 0 !important;
}
._mr-sm-1 {
margin-right: 0.5em !important;
}
._mr-sm-2 {
margin-right: 1em !important;
}
._mr-sm-3 {
margin-right: 1.5em !important;
}
._mr-sm-4 {
margin-right: 2em !important;
}
._mr-sm-5 {
margin-right: 2.5em !important;
}
._mr-sm-6 {
margin-right: 3em !important;
}
._mr-sm-n1 {
margin-right: -0.5em !important;
}
._mr-sm-n2 {
margin-right: -1em !important;
}
._mr-sm-n3 {
margin-right: -1.5em !important;
}
._mr-sm-n4 {
margin-right: -2em !important;
}
._mr-sm-n5 {
margin-right: -2.5em !important;
}
._mr-sm-n6 {
margin-right: -3em !important;
}
._mb-sm-auto {
margin-bottom: auto !important;
}
._mb-sm-0 {
margin-bottom: 0 !important;
}
._mb-sm-1 {
margin-bottom: 0.5em !important;
}
._mb-sm-2 {
margin-bottom: 1em !important;
}
._mb-sm-3 {
margin-bottom: 1.5em !important;
}
._mb-sm-4 {
margin-bottom: 2em !important;
}
._mb-sm-5 {
margin-bottom: 2.5em !important;
}
._mb-sm-6 {
margin-bottom: 3em !important;
}
._mb-sm-n1 {
margin-bottom: -0.5em !important;
}
._mb-sm-n2 {
margin-bottom: -1em !important;
}
._mb-sm-n3 {
margin-bottom: -1.5em !important;
}
._mb-sm-n4 {
margin-bottom: -2em !important;
}
._mb-sm-n5 {
margin-bottom: -2.5em !important;
}
._mb-sm-n6 {
margin-bottom: -3em !important;
}
._ml-sm-auto {
margin-left: auto !important;
}
._ml-sm-0 {
margin-left: 0 !important;
}
._ml-sm-1 {
margin-left: 0.5em !important;
}
._ml-sm-2 {
margin-left: 1em !important;
}
._ml-sm-3 {
margin-left: 1.5em !important;
}
._ml-sm-4 {
margin-left: 2em !important;
}
._ml-sm-5 {
margin-left: 2.5em !important;
}
._ml-sm-6 {
margin-left: 3em !important;
}
._ml-sm-n1 {
margin-left: -0.5em !important;
}
._ml-sm-n2 {
margin-left: -1em !important;
}
._ml-sm-n3 {
margin-left: -1.5em !important;
}
._ml-sm-n4 {
margin-left: -2em !important;
}
._ml-sm-n5 {
margin-left: -2.5em !important;
}
._ml-sm-n6 {
margin-left: -3em !important;
}
._my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-sm-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-sm-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-sm-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-sm-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-sm-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-sm-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-sm-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-sm-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-sm-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-sm-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-sm-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-sm-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-sm-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-sm-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-sm-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-sm-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-sm-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-sm-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-sm-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-sm-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-sm-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-sm-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-sm-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-sm-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-sm-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-sm-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 768px) {
._m-md-auto {
margin: auto !important;
}
._m-md-0 {
margin: 0 !important;
}
._m-md-1 {
margin: 0.5em !important;
}
._m-md-2 {
margin: 1em !important;
}
._m-md-3 {
margin: 1.5em !important;
}
._m-md-4 {
margin: 2em !important;
}
._m-md-5 {
margin: 2.5em !important;
}
._m-md-6 {
margin: 3em !important;
}
._m-md-n1 {
margin: -0.5em !important;
}
._m-md-n2 {
margin: -1em !important;
}
._m-md-n3 {
margin: -1.5em !important;
}
._m-md-n4 {
margin: -2em !important;
}
._m-md-n5 {
margin: -2.5em !important;
}
._m-md-n6 {
margin: -3em !important;
}
._mt-md-auto {
margin-top: auto !important;
}
._mt-md-0 {
margin-top: 0 !important;
}
._mt-md-1 {
margin-top: 0.5em !important;
}
._mt-md-2 {
margin-top: 1em !important;
}
._mt-md-3 {
margin-top: 1.5em !important;
}
._mt-md-4 {
margin-top: 2em !important;
}
._mt-md-5 {
margin-top: 2.5em !important;
}
._mt-md-6 {
margin-top: 3em !important;
}
._mt-md-n1 {
margin-top: -0.5em !important;
}
._mt-md-n2 {
margin-top: -1em !important;
}
._mt-md-n3 {
margin-top: -1.5em !important;
}
._mt-md-n4 {
margin-top: -2em !important;
}
._mt-md-n5 {
margin-top: -2.5em !important;
}
._mt-md-n6 {
margin-top: -3em !important;
}
._mr-md-auto {
margin-right: auto !important;
}
._mr-md-0 {
margin-right: 0 !important;
}
._mr-md-1 {
margin-right: 0.5em !important;
}
._mr-md-2 {
margin-right: 1em !important;
}
._mr-md-3 {
margin-right: 1.5em !important;
}
._mr-md-4 {
margin-right: 2em !important;
}
._mr-md-5 {
margin-right: 2.5em !important;
}
._mr-md-6 {
margin-right: 3em !important;
}
._mr-md-n1 {
margin-right: -0.5em !important;
}
._mr-md-n2 {
margin-right: -1em !important;
}
._mr-md-n3 {
margin-right: -1.5em !important;
}
._mr-md-n4 {
margin-right: -2em !important;
}
._mr-md-n5 {
margin-right: -2.5em !important;
}
._mr-md-n6 {
margin-right: -3em !important;
}
._mb-md-auto {
margin-bottom: auto !important;
}
._mb-md-0 {
margin-bottom: 0 !important;
}
._mb-md-1 {
margin-bottom: 0.5em !important;
}
._mb-md-2 {
margin-bottom: 1em !important;
}
._mb-md-3 {
margin-bottom: 1.5em !important;
}
._mb-md-4 {
margin-bottom: 2em !important;
}
._mb-md-5 {
margin-bottom: 2.5em !important;
}
._mb-md-6 {
margin-bottom: 3em !important;
}
._mb-md-n1 {
margin-bottom: -0.5em !important;
}
._mb-md-n2 {
margin-bottom: -1em !important;
}
._mb-md-n3 {
margin-bottom: -1.5em !important;
}
._mb-md-n4 {
margin-bottom: -2em !important;
}
._mb-md-n5 {
margin-bottom: -2.5em !important;
}
._mb-md-n6 {
margin-bottom: -3em !important;
}
._ml-md-auto {
margin-left: auto !important;
}
._ml-md-0 {
margin-left: 0 !important;
}
._ml-md-1 {
margin-left: 0.5em !important;
}
._ml-md-2 {
margin-left: 1em !important;
}
._ml-md-3 {
margin-left: 1.5em !important;
}
._ml-md-4 {
margin-left: 2em !important;
}
._ml-md-5 {
margin-left: 2.5em !important;
}
._ml-md-6 {
margin-left: 3em !important;
}
._ml-md-n1 {
margin-left: -0.5em !important;
}
._ml-md-n2 {
margin-left: -1em !important;
}
._ml-md-n3 {
margin-left: -1.5em !important;
}
._ml-md-n4 {
margin-left: -2em !important;
}
._ml-md-n5 {
margin-left: -2.5em !important;
}
._ml-md-n6 {
margin-left: -3em !important;
}
._my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-md-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-md-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-md-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-md-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-md-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-md-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-md-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-md-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-md-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-md-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-md-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-md-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-md-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-md-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-md-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-md-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-md-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-md-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-md-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-md-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-md-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-md-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-md-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-md-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-md-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-md-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 960px) {
._m-lg-auto {
margin: auto !important;
}
._m-lg-0 {
margin: 0 !important;
}
._m-lg-1 {
margin: 0.5em !important;
}
._m-lg-2 {
margin: 1em !important;
}
._m-lg-3 {
margin: 1.5em !important;
}
._m-lg-4 {
margin: 2em !important;
}
._m-lg-5 {
margin: 2.5em !important;
}
._m-lg-6 {
margin: 3em !important;
}
._m-lg-n1 {
margin: -0.5em !important;
}
._m-lg-n2 {
margin: -1em !important;
}
._m-lg-n3 {
margin: -1.5em !important;
}
._m-lg-n4 {
margin: -2em !important;
}
._m-lg-n5 {
margin: -2.5em !important;
}
._m-lg-n6 {
margin: -3em !important;
}
._mt-lg-auto {
margin-top: auto !important;
}
._mt-lg-0 {
margin-top: 0 !important;
}
._mt-lg-1 {
margin-top: 0.5em !important;
}
._mt-lg-2 {
margin-top: 1em !important;
}
._mt-lg-3 {
margin-top: 1.5em !important;
}
._mt-lg-4 {
margin-top: 2em !important;
}
._mt-lg-5 {
margin-top: 2.5em !important;
}
._mt-lg-6 {
margin-top: 3em !important;
}
._mt-lg-n1 {
margin-top: -0.5em !important;
}
._mt-lg-n2 {
margin-top: -1em !important;
}
._mt-lg-n3 {
margin-top: -1.5em !important;
}
._mt-lg-n4 {
margin-top: -2em !important;
}
._mt-lg-n5 {
margin-top: -2.5em !important;
}
._mt-lg-n6 {
margin-top: -3em !important;
}
._mr-lg-auto {
margin-right: auto !important;
}
._mr-lg-0 {
margin-right: 0 !important;
}
._mr-lg-1 {
margin-right: 0.5em !important;
}
._mr-lg-2 {
margin-right: 1em !important;
}
._mr-lg-3 {
margin-right: 1.5em !important;
}
._mr-lg-4 {
margin-right: 2em !important;
}
._mr-lg-5 {
margin-right: 2.5em !important;
}
._mr-lg-6 {
margin-right: 3em !important;
}
._mr-lg-n1 {
margin-right: -0.5em !important;
}
._mr-lg-n2 {
margin-right: -1em !important;
}
._mr-lg-n3 {
margin-right: -1.5em !important;
}
._mr-lg-n4 {
margin-right: -2em !important;
}
._mr-lg-n5 {
margin-right: -2.5em !important;
}
._mr-lg-n6 {
margin-right: -3em !important;
}
._mb-lg-auto {
margin-bottom: auto !important;
}
._mb-lg-0 {
margin-bottom: 0 !important;
}
._mb-lg-1 {
margin-bottom: 0.5em !important;
}
._mb-lg-2 {
margin-bottom: 1em !important;
}
._mb-lg-3 {
margin-bottom: 1.5em !important;
}
._mb-lg-4 {
margin-bottom: 2em !important;
}
._mb-lg-5 {
margin-bottom: 2.5em !important;
}
._mb-lg-6 {
margin-bottom: 3em !important;
}
._mb-lg-n1 {
margin-bottom: -0.5em !important;
}
._mb-lg-n2 {
margin-bottom: -1em !important;
}
._mb-lg-n3 {
margin-bottom: -1.5em !important;
}
._mb-lg-n4 {
margin-bottom: -2em !important;
}
._mb-lg-n5 {
margin-bottom: -2.5em !important;
}
._mb-lg-n6 {
margin-bottom: -3em !important;
}
._ml-lg-auto {
margin-left: auto !important;
}
._ml-lg-0 {
margin-left: 0 !important;
}
._ml-lg-1 {
margin-left: 0.5em !important;
}
._ml-lg-2 {
margin-left: 1em !important;
}
._ml-lg-3 {
margin-left: 1.5em !important;
}
._ml-lg-4 {
margin-left: 2em !important;
}
._ml-lg-5 {
margin-left: 2.5em !important;
}
._ml-lg-6 {
margin-left: 3em !important;
}
._ml-lg-n1 {
margin-left: -0.5em !important;
}
._ml-lg-n2 {
margin-left: -1em !important;
}
._ml-lg-n3 {
margin-left: -1.5em !important;
}
._ml-lg-n4 {
margin-left: -2em !important;
}
._ml-lg-n5 {
margin-left: -2.5em !important;
}
._ml-lg-n6 {
margin-left: -3em !important;
}
._my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-lg-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-lg-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-lg-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-lg-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-lg-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-lg-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-lg-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-lg-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-lg-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-lg-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-lg-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-lg-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-lg-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-lg-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-lg-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-lg-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-lg-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-lg-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-lg-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-lg-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-lg-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-lg-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-lg-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-lg-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-lg-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-lg-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 1200px) {
._m-xl-auto {
margin: auto !important;
}
._m-xl-0 {
margin: 0 !important;
}
._m-xl-1 {
margin: 0.5em !important;
}
._m-xl-2 {
margin: 1em !important;
}
._m-xl-3 {
margin: 1.5em !important;
}
._m-xl-4 {
margin: 2em !important;
}
._m-xl-5 {
margin: 2.5em !important;
}
._m-xl-6 {
margin: 3em !important;
}
._m-xl-n1 {
margin: -0.5em !important;
}
._m-xl-n2 {
margin: -1em !important;
}
._m-xl-n3 {
margin: -1.5em !important;
}
._m-xl-n4 {
margin: -2em !important;
}
._m-xl-n5 {
margin: -2.5em !important;
}
._m-xl-n6 {
margin: -3em !important;
}
._mt-xl-auto {
margin-top: auto !important;
}
._mt-xl-0 {
margin-top: 0 !important;
}
._mt-xl-1 {
margin-top: 0.5em !important;
}
._mt-xl-2 {
margin-top: 1em !important;
}
._mt-xl-3 {
margin-top: 1.5em !important;
}
._mt-xl-4 {
margin-top: 2em !important;
}
._mt-xl-5 {
margin-top: 2.5em !important;
}
._mt-xl-6 {
margin-top: 3em !important;
}
._mt-xl-n1 {
margin-top: -0.5em !important;
}
._mt-xl-n2 {
margin-top: -1em !important;
}
._mt-xl-n3 {
margin-top: -1.5em !important;
}
._mt-xl-n4 {
margin-top: -2em !important;
}
._mt-xl-n5 {
margin-top: -2.5em !important;
}
._mt-xl-n6 {
margin-top: -3em !important;
}
._mr-xl-auto {
margin-right: auto !important;
}
._mr-xl-0 {
margin-right: 0 !important;
}
._mr-xl-1 {
margin-right: 0.5em !important;
}
._mr-xl-2 {
margin-right: 1em !important;
}
._mr-xl-3 {
margin-right: 1.5em !important;
}
._mr-xl-4 {
margin-right: 2em !important;
}
._mr-xl-5 {
margin-right: 2.5em !important;
}
._mr-xl-6 {
margin-right: 3em !important;
}
._mr-xl-n1 {
margin-right: -0.5em !important;
}
._mr-xl-n2 {
margin-right: -1em !important;
}
._mr-xl-n3 {
margin-right: -1.5em !important;
}
._mr-xl-n4 {
margin-right: -2em !important;
}
._mr-xl-n5 {
margin-right: -2.5em !important;
}
._mr-xl-n6 {
margin-right: -3em !important;
}
._mb-xl-auto {
margin-bottom: auto !important;
}
._mb-xl-0 {
margin-bottom: 0 !important;
}
._mb-xl-1 {
margin-bottom: 0.5em !important;
}
._mb-xl-2 {
margin-bottom: 1em !important;
}
._mb-xl-3 {
margin-bottom: 1.5em !important;
}
._mb-xl-4 {
margin-bottom: 2em !important;
}
._mb-xl-5 {
margin-bottom: 2.5em !important;
}
._mb-xl-6 {
margin-bottom: 3em !important;
}
._mb-xl-n1 {
margin-bottom: -0.5em !important;
}
._mb-xl-n2 {
margin-bottom: -1em !important;
}
._mb-xl-n3 {
margin-bottom: -1.5em !important;
}
._mb-xl-n4 {
margin-bottom: -2em !important;
}
._mb-xl-n5 {
margin-bottom: -2.5em !important;
}
._mb-xl-n6 {
margin-bottom: -3em !important;
}
._ml-xl-auto {
margin-left: auto !important;
}
._ml-xl-0 {
margin-left: 0 !important;
}
._ml-xl-1 {
margin-left: 0.5em !important;
}
._ml-xl-2 {
margin-left: 1em !important;
}
._ml-xl-3 {
margin-left: 1.5em !important;
}
._ml-xl-4 {
margin-left: 2em !important;
}
._ml-xl-5 {
margin-left: 2.5em !important;
}
._ml-xl-6 {
margin-left: 3em !important;
}
._ml-xl-n1 {
margin-left: -0.5em !important;
}
._ml-xl-n2 {
margin-left: -1em !important;
}
._ml-xl-n3 {
margin-left: -1.5em !important;
}
._ml-xl-n4 {
margin-left: -2em !important;
}
._ml-xl-n5 {
margin-left: -2.5em !important;
}
._ml-xl-n6 {
margin-left: -3em !important;
}
._my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-xl-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-xl-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-xl-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-xl-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-xl-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-xl-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-xl-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-xl-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-xl-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-xl-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-xl-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-xl-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-xl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-xl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-xl-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-xl-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-xl-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-xl-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-xl-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-xl-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-xl-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-xl-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-xl-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-xl-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-xl-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-xl-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
@media (min-width: 1400px) {
._m-xxl-auto {
margin: auto !important;
}
._m-xxl-0 {
margin: 0 !important;
}
._m-xxl-1 {
margin: 0.5em !important;
}
._m-xxl-2 {
margin: 1em !important;
}
._m-xxl-3 {
margin: 1.5em !important;
}
._m-xxl-4 {
margin: 2em !important;
}
._m-xxl-5 {
margin: 2.5em !important;
}
._m-xxl-6 {
margin: 3em !important;
}
._m-xxl-n1 {
margin: -0.5em !important;
}
._m-xxl-n2 {
margin: -1em !important;
}
._m-xxl-n3 {
margin: -1.5em !important;
}
._m-xxl-n4 {
margin: -2em !important;
}
._m-xxl-n5 {
margin: -2.5em !important;
}
._m-xxl-n6 {
margin: -3em !important;
}
._mt-xxl-auto {
margin-top: auto !important;
}
._mt-xxl-0 {
margin-top: 0 !important;
}
._mt-xxl-1 {
margin-top: 0.5em !important;
}
._mt-xxl-2 {
margin-top: 1em !important;
}
._mt-xxl-3 {
margin-top: 1.5em !important;
}
._mt-xxl-4 {
margin-top: 2em !important;
}
._mt-xxl-5 {
margin-top: 2.5em !important;
}
._mt-xxl-6 {
margin-top: 3em !important;
}
._mt-xxl-n1 {
margin-top: -0.5em !important;
}
._mt-xxl-n2 {
margin-top: -1em !important;
}
._mt-xxl-n3 {
margin-top: -1.5em !important;
}
._mt-xxl-n4 {
margin-top: -2em !important;
}
._mt-xxl-n5 {
margin-top: -2.5em !important;
}
._mt-xxl-n6 {
margin-top: -3em !important;
}
._mr-xxl-auto {
margin-right: auto !important;
}
._mr-xxl-0 {
margin-right: 0 !important;
}
._mr-xxl-1 {
margin-right: 0.5em !important;
}
._mr-xxl-2 {
margin-right: 1em !important;
}
._mr-xxl-3 {
margin-right: 1.5em !important;
}
._mr-xxl-4 {
margin-right: 2em !important;
}
._mr-xxl-5 {
margin-right: 2.5em !important;
}
._mr-xxl-6 {
margin-right: 3em !important;
}
._mr-xxl-n1 {
margin-right: -0.5em !important;
}
._mr-xxl-n2 {
margin-right: -1em !important;
}
._mr-xxl-n3 {
margin-right: -1.5em !important;
}
._mr-xxl-n4 {
margin-right: -2em !important;
}
._mr-xxl-n5 {
margin-right: -2.5em !important;
}
._mr-xxl-n6 {
margin-right: -3em !important;
}
._mb-xxl-auto {
margin-bottom: auto !important;
}
._mb-xxl-0 {
margin-bottom: 0 !important;
}
._mb-xxl-1 {
margin-bottom: 0.5em !important;
}
._mb-xxl-2 {
margin-bottom: 1em !important;
}
._mb-xxl-3 {
margin-bottom: 1.5em !important;
}
._mb-xxl-4 {
margin-bottom: 2em !important;
}
._mb-xxl-5 {
margin-bottom: 2.5em !important;
}
._mb-xxl-6 {
margin-bottom: 3em !important;
}
._mb-xxl-n1 {
margin-bottom: -0.5em !important;
}
._mb-xxl-n2 {
margin-bottom: -1em !important;
}
._mb-xxl-n3 {
margin-bottom: -1.5em !important;
}
._mb-xxl-n4 {
margin-bottom: -2em !important;
}
._mb-xxl-n5 {
margin-bottom: -2.5em !important;
}
._mb-xxl-n6 {
margin-bottom: -3em !important;
}
._ml-xxl-auto {
margin-left: auto !important;
}
._ml-xxl-0 {
margin-left: 0 !important;
}
._ml-xxl-1 {
margin-left: 0.5em !important;
}
._ml-xxl-2 {
margin-left: 1em !important;
}
._ml-xxl-3 {
margin-left: 1.5em !important;
}
._ml-xxl-4 {
margin-left: 2em !important;
}
._ml-xxl-5 {
margin-left: 2.5em !important;
}
._ml-xxl-6 {
margin-left: 3em !important;
}
._ml-xxl-n1 {
margin-left: -0.5em !important;
}
._ml-xxl-n2 {
margin-left: -1em !important;
}
._ml-xxl-n3 {
margin-left: -1.5em !important;
}
._ml-xxl-n4 {
margin-left: -2em !important;
}
._ml-xxl-n5 {
margin-left: -2.5em !important;
}
._ml-xxl-n6 {
margin-left: -3em !important;
}
._my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
._my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
._my-xxl-1 {
margin-top: 0.5em !important;
margin-bottom: 0.5em !important;
}
._my-xxl-2 {
margin-top: 1em !important;
margin-bottom: 1em !important;
}
._my-xxl-3 {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
._my-xxl-4 {
margin-top: 2em !important;
margin-bottom: 2em !important;
}
._my-xxl-5 {
margin-top: 2.5em !important;
margin-bottom: 2.5em !important;
}
._my-xxl-6 {
margin-top: 3em !important;
margin-bottom: 3em !important;
}
._my-xxl-n1 {
margin-top: -0.5em !important;
margin-bottom: -0.5em !important;
}
._my-xxl-n2 {
margin-top: -1em !important;
margin-bottom: -1em !important;
}
._my-xxl-n3 {
margin-top: -1.5em !important;
margin-bottom: -1.5em !important;
}
._my-xxl-n4 {
margin-top: -2em !important;
margin-bottom: -2em !important;
}
._my-xxl-n5 {
margin-top: -2.5em !important;
margin-bottom: -2.5em !important;
}
._my-xxl-n6 {
margin-top: -3em !important;
margin-bottom: -3em !important;
}
._mx-xxl-auto {
margin-left: auto !important;
margin-right: auto !important;
}
._mx-xxl-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
._mx-xxl-1 {
margin-left: 0.5em !important;
margin-right: 0.5em !important;
}
._mx-xxl-2 {
margin-left: 1em !important;
margin-right: 1em !important;
}
._mx-xxl-3 {
margin-left: 1.5em !important;
margin-right: 1.5em !important;
}
._mx-xxl-4 {
margin-left: 2em !important;
margin-right: 2em !important;
}
._mx-xxl-5 {
margin-left: 2.5em !important;
margin-right: 2.5em !important;
}
._mx-xxl-6 {
margin-left: 3em !important;
margin-right: 3em !important;
}
._mx-xxl-n1 {
margin-left: -0.5em !important;
margin-right: -0.5em !important;
}
._mx-xxl-n2 {
margin-left: -1em !important;
margin-right: -1em !important;
}
._mx-xxl-n3 {
margin-left: -1.5em !important;
margin-right: -1.5em !important;
}
._mx-xxl-n4 {
margin-left: -2em !important;
margin-right: -2em !important;
}
._mx-xxl-n5 {
margin-left: -2.5em !important;
margin-right: -2.5em !important;
}
._mx-xxl-n6 {
margin-left: -3em !important;
margin-right: -3em !important;
}
}
._text-left {
text-align: left !important;
}
._text-center {
text-align: center !important;
}
._text-right {
text-align: right !important;
}
._text-justify {
text-align: justify !important;
}
@media (min-width: 560px) {
._text-sm-left {
text-align: left !important;
}
._text-sm-center {
text-align: center !important;
}
._text-sm-right {
text-align: right !important;
}
._text-sm-justify {
text-align: justify !important;
}
}
@media (min-width: 768px) {
._text-md-left {
text-align: left !important;
}
._text-md-center {
text-align: center !important;
}
._text-md-right {
text-align: right !important;
}
._text-md-justify {
text-align: justify !important;
}
}
@media (min-width: 960px) {
._text-lg-left {
text-align: left !important;
}
._text-lg-center {
text-align: center !important;
}
._text-lg-right {
text-align: right !important;
}
._text-lg-justify {
text-align: justify !important;
}
}
@media (min-width: 1200px) {
._text-xl-left {
text-align: left !important;
}
._text-xl-center {
text-align: center !important;
}
._text-xl-right {
text-align: right !important;
}
._text-xl-justify {
text-align: justify !important;
}
}
@media (min-width: 1400px) {
._text-xxl-left {
text-align: left !important;
}
._text-xxl-center {
text-align: center !important;
}
._text-xxl-right {
text-align: right !important;
}
._text-xxl-justify {
text-align: justify !important;
}
}
._text-underline {
text-decoration-line: underline !important;
}
._text-no-underline {
text-decoration-line: none !important;
}
._text-italic {
font-style: italic !important;
}
._text-not-italic {
font-style: normal !important;
}
._font-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.75em !important;
}
._font-small {
font-size: 0.875em !important;
}
._font-base {
font-size: 1em !important;
}
._font-large {
font-size: 1.125em !important;
}
._font-xlarge {
font-size: 1.25em !important;
}
._font-2xlarge {
font-size: 1.5em !important;
}
._font-3xlarge {
font-size: 2em !important;
}
._leading-none {
line-height: 1 !important;
}
._leading-3xsmall {
line-height: var(--leading-3xsmall) !important;
}
._leading-2xsmall {
line-height: var(--leading-2xsmall) !important;
}
._leading-xsmall {
line-height: var(--leading-xsmall) !important;
}
._leading-small {
line-height: var(--leading-small) !important;
}
._leading-medium {
line-height: var(--leading-medium) !important;
}
._leading-large {
line-height: var(--leading-large) !important;
}.page-faq{
margin: 80px 0 120px;
}
.page-faq > .faq_deco{
z-index: -1;
opacity: 0.1;
position: absolute;
top: clamp(300px, 22.6744186047vw, 390px);
right: 5%;
transform: translateY(-4%);
pointer-events: none;
}
.page-faq > .faq_deco > .faq_deco--image{
width: clamp(100px, 26.1627906977vw, 450px);
}
.page-faq .faqEnd_deco{
z-index: -1;
opacity: 0.1;
position: absolute;
bottom: 30%;
left: 2%;
transform: translateY(-4%);
pointer-events: none;
}
.page-faq .faqEnd_deco > .faqEnd_deco--image{
width: clamp(100px, 26.1627906977vw, 450px);
}
@media (max-width:767px) {
.page-faq .faqEnd_deco{
bottom: 40%;
}
}
.page-faq > .accordion-area{
list-style: none;
width: 95%;
max-width: 960px;
margin:0 auto;
}
.accordion-area p.faq_txt{
text-align: center;
margin-bottom: 80px;
font-size: 20px;
line-height: 2;
}
@media (max-width:767px) {
.accordion-area p.faq_txt{
font-size: 16px;
text-align: left;
margin-bottom: 50px;
}
}
.accordion-area li{
margin: 10px 0;
}
.accordion-area section {
border: 1px solid var(--color-orange);
}
.faq_title {
position: relative;
cursor: pointer;
padding: 3% 3% 3% 50px;
transition: all .5s ease;
font-size: 18px;
font-weight: bold;
line-height: 2;
}
.faq_title::before,
.faq_title::after{
position: absolute;
content:'';
width: 15px;
height: 2px;
background-color: var(--color-orange);
}
.faq_title::before{
top:48%;
left: 15px;
transform: rotate(0deg);
}
.faq_title::after{    
top:48%;
left: 15px;
transform: rotate(90deg);
}
.faq_title.close::before{
transform: rotate(45deg);
}
.faq_title.close::after{
transform: rotate(-45deg);
}
.faq_box {
display: none;
background: #ffdeb1f5;
margin:0 3% 3% 3%;
padding: 3%;
color: #333;
line-height: 2;
} div.contact_guidance > .contact_deco{
z-index: -1;
opacity: 0.1;
position: absolute;
top: 10%;
right: 5%;
transform: translateY(-4%);
pointer-events: none;
}
div.contact_guidance > .contact_deco > .contact_deco--image{
width: clamp(100px, 26.1627906977vw, 450px);
}
@media (max-width:767px) {
div.contact_guidance > .contact_deco{
top: 8%;
}
}
div.contact_guidance{
margin: 30px 0 150px;
}
div.contact_guidance .frame{
margin: 0 auto 60px;
padding:36px 10px 32px 10px;
text-align:center;
line-height: 2;
font-size: 18px;
}
div.contact_guidance .frame > .mes_title{ 
color: var(--color-orange);
font-size: 25px;
font-weight: bold;
}
@media screen and (max-width:768px){
div.contact_guidance{
margin: 0px 0 150px;
}
div.contact_guidance .frame{
width:96%;
padding: 30px 1em;
font-size: 16px;
text-align: left;
margin: 0 auto 30px;
}
}	
div.contact_guidance .question span{
font-weight:600;		
}
div.contact_guidance .tel{
text-align:center;
}
div.contact_guidance .tel a{
font-weight: bold;
font-size: 42px;
color:#4A390F;
}
div.contact_guidance .tel a:before{
content: url(//bestwork-isa.com/wp-content/themes/bestwork/assets/img/footer_telicon.svg);
background-repeat: no-repeat;
background-size: cover;
display: inline-block;
width: 1em;
}
@media screen and (max-width:560px){
div.contact_guidance .tel a{
font-size:32px;
}
}
div.contact_guidance .tel:hover,
div.contact_guidance .tel:hover::before{
color:#EEB73A;
}	
div.contact_guidance .reception{
margin:10px auto;
line-height:1.7;
text-align:center;	
}
.tenpo_tel{
margin: 20px auto;
display: inline-block;
text-align: left;
}
.tenpo_tel > .tenpo_tel--p{
font-size: 30px;
line-height: 2;
letter-spacing: 4px;
}
.tenpo_tel > .tenpo_tel--p > a{
color: var(--color-orange);
letter-spacing: 0;
}
@media (max-width:767px) {
.tenpo_tel > .tenpo_tel--p{
font-size: 25px;
}
}
div.page-content{
width:100%;
margin:0 auto;
margin-bottom:100px;
}
div.mes{
box-sizing:border-box;
margin-bottom:40px;
}
div.mes h3{
color:#c36;
font-size:18px;
font-weight:bold;
}	
#contact{
max-width:var(--content-width-medium);
background-color:#fff;
padding:60px 80px;
box-sizing:border-box;
border:2px solid var(--color-gray-light);
border-radius:10px;
margin: 0 auto;
}
@media screen and (max-width:1380px){
#contact{
padding: 60px 2em;
}
}	
@media screen and (max-width:767px){
#contact{
padding: 60px 1em;
}
}	
#contact .contact-flow {
max-width: 400px;
position: relative;
box-sizing: border-box;
margin: 10px auto 40px auto;
}
#contact .contact-flow:before {
content: "";
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
#contact .contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: flex;
margin: 0;
justify-content: space-between;
align-items: center;
padding: 0;
}
#contact .contact-flow ul.flow-list li {
list-style: none;
}
#contact .contact-flow ul.flow-list > li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: var(--color-black);
}
#contact .contact-flow ul.flow-list > li.flow-list-item.active {
color: var(--color-orange);
}
#contact .contact-flow ul.flow-list > li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
box-shadow: none;
}
#contact .contact-flow ul.flow-list > li.flow-list-item.active:before {
background-color: var(--color-orange);
}	
.contact-form {
margin-top: clamp(47px, 6.27090301vw, 75px);
}
.contact-form > div + div {
margin-top: clamp(19px, 2.508361204vw, 30px);
}
.contact-form > div > dt {
font-size: 16px;
line-height: 1.625;
}
.contact-form > div > dd {
flex: 1 1 0%;
margin-top: clamp(5px, 0.6688963211vw, 8px);
font-size: 15px;
line-height: 2;
}
.contact-form > .privacy {
margin-top: clamp(38px, 5.016722408vw, 60px);
text-align: center;
}
@media (max-width:767px) {
.contact-form > .privacy{
text-align: left;
}
}
.mw_wp_form_confirm .contact-form > .privacy > dd, .mw_wp_form_preview .contact-form > .privacy > dd {
display: none;
}
.contact-form > .submit > dd {
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(13px, 1.6722408027vw, 20px);
}
@media (min-width: 560px) {
.contact-form > .submit > dd {
flex-direction: row-reverse;
}
}
.contact-form a {
color: var(--color-red);
text-decoration: underline;
}
.contact-form .required {
margin-left: 0.25em;
color: var(--color-red);
}
.c-form-control {
--c-form-control-border: 1px solid var(--color-gray-light);
--c-form-control-border-radius: 5px;
--c-form-control-padding: .75em 1em;
--c-form-control-background: var(--color-gray-pale);
--c-form-control-line-height: 1.625;
--c-form-control-font-size: 16px;
--c-form-control-font-color: inherit;
--c-form-control-textarea-padding: 1em;
}
@media (min-width: 768px) {
.c-form-control {
--c-form-control-padding: 1.125em;
--c-form-control-font-size: 17px;
}
}
.c-form-control {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0 0 10px;
padding: var(--c-form-control-padding, 0);
border: var(--c-form-control-border, none);
border-radius: var(--c-form-control-border-radius, 0);
background: var(--c-form-control-background, transparent);
font: inherit;
font-size: var(--c-form-control-font-size, inherit);
line-height: var(--c-form-control-line-height, inherit);
color: var(--c-form-control-font-color, inherit);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-form-control:disabled {
cursor: not-allowed;
}
textarea.c-form-control {
padding: var(--c-form-control-textarea-padding, 0);
resize: vertical;
}
select.c-form-control {
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-form-control[multiple], select.c-form-control[size]:not([size="1"]) {
background-image: none;
}
.c-form-control.-auto {
display: inline-block;
width: auto;
}
.c-btn.-contactAction {
justify-content: center;
min-width: clamp(175px, 23.4113712375vw, 280px);
padding: 1.125em 3.25em;
font-size: 16px;
text-align: center;
}
.c-btn.-contactAction.-submit {
background: var(--color-orange);
border: 3px solid var(--color-orange);
color: var(--color-white);
transition: all .4s;
}
.c-btn.-contactAction.-submit:hover{
transition: all .4s;
background: var(--color-white);
border: 3px solid var(--color-orange);
color: var(--color-orange);
opacity: 1;
}
.c-btn.-contactAction.-back {
background: var(--color-gray-light);
border: 3px solid var(--colorgray-light);
color: var(--color-black);
transition: all .4s;
}
.c-btn.-contactAction.-back:hover{
transition: all .4s;
background: var(--color-white);
border: 3px solid var(--color-black);
color: var(--color-black);
opacity: 1;
}
@media (max-width:767px) {
.c-btn.-contactAction.-submit:hover{
opacity: 1;
}
.c-btn.-contactAction.-back:hover{
opacity: 1;
}
}
.contact-captcha{
text-align: center;
margin: 30px 0;
font-size: 15px;
line-height: 2.2;
}
.contact-captcha > img{
margin: 0 auto;
}
.contact-captcha > input{
padding: 2px 16px;
}
#contact > .contact_deco{
z-index: -1;
opacity: 0.1;
position: absolute;
bottom: 25%;
left: 2%;
transform: translateY(-4%);
pointer-events: none;
}
#contact > .contact_deco > .contact_deco--image{
width: clamp(100px, 26.1627906977vw, 450px);
}
@media (max-width:767px) {
#contact > .contact_deco{
bottom: 30%;
}
} .shop-details .kodawari{
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 1.6;
background-color: var(--color-orange);
border-radius: 5px;
padding: 30px 15px 30px 15px;
}
@media (max-width:560px) {
.shop-details .kodawari{
text-align: left;
}
} .privacy_container {
max-width: var(--content-width-medium);
margin: 0 auto;
padding: 80px 0 120px;
font-size: 16px;
text-align: justify;
word-break: break-all;
line-height: 2.1;
}
@media (max-width:767px) {
.privacy_container {
padding: 50px 0 80px;
min-width: 90%;
}
}
.privacy_container--h2{
margin: 2.25em 0 0.75em;
}
.privacy_container p,
.privacy_container ol {
margin-bottom: 1em;
}
.privacy_container--h2{
position: relative;
font: inherit;
line-height: 1;
}
.privacy_container--h2.-bb {
padding-bottom: 0.25em;
border-bottom: 0.25em solid var(--color-orange);
font-size: 25px;
font-weight: bold;
text-align: justify;
word-break: break-all;
line-height: 1.5;
} .company-vision > .body > .list > .philosophy{
margin-block: 1em 2em;
margin-left: 5%;
}
@media (max-width:1000px) {
.company-vision > .body > .list > .philosophy{
margin-left: 0;
}
}