@charset "UTF-8";
:where(:not(html, canvas, img, svg, video, input, textarea):not(svg *, symbol *, table, th, td, iframe)) { color: unset; font: unset; font-palette: unset; font-synthesis: unset; forced-color-adjust: unset; text-orientation: unset; text-rendering: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; animation-composition: unset; animation: unset; app-region: unset; appearance: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; color-scheme: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: revert; dominant-baseline: unset; empty-cells: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-depth: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scrollbar-gutter: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-highlight: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-mask: unset; -webkit-mask-composite: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; -webkit-user-modify: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
*, ::before, ::after { box-sizing: border-box; }
a, button { cursor: revert; }
ol, ul, menu { list-style: none; }
sup { vertical-align: super; font-size: 0.6em; }
sub { vertical-align: sub; font-size: 0.6em; }
u { text-decoration: underline; }
:where(img) { max-width: 100%; height: auto; }
table { border-collapse: collapse; }
input, textarea { user-select: auto; }
textarea { white-space: revert; }
meter { appearance: revert; }
iframe { width: 100%; display: block; }
:where([hidden]) { display: none; }
:where([contenteditable]:not([contenteditable="false"])) { -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; user-select: auto; }
:where([draggable="true"]) { -webkit-user-drag: element; }
html, :root { color: var(--color-text); text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-feature-settings: "palt"; font-size: 16px; line-height: 2; letter-spacing: 0.06em; font-family: var(--font-normal, sans-serif); scroll-behavior: smooth; }
@media print {
html, :root { color: rgb(0, 0, 0); }
}
@media print {
html, :root { color: rgb(0, 0, 0); }
}
:root {--i-blank:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2223.59%2C7%2019%2C7%2019%2C5%2027%2C5%2027%2C13%2025%2C13%2025%2C8.41%2016.71%2C16.71%2015.29%2C15.29%20%09%0A%09%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%2C9c0-1.1%2C0.9-2%2C2-2h7v2H7v16h16v-7h2v7c0%2C1.1-0.9%2C2-2%2C2H7c-1.1%2C0-2-0.9-2-2V9z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');--i-blank_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2227.38%2C4.62%2018.62%2C4.62%2018.62%2C7.38%2022.68%2C7.38%2014.76%2C15.29%2016.71%2C17.24%20%0A%09%0924.62%2C9.32%2024.62%2C13.38%2027.38%2C13.38%20%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2C6.62C5.69%2C6.62%2C4.62%2C7.69%2C4.62%2C9v16c0%2C1.31%2C1.06%2C2.38%2C2.38%2C2.38h16%0A%09%09c1.31%2C0%2C2.38-1.06%2C2.38-2.38v-7.38h-2.75v7H7.38V9.38h7V6.62H7z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');--i-arrow_r:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_l:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_t:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_r_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_b_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_l_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-arrow_t_b:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');--i-first-green:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB5klEQVQ4jWJkaE5xYGD458AABkwHGGrnHICwSQANCQIMDQs+MDAwMAAAAAD//2ICGcbIyFgPwgiDiQdMrUn1jCzM9xlaUw0YGBgYAAAAAP//YiLZNUgAZNj//4wNDAwMAoz//+1naEhQAAAAAP//IttAJMPA4P9/xokMDQseAAAAAP//IstALIY1MtTOaWBgYGAAAAAA//8i2UB8hjEwMDAAAAAA//8iyUBChjEwMDAAAAAA//8i2kBiDGNgYGAAAAAA//8iykBiDWNgYGAAAAAA//8iaCAphjEwMDAAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaeC/f0yMKAqZ/v0nZBgDAwMDAAAA///C7eXaOQ1gVyFc2AByNV7TGBgYAAAAAP//wh8ppBrKwMAAAAAA//8inGxIMZSBgQEAAAD//yIuYRNrKAMDAwAAAP//Ij7rEWMoAwMDAAAA//8irXAgZCgDAwMAAAD//yK9+MJnKAMDAwAAAP//Iq+AxWUoAwMDAAAA//8ivwrAMJShgKEhQQAAAAD//6KoTkEY+v/Df8Z/jgwNCz4AAAAA//9iZnAyBpn/kIGB4SC4Gt1/7gFJhu4/d4DBTn8lQ92CGwwMDAwAAAAA//8DAF2vwLGNsvCKAAAAAElFTkSuQmCC');--i-last-green:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB2UlEQVQ4jWJkgIGGBAWGhgUP4HxiQXOKAwPDPwewcgamAwAAAAD//2IC060JBowszOeZWpPqSTaQ4Z8DIyNjPQgzMPxzAAAAAP//YmJoSBBg/M+8n4GBQeD/f8YG8gyFAgYGBgAAAAD//2JiaFjw4f9/xokwIYoMZWBgAAAAAP//gni5dk7D//+MjRQbysDAAAAAAP//ghhILUMZGBgAAAAA//9CGEgNQxkYGAAAAAD//0I1kFJDGRgYAAAAAP//wjSQEkMZGBgAAAAA///CbiC5hjIwMAAAAAD//8JtIDmGMjAwAAAAAP//wm8gqYYyMDAAAAAA//8ibCAohzL9+4/M//ePCVEGIAMGBgYAAAAA//8iaCDINSBXIbmwEeRqrIoZGBgAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaiC5hjEwMDAAAAAA///CMJASwxgYGBgAAAAA//9CMZBSwxgYGBgAAAAA//+CG0gNwxgYGBgAAAAA//8CG0gtwxgYGBgAAAAA//8CVQEK//8zFlDDMAYGBgYAAAAA//8CVQEP/jMyOTIwMICqAooMY2BgYAAAAAD//0KuRgVA9QvJJiBXowxMBwAAAAD//wMASHu2VW0ANJQAAAAASUVORK5CYII=');}
:root {
--mq: sm;
--container-padding: 32px;
--gutter: 8px;
--gap: 16px;
--vw: 10px;
--container-width: 1160px;
--col-width: 60px;
--container-wide-width: 1400px;
--col-wide-width: 80px;
--color-border: #ADADAD;
--color-text: #000;
--color-text-white: #fff;
--color-text-secondary: #515151;
--color-text-green: #018463;
--color-text-blue: #124F72;
--color-text-red: #990000;
--color-bg: #fff;
--color-bg-secondary: #F6F7F6;
--color-bg-secondary-a: rgba(0, 0, 0, 0.08);
--color-bg-blue: #E8F3F8;
--color-bg-red: #FFF5F5;
--color-attention: #fb0020;
--color-link: #fb0020;
--i-circle-r: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2035%2035%22%20enable-background%3D%22new%200%200%2035%2035%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M16.7%2C12.2c-0.4-0.4-0.4-1.1%2C0-1.5c0.4-0.4%2C1.1-0.4%2C1.5%2C0l6.1%2C6.1c0.4%2C0.4%2C0.4%2C1.1%2C0%2C1.5l-6.1%2C6.1c-0.4%2C0.4-1.1%2C0.4-1.5%2C0%0A%09%09c-0.4-0.4-0.4-1.1%2C0-1.5l4.3-4.3H10.6c-0.6%2C0-1.1-0.5-1.1-1.1s0.5-1.1%2C1.1-1.1H21L16.7%2C12.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8281%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2216.1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
--i-dl: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2C20h3v5h20v-5h3v8H3V20z%20M13%2C16V4h6v12h4l-7%2C7l-7-7H13z%22%2F%3E%0A%3C%2Fsvg%3E");
--i-search: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.6%2C18.1c-4.8%2C0-8.6-4-8.6-8.8c0-4.7%2C3.9-8.5%2C8.6-8.6c4.8%2C0.1%2C8.6%2C4%2C8.6%2C8.8C18.1%2C14.3%2C14.3%2C18.1%2C9.6%2C18.1z%20M9.6%2C2.3c-4%2C0-7.2%2C3.2-7.2%2C7.2s3.2%2C7.2%2C7.2%2C7.2s7.2-3.2%2C7.2-7.2S13.6%2C2.3%2C9.6%2C2.3z%22%2F%3E%0A%3Cpath%20d%3D%22M20%2C21.2l-5-5l1-1l5%2C5L20%2C21.2z%22%2F%3E%0A%3C%2Fsvg%3E");
--i-share: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.9583%205.11538C13.224%205.11538%2014.25%204.0822%2014.25%202.80769C14.25%201.53319%2013.224%200.5%2011.9583%200.5C10.6927%200.5%209.66667%201.53319%209.66667%202.80769C9.66667%203.06448%209.70832%203.31147%209.78519%203.54219L4.54299%206.51155C4.12262%206.0105%203.49404%205.69231%202.79167%205.69231C1.52601%205.69231%200.5%206.7255%200.5%208C0.5%209.2745%201.52601%2010.3077%202.79167%2010.3077C3.49404%2010.3077%204.12262%209.9895%204.54299%209.48845L9.78519%2012.4578C9.70832%2012.6885%209.66667%2012.9355%209.66667%2013.1923C9.66667%2014.4668%2010.6927%2015.5%2011.9583%2015.5C13.224%2015.5%2014.25%2014.4668%2014.25%2013.1923C14.25%2011.9178%2013.224%2010.8846%2011.9583%2010.8846C11.256%2010.8846%2010.6274%2011.2028%2010.207%2011.7038L4.96482%208.73449C5.04168%208.50377%205.08333%208.25678%205.08333%208C5.08333%207.74321%205.04168%207.49622%204.96481%207.26551L10.207%204.29615C10.6274%204.79719%2011.256%205.11538%2011.9583%205.11538Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
--i-cross: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.11612%206.00006L0.696699%2010.4195L1.58058%2011.3034L6%206.88394L10.4194%2011.3034L11.3033%2010.4195L6.88388%206.00006L11.3033%201.58064L10.4194%200.696761L6%205.11618L1.58058%200.696761L0.696699%201.58064L5.11612%206.00006Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
--i-file: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%0A%09%20height%3D%2216px%22%20viewBox%3D%220%200%2014%2016%22%20enable-background%3D%22new%200%200%2014%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.04%2C1H2.12v2.78H0.75v3.33h1.37V16h11.13V4.24L10.04%2C1z%20M3.22%2C7.11v7.78h8.93%0A%09V5.31H8.99V2.11H3.22v1.67h4.95v3.33H3.22z%20M11.65%2C4.19l-1.56-1.58v1.58H11.65z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}
:root {
--font-normal: "Clarimo UD PE Light", "UD Shin Go Light JIS2004", sans-serif;
--font-medium: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004", sans-serif;
--font-bold: "Clarimo UD PE Medium", "UD Shin Go Medium JIS2004", sans-serif;
--font-normal-conde: "Clarimo UD PE Light", "UD Shin Go Conde90 L JIS2004", sans-serif;
--font-medium-conde: "Clarimo UD PE Regular", "UD Shin Go Conde90 R JIS2004", sans-serif;
--font-bold-conde: "Clarimo UD PE Medium", "UD Shin Go Conde90 M JIS2004", sans-serif
}
@media screen and (min-width: 768px)and (max-width: 1279px) {
:root {
--mq: md;
--container-padding: 40px;
--gutter: 16px;
--gap: 32px
}
}
@media screen and (min-width: 1280px) {
:root {
--mq: lg;
--container-padding: 64px;
--gutter: 20px;
--gap: 40px
}
}
#onetrust-consent-sdk,#onetrust-consent-sdk * {
font-family: sans-serif
}
body,
ul,
ol,
dl,
button {
margin: 0;
padding: 0;
}
ol,
ul {
list-style-type: none;
}
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
line-height: 1.75;
letter-spacing: 0.06em;
}
html.-fixed {
position: fixed;
overflow: hidden;
width: 100vw;
}
html,:root {
color: var(--color-text);
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-size: 16px;
line-height: 2;
letter-spacing: .06em;
font-family: sans-serif;
font-family: var(--font-normal, sans-serif);
scroll-behavior: smooth
}
body {
position: relative;
line-height: 1.75;
/* color: #333333;*/
color: #000000;
}
.-fixed body {
overflow-y: scroll;
}
main {
position: relative;
width: 100%;
display: block;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
main {
position: initial;
width: initial;
}
}
p {
font-size: 1rem;
}
a {
text-decoration: none;
color: #333333;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input,
button {
color: #333333;
}
select {
overflow-wrap: normal;
}
img {
max-width: 100%;
height: auto;
}
* > img {
vertical-align: top;
}
small {
font-size: 80%;
}
em {
font-style: normal;
}
h1,h2,h3,h4,h5,h6,p {
overflow-wrap: break-word;
}
h2,h3,h4,h5,h6,p {
margin-bottom: 1rem
}
.caption {
font-size: 14px;
line-height: 1.75;
margin-top: .75rem;
margin-bottom: .75rem
}
h1,.h1 {
font-family: var(--font-bold-conde, sans-serif);
font-weight: 700
}
@media print,screen and (min-width: 768px) {
h1,.h1 {
font-size:36px;
line-height: 1.5;
margin-top: 5rem;
margin-bottom: 1.5rem
}
}
@media screen and (max-width: 767px) {
h1,.h1 {
font-size:32px;
line-height: 1.5;
margin-top: 5rem;
margin-bottom: 1.5rem
}
}
h2,.h2 {
font-family: var(--font-normal-conde, sans-serif);
font-weight: 400
}
@media print,screen and (min-width: 768px) {
h2,.h2 {
font-size:36px;
line-height: 1.5;
margin-top: 5rem
}
}
@media screen and (max-width: 767px) {
h2,.h2 {
font-size:32px;
line-height: 1.5;
margin-top: 5rem
}
}
h3,.h3 {
font-family: var(--font-normal-conde, sans-serif);
font-weight: 400
}
@media print,screen and (min-width: 768px) {
h3,.h3 {
font-size:30px;
line-height: 1.5;
margin-top: 4.5rem
}
}
@media screen and (max-width: 767px) {
h3,.h3 {
font-size:24px;
line-height: 1.5;
margin-top: 4.5rem
}
}
h4,.h4 {
font-family: var(--font-normal-conde, sans-serif);
font-weight: 400
}
@media print,screen and (min-width: 768px) {
h4,.h4 {
font-size:24px;
line-height: 1.5;
margin-top: 4rem
}
}
@media screen and (max-width: 767px) {
h4,.h4 {
font-size:20px;
line-height: 1.5;
margin-top: 3.5rem
}
}
h5,.h5 {
font-family: var(--font-bold-conde, sans-serif);
font-weight: 700
}
@media print,screen and (min-width: 768px) {
h5,.h5 {
font-size:18px;
line-height: 1.5;
margin-top: 3rem
}
}
@media screen and (max-width: 767px) {
h5,.h5 {
font-size:18px;
line-height: 1.5;
margin-top: 2.5rem
}
}
h6,.h6 {
font-family: var(--font-bold-conde, sans-serif);
font-weight: 700
}
@media print,screen and (min-width: 768px) {
h6,.h6 {
font-size:16px;
margin-top: 2rem
}
}
@media screen and (max-width: 767px) {
h6,.h6 {
font-size:16px;
margin-top: 1.5rem
}
}
@media print,screen and (min-width: 768px) {
a,button,label {
transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a:hover,a:focus-visible,button:hover,button:focus-visible,label:hover,label:focus-visible {
color: var(--color-text-green);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
a img,button img,label img {
transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
a:hover img,button:hover img,label:hover img {
opacity: .6;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
padding: 0;
}
.l-components {
padding-bottom: 3rem;
}
@media print, screen and (min-width: 768px) {
.l-components {
padding-bottom: 4rem;
}
}
.l-container {
max-width: 1184px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.l-container-wide {
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
@media screen and (min-width: 768px) {
.l-container-wide {
max-width: 1120px;
}
}
@media screen and (max-width: 767px) {
.l-container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.l-navigation-container {
display: flex;
flex-direction: column;
height: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1184px;
padding: 80px 32px 120px;
}
@media screen and (min-width: 768px) {
.l-navigation-container {
flex-direction: row-reverse;
padding: 1.6rem 2rem 4rem;
gap: 40px;
}
.l-navigation-container--right {
flex-direction: row;
}
}
.l-navigation-container__content {
flex: 1 1 100%;
max-width: 100%;
}
.l-navigation-container__content .m-heading-1,
.l-navigation-container__content .m-heading-2 {
display: none;
}
.l-navigation-container__content .m-paragraph {
margin-top: 1rem;
}
@media screen and (min-width: 768px) {
.l-navigation-container__content .m-paragraph {
margin-top: 1rem;
}
}
.l-navigation-container__content > :first-child {
margin-top: 0;
}
.l-navigation-container__content > :last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.l-navigation-container__content {
max-width: calc(100% - 240px);
}
}
.l-navigation-container__navigation {
margin-top: 80px;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.l-navigation-container__navigation {
flex: 1 1 100%;
margin-top: 24px;
}
}
.l-navigation-container__navigation > :first-child {
margin-top: 0;
}
.l-navigation-container__navigation > :last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.l-navigation-container__navigation {
flex: 0 0 200px;
margin-top: 0;
max-width: 250px;
}
.l-navigation-container--right .l-navigation-container__navigation {
margin-left: 40px;
margin-right: 0;
}
}
.m-local-navigation__heading {
font-size: 1.25rem;
margin-bottom: 24px;
padding-bottom: 20px;
position: relative;
display: none;
}
.m-local-navigation__heading::after {
content: "";
position: absolute;
display: block;
bottom: 0;
width: 48px;
height: 4px;
background-color: #01916d;
}
.m-local-navigation__list {
line-height: 1.6;
padding-bottom: 16px;
border-bottom: 1px solid rgba(214, 214, 214, 1)
}
@media screen and (min-width: 768px) {
.m-local-navigation__list {
font-size: 0.875rem;
width: 250px;
}
}
.m-local-navigation__item {
width: 100%;
padding: 10px 8px 10px 0;
}
.m-local-navigation__item:first-child {
padding: 24px 8px 24px 0;
margin-bottom: 16px;
border-top: 1px solid rgba(214, 214, 214, 1);
border-bottom: 1px solid rgba(214, 214, 214, 1);
}
.m-local-navigation__link {
display: flex;
padding: 0 0 0 16px;
position: relative;
font-size: 16px;
width: 100%;
justify-content: space-between;
align-items: center;
}
.m-local-navigation__link:hover {
color: #01916d;
}
.m-local-navigation__link:hover.m-local-navigation__link::before {
content: "";
display: block;
width: 4px;
height: 20px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: rgba(1, 132, 99, 0.4);
}
.m-local-navigation__link[aria-current="page"] {
font-weight: bold;
pointer-events: none;
position: relative;
font-size: 20px;
}
.m-local-navigation__link[aria-current="page"]::before {
content: "";
display: block;
width: 4px;
height: 20px;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: rgba(92, 92, 92, 1);
}
.m-local-navigation__link::after {
content: "";
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
margin-left: 16px;
/* margin-top: -0.15em; */
vertical-align: middle;
background: rgba(92, 92, 92, 1);
}
.m-float-menu {
align-items: flex-end;
display: flex;
flex-direction: column;
position: fixed;
right: 0;
top: 120px;
z-index: 100;
font-family: var(--font-medium);
}
.m-float-menu:not(.is-show) {
pointer-events: none;
}
.m-float-menu__button {
background: rgba(246, 247, 246, 1);
border: 0;
display: inline-block;
flex: 0 0 auto;
height: 50px;
line-height: 1;
position: relative;
width: 50px;
}
.m-float-menu:not(.is-show) .m-float-menu__button {
pointer-events: auto;
}
@media print, screen and (min-width: 768px) {
.m-float-menu__button:hover {
background: rgba(219, 219, 219, 1);
}
/* .m-float-menu__button:focus {
outline: 2px inset -webkit-focus-ring-color;
outline-offset: -2px;
} */
}
.m-float-menu__button::before,
.m-float-menu__button::after,
.m-float-menu__button-icon::before {
background-color: rgba(81, 81, 81, 1);
border-radius: 50%;
content: '';
display: block;
height: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 5px;
}
.m-float-menu__button::before {
left: 10px;
}
.m-float-menu__button::after {
right: 10px;
}
.m-float-menu__button[aria-expanded="true"]::before,
.m-float-menu__button[aria-expanded="true"]::after {
border-radius: 0;
height: 2px;
left: 50%;
right: 50%;
width: 22px;
}
.m-float-menu__button[aria-expanded="true"]::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.m-float-menu__button[aria-expanded="true"]::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.m-float-menu__button-icon {
display: block;
height: 100%;
width: 100%;
}
.m-float-menu__button-icon::before {
left: 50%;
transform: translate(-50%, -50%);
}
.m-float-menu__button[aria-expanded="true"] .m-float-menu__button-icon::before {
content: none;
}
.m-float-menu__button-text {
border: 0;
height: 0;
left: 0;
margin: 0;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 0;
}
.m-float-menu__content {
flex: 0 0 auto;
overflow: hidden;
transition: height 0.5s linear, visibility 0.5s linear;
visibility: visible;
width: 214px;
}
.m-float-menu:not(.is-show) .m-float-menu__content{
visibility: hidden;
}
.m-float-menu__item + .m-float-menu__item {
border-top: 1px solid #FFF;
}
.m-float-menu__link {
background: rgba(255, 255, 255, 0.9);
color: #000;
display: block;
line-height: 1.3;
padding: 24px 8px 24px 16px;
}
.m-float-menu.m-float-menu--conversion .m-float-menu__link {
padding: 10px 12px;
background: rgba(246, 247, 246, 1);
}
@media print, screen and (min-width: 768px) {
.m-float-menu.m-float-menu--conversion .m-float-menu__link:hover {
background: rgba(219, 219, 219, 1);
color: #000;
}
.m-float-menu__link:focus {
outline: 2px inset -webkit-focus-ring-color;
outline-offset: -2px;
}
}
.m-float-menu__link[aria-current] {
pointer-events: none;
padding: 24px 8px 24px 16px;
border-top: 1px solid rgba(214, 214, 214, 1);
border-bottom: 1px solid rgba(214, 214, 214, 1);
font-size: 20px;
line-height: 1.5;
font-weight: 400;
}
.m-float-menu__link[aria-current]::before {
content: "";
display: block;
width: 4px;
height: 30px;
margin: auto;
position: absolute;
left: 0;
background: rgba(92, 92, 92, 1);
}
.m-float-menu__link--anchor {
position: relative;
border-bottom: 1px solid rgba(214, 214, 214, 1);
}
.m-float-menu:not(.m-float-menu--conversion) .m-float-menu__link {
position: relative;
border-bottom: 1px solid rgba(214, 214, 214, 1);
font-size: 18px;
font-weight: 400;
line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
.m-float-menu__link--anchor:hover.m-float-menu__link--anchor::before {
content: "";
display: block;
width: 4px;
height: 20px;
margin: auto;
position: absolute;
left: 0;
background: rgba(1, 132, 99, 0.4);
}
.m-float-menu:not(.m-float-menu--conversion) .m-float-menu__link:hover.m-float-menu__link::before {
content: "";
display: block;
width: 4px;
height: 30px;
margin: auto;
position: absolute;
left: 0;
background: rgba(1, 132, 99, 0.4);
}
}
.m-float-menu__child-list {
padding: 16px 8px 16px 0;
background-color: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid rgba(214, 214, 214, 1);
}
.m-float-menu__text {
display: inline-block;
padding-right: 24px;
position: relative;
}
.m-float-menu__text::after {
border-bottom: 1px solid rgba(92, 92, 92, 1);
border-left: 1px solid rgba(92, 92, 92, 1);
content: '';
display: inline-block;
height: 10px;
position: absolute;
right: 2px;
top: 8px;
transform: rotate(-135deg);
width: 10px;
}
.m-float-menu__link[aria-current] .m-float-menu__text::after {
content: none;
}
.m-float-menu__link--anchor .m-float-menu__text::after {
transform: rotate(-45deg);
}
.m-float-menu__child-item + .m-float-menu__child-item {
border-top: 1px solid #F6F6F6;
}
.m-float-menu__child-item {
padding: 10px 8px 10px 0;
}
.m-float-menu__child-link {
/* background-color: #FFF; */
color: #333;
display: block;
line-height: 1.3;
padding-left: 16px;
}
@media print, screen and (min-width: 768px) {
.m-float-menu__child-link:hover.m-float-menu__child-link::before {
content: "";
display: block;
width: 4px;
height: 20px;
margin: auto;
position: absolute;
left: 0;
background: rgba(1, 132, 99, 0.4);
}
}
.m-float-menu__child-text {
display: inline-block;
padding-right: 16px;
position: relative;
}
@media print, screen and (min-width: 768px) {
.m-float-menu__child-link:hover .m-float-menu__child-text,
.m-float-menu__child-link:focus .m-float-menu__child-text {
color: #01916D;
}
}
.m-float-menu__child-text:after {
border-bottom: 1px solid rgba(92, 92, 92, 1);
border-left: 1px solid rgba(92, 92, 92, 1);
content: '';
display: inline-block;
height: 10px;
position: absolute;
right: 2px;
top: 2px;
transform: rotate(-45deg);
width: 10px;
margin-right: -16px;
}
.m-float-menu__icon {
display: block;
flex: 0 0 auto;
margin: auto auto 0;
max-width: 100%;
width: auto;
filter: brightness(32%) saturate(0%);
}
.m-float-menu__caption {
align-items: center;
display: flex;
flex: 0 0 56px;
justify-content: center;
}
.m-float-menu--conversion .m-float-menu__content {
width: auto;
}
.m-float-menu--conversion .m-float-menu__link {
display: flex;
flex-direction: column;
height: 127px;
max-width: 100%;
padding-bottom: 0;
padding-top: 0;
text-align: center;
width: 127px;
}
.m-container > :first-child {
margin-top: 0;
}
.m-container > :last-child {
margin-bottom: 0;
}
.l-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.l-flex.-align-start {
align-items: flex-start;
}
.l-flex.-align-end {
align-items: flex-end;
}
.l-flex.-justify-start {
justify-content: flex-start;
}
.l-flex.-justify-end {
justify-content: flex-end;
}
.l-flex.-dir-column {
flex-direction: column;
}
.m-main-visual {
max-width: 1120px;
height: 100%;
position: relative;
page-break-inside: avoid;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
@media print, screen and (max-width: 767px) {
.m-main-visual {
display: flex;
flex-direction: column-reverse;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
}
.m-main-visual__content {
display: flex;
flex-direction: column;
height: 100%;
z-index: 10;
margin-top: -1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-main-visual__content {
position: relative;
margin-top: 0rem;
padding-bottom: 75px;
padding-top: 75px;
width: calc((250% - var(--gutter)*7)/6);
}
}
/* @media print, screen and (min-width: calc(1184px + 1.5rem)) {
.m-main-visual__content {
margin: auto;
}
} */
.m-main-visual__content > :first-child {
margin-top: 0;
}
.m-main-visual__content > :last-child {
margin-bottom: 0;
}
/* .m-main-visual__hgroup {
} */
.m-main-visual__heading {
color: #000;
line-height: 1.5;
margin-top: 0;
margin-bottom: 1.5rem;
font-size: clamp(24px,2.5vw,36px);
font-family: var(--font-bold-conde, sans-serif) !important;
font-weight: 700 !important;
}
@media screen and (max-width: 767px) {
.m-main-visual__heading {
margin-bottom: 1rem;
font-size: 32px;
}
}
.m-main-visual__sub-heading {
color: #000;
font-size: 14px;
line-height: 1.75;
margin-bottom: 0;
}
.m-main-visual__sub-heading + .m-main-visual__sub-heading {
margin-top: 8px;
}
.m-main-visual__button-layout {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
.m-main-visual__button-layout {
margin-top: 32px;
}
}
.m-main-visual__button-list {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
@media print, screen and (max-width: 767px) {
.m-main-visual__button-list {
flex-direction: column;
}
}
.m-main-visual__button-item .m-btn {
margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
.m-main-visual__button-item .m-btn .btn-primary {
width: 100%;
}
}
.m-main-visual__picture {
display: block;
height: 100%;
position: absolute;
top: 0;
max-width: 1120px;
width: 100%;
}
.m-main-visual__picture::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(80deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 767px) {
.m-main-visual__picture {
display: block;
aspect-ratio: 1/1;
/* padding-left: var(--gutter); */
margin-left: 32px;
position: relative;
}
.m-main-visual__picture::after {
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
}
}
.m-main-visual__image {
display: block;
height: 100%;
margin: auto;
max-width: 100%;
object-fit: cover;
width: 100%;
}
.page-header {
border-bottom: 1px solid var(--color-border);
padding-bottom: .25em
}
.m-heading-1 {
margin-top: 5rem;
margin-bottom: 1.5rem;
}
.m-heading-1__title {
margin-top: 0;
margin-bottom: 0;
display: flex;
flex-direction: column-reverse;
}
.m-heading-1__title-main {
display: inline;
vertical-align: middle;
margin-top: 0;
margin-right: 1rem;
font-size: 32px;
line-height: 1.5;
}
.m-heading-1__title-sub {
font-size: 18px;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-heading-1__title-main {
font-size: 36px;
}
.m-heading-1__title-sub {
margin-bottom: 0;
}
}
.m-heading-2 {
font-size: 36px;
line-height: 1.5;
margin-top: 5rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-heading-2 {
margin-top: 4.5rem;
margin-bottom: 3rem;
}
}
.m-heading-3 {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-heading-3 {
margin-top: 4rem;
margin-bottom: 2rem;
}
}
.m-heading-3.-withLink {
display: flex;
justify-content: space-between;
align-items: center;
}
.m-heading-3.-withLink .m-heading-3__title {
font-size: 36px;
font-family: var(--font-normal-conde, sans-serif);
}
.m-heading-3.-withLink .m-link-list__body {
margin-top: 0;
}
.m-heading-4 {
margin-top: 2rem;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-heading-4 {
margin-top: 3rem;
margin-bottom: 1rem;
}
}
.m-heading-5 {
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-heading-5 {
margin-top: 2rem;
margin-bottom: 1rem;
}
}
.m-heading-6 {
margin-top: 40px;
margin-bottom: 16px;
}
@media print, screen and (min-width: 768px) {
.m-heading-6 {
margin-top: 48px;
margin-bottom: 16px;
}
}
.m-paragraph {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-paragraph__body > :last-child {
margin-bottom: 0;
}
.m-paragraph__body > p {
font-size: 1rem;
margin-bottom: 1rem;
line-height: 2;
letter-spacing: .06em;
font-family: var(--font-normal, sans-serif);
}
.list-style-disc {
list-style-type: disc;
padding-left: 1.5rem;
}
.list-style-num {
list-style-type: decimal;
padding-left: 1.5rem;
}
.m-list, .m-list--column {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px){
.m-list, .m-list--column {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-list ul > li, .m-list--column ul > li,
.m-list ol > li,
.m-list--column ol > li {
margin-bottom: 1.25rem;
line-height: 1.75;
}
.m-list ul > li:last-child, .m-list--column ul > li:last-child,
.m-list ol > li:last-child,
.m-list--column ol > li:last-child {
margin-bottom: 0;
}
.m-list ul > li ul, .m-list--column ul > li ul,
.m-list ul > li ol,
.m-list--column ul > li ol,
.m-list ol > li ul,
.m-list--column ol > li ul,
.m-list ol > li ol,
.m-list--column ol > li ol {
margin-top: 1rem;
}
.m-list ul > li ul.list-style-disc, .m-list--column ul > li ul.list-style-disc,
.m-list ul > li ol.list-style-disc,
.m-list--column ul > li ol.list-style-disc,
.m-list ol > li ul.list-style-disc,
.m-list--column ol > li ul.list-style-disc,
.m-list ol > li ol.list-style-disc,
.m-list--column ol > li ol.list-style-disc {
list-style-type: circle;
}
.m-list ul > li ul > li, .m-list--column ul > li ul > li,
.m-list ul > li ol > li,
.m-list--column ul > li ol > li,
.m-list ol > li ul > li,
.m-list--column ol > li ul > li,
.m-list ol > li ol > li,
.m-list--column ol > li ol > li {
margin-bottom: 0.75rem;
}
.m-list ul > li ul > li:last-child, .m-list--column ul > li ul > li:last-child,
.m-list ul > li ol > li:last-child,
.m-list--column ul > li ol > li:last-child,
.m-list ol > li ul > li:last-child,
.m-list--column ol > li ul > li:last-child,
.m-list ol > li ol > li:last-child,
.m-list--column ol > li ol > li:last-child {
margin-bottom: 0;
}
.m-list ul > li ul > li ul, .m-list--column ul > li ul > li ul,
.m-list ul > li ul > li ol,
.m-list--column ul > li ul > li ol,
.m-list ul > li ol > li ul,
.m-list--column ul > li ol > li ul,
.m-list ul > li ol > li ol,
.m-list--column ul > li ol > li ol,
.m-list ol > li ul > li ul,
.m-list--column ol > li ul > li ul,
.m-list ol > li ul > li ol,
.m-list--column ol > li ul > li ol,
.m-list ol > li ol > li ul,
.m-list--column ol > li ol > li ul,
.m-list ol > li ol > li ol,
.m-list--column ol > li ol > li ol {
margin-top: 0.75rem;
font-size: 0.875rem;
line-height: 1.33;
}
.m-list ul > li ul > li ul.list-style-disc, .m-list--column ul > li ul > li ul.list-style-disc,
.m-list ul > li ul > li ol.list-style-disc,
.m-list--column ul > li ul > li ol.list-style-disc,
.m-list ul > li ol > li ul.list-style-disc,
.m-list--column ul > li ol > li ul.list-style-disc,
.m-list ul > li ol > li ol.list-style-disc,
.m-list--column ul > li ol > li ol.list-style-disc,
.m-list ol > li ul > li ul.list-style-disc,
.m-list--column ol > li ul > li ul.list-style-disc,
.m-list ol > li ul > li ol.list-style-disc,
.m-list--column ol > li ul > li ol.list-style-disc,
.m-list ol > li ol > li ul.list-style-disc,
.m-list--column ol > li ol > li ul.list-style-disc,
.m-list ol > li ol > li ol.list-style-disc,
.m-list--column ol > li ol > li ol.list-style-disc {
list-style-type: square;
}
.m-list ul > li ul > li ul > li, .m-list--column ul > li ul > li ul > li,
.m-list ul > li ul > li ol > li,
.m-list--column ul > li ul > li ol > li,
.m-list ul > li ol > li ul > li,
.m-list--column ul > li ol > li ul > li,
.m-list ul > li ol > li ol > li,
.m-list--column ul > li ol > li ol > li,
.m-list ol > li ul > li ul > li,
.m-list--column ol > li ul > li ul > li,
.m-list ol > li ul > li ol > li,
.m-list--column ol > li ul > li ol > li,
.m-list ol > li ol > li ul > li,
.m-list--column ol > li ol > li ul > li,
.m-list ol > li ol > li ol > li,
.m-list--column ol > li ol > li ol > li {
margin-bottom: 0.5rem;
}
.m-list ul > li ul > li ul > li:last-child, .m-list--column ul > li ul > li ul > li:last-child,
.m-list ul > li ul > li ol > li:last-child,
.m-list--column ul > li ul > li ol > li:last-child,
.m-list ul > li ol > li ul > li:last-child,
.m-list--column ul > li ol > li ul > li:last-child,
.m-list ul > li ol > li ol > li:last-child,
.m-list--column ul > li ol > li ol > li:last-child,
.m-list ol > li ul > li ul > li:last-child,
.m-list--column ol > li ul > li ul > li:last-child,
.m-list ol > li ul > li ol > li:last-child,
.m-list--column ol > li ul > li ol > li:last-child,
.m-list ol > li ol > li ul > li:last-child,
.m-list--column ol > li ol > li ul > li:last-child,
.m-list ol > li ol > li ol > li:last-child,
.m-list--column ol > li ol > li ol > li:last-child {
margin-bottom: 0;
}
.m-list ul > li ul > li ul > li ul, .m-list--column ul > li ul > li ul > li ul,
.m-list ul > li ul > li ul > li ol,
.m-list--column ul > li ul > li ul > li ol,
.m-list ul > li ul > li ol > li ul,
.m-list--column ul > li ul > li ol > li ul,
.m-list ul > li ul > li ol > li ol,
.m-list--column ul > li ul > li ol > li ol,
.m-list ul > li ol > li ul > li ul,
.m-list--column ul > li ol > li ul > li ul,
.m-list ul > li ol > li ul > li ol,
.m-list--column ul > li ol > li ul > li ol,
.m-list ul > li ol > li ol > li ul,
.m-list--column ul > li ol > li ol > li ul,
.m-list ul > li ol > li ol > li ol,
.m-list--column ul > li ol > li ol > li ol,
.m-list ol > li ul > li ul > li ul,
.m-list--column ol > li ul > li ul > li ul,
.m-list ol > li ul > li ul > li ol,
.m-list--column ol > li ul > li ul > li ol,
.m-list ol > li ul > li ol > li ul,
.m-list--column ol > li ul > li ol > li ul,
.m-list ol > li ul > li ol > li ol,
.m-list--column ol > li ul > li ol > li ol,
.m-list ol > li ol > li ul > li ul,
.m-list--column ol > li ol > li ul > li ul,
.m-list ol > li ol > li ul > li ol,
.m-list--column ol > li ol > li ul > li ol,
.m-list ol > li ol > li ol > li ul,
.m-list--column ol > li ol > li ol > li ul,
.m-list ol > li ol > li ol > li ol,
.m-list--column ol > li ol > li ol > li ol {
margin-top: 0.5rem;
}
.m-list ul > li ul > li ul > li ul > li, .m-list--column ul > li ul > li ul > li ul > li,
.m-list ul > li ul > li ul > li ol > li,
.m-list--column ul > li ul > li ul > li ol > li,
.m-list ul > li ul > li ol > li ul > li,
.m-list--column ul > li ul > li ol > li ul > li,
.m-list ul > li ul > li ol > li ol > li,
.m-list--column ul > li ul > li ol > li ol > li,
.m-list ul > li ol > li ul > li ul > li,
.m-list--column ul > li ol > li ul > li ul > li,
.m-list ul > li ol > li ul > li ol > li,
.m-list--column ul > li ol > li ul > li ol > li,
.m-list ul > li ol > li ol > li ul > li,
.m-list--column ul > li ol > li ol > li ul > li,
.m-list ul > li ol > li ol > li ol > li,
.m-list--column ul > li ol > li ol > li ol > li,
.m-list ol > li ul > li ul > li ul > li,
.m-list--column ol > li ul > li ul > li ul > li,
.m-list ol > li ul > li ul > li ol > li,
.m-list--column ol > li ul > li ul > li ol > li,
.m-list ol > li ul > li ol > li ul > li,
.m-list--column ol > li ul > li ol > li ul > li,
.m-list ol > li ul > li ol > li ol > li,
.m-list--column ol > li ul > li ol > li ol > li,
.m-list ol > li ol > li ul > li ul > li,
.m-list--column ol > li ol > li ul > li ul > li,
.m-list ol > li ol > li ul > li ol > li,
.m-list--column ol > li ol > li ul > li ol > li,
.m-list ol > li ol > li ol > li ul > li,
.m-list--column ol > li ol > li ol > li ul > li,
.m-list ol > li ol > li ol > li ol > li,
.m-list--column ol > li ol > li ol > li ol > li {
margin-bottom: 0.5rem;
}
.m-list ul > li ul > li ul > li ul > li:last-child, .m-list--column ul > li ul > li ul > li ul > li:last-child,
.m-list ul > li ul > li ul > li ol > li:last-child,
.m-list--column ul > li ul > li ul > li ol > li:last-child,
.m-list ul > li ul > li ol > li ul > li:last-child,
.m-list--column ul > li ul > li ol > li ul > li:last-child,
.m-list ul > li ul > li ol > li ol > li:last-child,
.m-list--column ul > li ul > li ol > li ol > li:last-child,
.m-list ul > li ol > li ul > li ul > li:last-child,
.m-list--column ul > li ol > li ul > li ul > li:last-child,
.m-list ul > li ol > li ul > li ol > li:last-child,
.m-list--column ul > li ol > li ul > li ol > li:last-child,
.m-list ul > li ol > li ol > li ul > li:last-child,
.m-list--column ul > li ol > li ol > li ul > li:last-child,
.m-list ul > li ol > li ol > li ol > li:last-child,
.m-list--column ul > li ol > li ol > li ol > li:last-child,
.m-list ol > li ul > li ul > li ul > li:last-child,
.m-list--column ol > li ul > li ul > li ul > li:last-child,
.m-list ol > li ul > li ul > li ol > li:last-child,
.m-list--column ol > li ul > li ul > li ol > li:last-child,
.m-list ol > li ul > li ol > li ul > li:last-child,
.m-list--column ol > li ul > li ol > li ul > li:last-child,
.m-list ol > li ul > li ol > li ol > li:last-child,
.m-list--column ol > li ul > li ol > li ol > li:last-child,
.m-list ol > li ol > li ul > li ul > li:last-child,
.m-list--column ol > li ol > li ul > li ul > li:last-child,
.m-list ol > li ol > li ul > li ol > li:last-child,
.m-list--column ol > li ol > li ul > li ol > li:last-child,
.m-list ol > li ol > li ol > li ul > li:last-child,
.m-list--column ol > li ol > li ol > li ul > li:last-child,
.m-list ol > li ol > li ol > li ol > li:last-child,
.m-list--column ol > li ol > li ol > li ol > li:last-child {
margin-bottom: 0;
}
.m-list--column .row {
display: block;
flex-wrap: nowrap;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
@media print, screen and (min-width: 768px) {
.m-list--column .row {
display: flex;
flex-wrap: wrap;
margin-right: -2rem;
margin-bottom: -2rem;
gap: unset;
}
.m-list--column .row.list-style-disc, .m-list--column .row.list-style-num {
padding-left: 0;
}
.m-list--column .row.list-style-disc > li, .m-list--column .row.list-style-num > li {
margin-left: 1.5rem;
margin-bottom: 2rem;
padding-right: 2rem;
}
.m-list--column .row.list-style-disc > li.col-3, .m-list--column .row.list-style-num > li.col-3 {
flex: 0 0 25%;
max-width: calc(25% - 1.5rem);
}
.m-list--column .row.list-style-disc > li.col-4, .m-list--column .row.list-style-num > li.col-4 {
flex: 0 0 calc(100% / 3 - 0.01px);
max-width: calc((100% / 3 - 0.01px) - 1.5rem);
}
.m-list--column .row.list-style-disc > li.col-6, .m-list--column .row.list-style-num > li.col-6 {
flex: 0 0 50%;
max-width: calc(50% - 1.5rem);
}
}
.m-spec {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-spec {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-spec__list > dt {
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
@media print, screen and (max-width: 767px) {
.m-spec__list > dt {
padding-top: 1rem;
padding-bottom: 0.5rem;
}
.m-spec__list > dd {
padding-bottom: 1rem;
overflow-wrap: break-word;
}
.m-spec__list > dt {
border-top: 1px solid var(--color-border);
}
.m-spec__list > dd:last-child {
border-bottom: 1px solid var(--color-border);
}
}
@media print, screen and (min-width: 768px) {
.m-spec__list {
display: grid;
gap: 0 var(--gap);
grid-auto-rows: auto;
grid-template-columns: 1fr 3fr;
}
}
/* .m-spec__team .m-spec__block {
padding-top: 1rem;
} */
@media print, screen and (min-width: 768px) {
.m-spec__team:first-of-type .m-spec__block {
border-top: 1px solid #8c8c8c;
}
.m-spec__team .m-spec__block {
border-bottom: 1px solid #8c8c8c;
}
}
.m-spec__text {
margin: 0;
}
@media print, screen and (min-width: 768px) {
.m-spec__text .m-spec__block {
border-bottom: 1px solid #8c8c8c;
}
.m-spec__text:first-of-type .m-spec__block {
border-top: 1px solid #8c8c8c;
}
}
.m-spec__block > :first-child {
margin-top: 0;
}
.m-spec__block > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-spec__block {
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.m-link {
font-size: 1rem;
}
.m-link__anchor {
color: #01916d;
}
.m-link.-block {
text-align: center;
}
.m-link.-block .m-link__anchor {
color: #ffffff;
background-color: #01916d;
display: block;
transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
padding-top: 0.625rem;
padding-right: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
}
.m-link.-block .m-link__anchor:hover, .m-link.-block .m-link__anchor:active, .m-link.-block .m-link__anchor:focus {
background-color: rgba(1, 145, 109, 0.8);
}
.m-anchor-navi a {
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
@media print,screen and (min-width: 768px) {
.m-anchor-navi {
margin-top:3rem;
margin-bottom: 1.5rem;
text-align: center
}
}
@media screen and (max-width: 767px) {
.m-anchor-navi {
margin-top:2rem;
margin-bottom: 2rem
}
}
.m-anchor-navi__body {
background-color: var(--color-bg-secondary)
}
@media print,screen and (min-width: 768px) {
.m-anchor-navi__body {
text-align:left;
padding: 2rem;
display: inline-flex;
flex-wrap: wrap;
gap: 1rem 2rem
}
}
@media screen and (max-width: 767px) {
.m-anchor-navi__body {
padding:2rem 1rem
}
}
@media screen and (max-width: 767px) {
.m-anchor-navi__item {
display:block;
font-size: 14px;
margin-bottom: 1rem
}
.m-anchor-navi__item:last-child {
margin-bottom: 0
}
}
.m-anchor-navi__link:after {
content: "";
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
}
.m-anchor-navi__link:after {
-webkit-mask-image: var(--i-arrow_b, none)
}
.m-anchor-navi__link:after {
margin-left: 0.25em;
margin-top: -0.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
/*
.m-anchor-navi {
margin-top: 2rem;
margin-right: -1.5rem;
margin-bottom: 1rem;
margin-left: -1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-anchor-navi {
margin-left: 0;
margin-right: 0;
}
}
.m-anchor-navi__body {
background-color: #f6f6f6;
border: 1px solid #dcdcdc;
line-height: 2;
padding-top: 1rem;
padding-right: 0.5rem;
padding-bottom: 1rem;
padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-anchor-navi__body {
padding-left: 1rem;
padding-right: 1rem;
}
}
.m-anchor-navi__item {
margin-left: 1rem;
margin-right: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-anchor-navi__item {
display: inline-block;
}
}
.m-anchor-navi__link {
display: inline-block;
vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
.m-anchor-navi__link:hover, .m-anchor-navi__link:active, .m-anchor-navi__link:focus {
text-decoration: underline;
}
}
.m-anchor-navi__link::after {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: middle;
margin-left: 0.4375rem;
background-image: url("../images/icn_down-g.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}*/
.m-link-list {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-link-list {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-link-list__item {
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.m-link-list.-block .m-link-list__item {
font-size: 1rem;
line-height: 1.2;
margin-bottom: 0.5rem;
}
.m-link-list.-block .m-link-list__anchor {
display: block;
background-color: #333333;
color: #ffffff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0s;
padding-top: 0.9375rem;
padding-right: 0.9375rem;
padding-bottom: 0.75rem;
padding-left: 0.9375rem;
}
.m-link-list.-block .m-link-list__anchor:hover, .m-link-list.-block .m-link-list__anchor:active, .m-link-list.-block .m-link-list__anchor:focus {
background-color: #01916d;
}
.m-link-list__body {
page-break-inside: avoid;
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-link-list:first-child .m-link-list__body {
margin-top: 0;
}
.m-link-list:last-child .m-link-list__body {
margin-bottom: 0;
}
.m-link-list__body ul > :last-child {
margin-bottom: 0;
}
.m-link-list__body ul > li {
margin-bottom: 1.25rem;
line-height: 1.75;
}
@media print, screen and (min-width: 768px) {
.m-link-list__body ul.m-link-list__column {
display: flex;
flex-wrap: wrap;
margin-top: -1.2rem;
margin-right: -1rem;
margin-left: -1rem;
}
.m-link-list__body ul.m-link-list__column > [class*=col-] {
display: block;
margin: 0;
padding-top: 1.2rem;
padding-right: 1rem;
padding-left: 1rem;
}
.m-link-list__body ul.m-link-list__column > .col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.m-link-list__body ul.m-link-list__column > .col-4 {
flex: 0 0 calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);
}
.m-link-list__body ul.m-link-list__column > .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.m-link-list__body ul.m-link-list__column > .col-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.m-link-quick {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-link-quick__body {
margin-top: 0.75rem;
}
.m-link-quick__body > :first-child {
margin-top: 0;
}
.m-link-quick__body > ul {
margin-bottom: 1.25rem;
}
.m-link-quick__link {
display: block;
width: 100%;
color: #333;
border-top: 1px solid #dcdcdc;
padding-top: 1rem;
padding-bottom: 1rem;
word-break: break-word;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-link-quick__link::after {
content: "";
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
margin-left: 0.25em;
margin-top: -0.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.m-link-quick.m-link-quick--borderposition-bottom .m-link-quick__link {
border-top: 0;
border-bottom: 1px solid #dcdcdc;
}
@media print, screen and (min-width: 768px) {
.m-link-quick--column {
display: flex;
flex-wrap: wrap;
margin-right: -0.375rem;
margin-left: -0.375rem;
}
.m-link-quick--column > [class*=col-] {
display: block;
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.m-link-quick--column > .col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.m-link-quick--column > .col-4 {
flex: 0 0 calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);
}
.m-link-quick--column > .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.m-link-quick--column > .col-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.btn-link, .btn-link--lg {
/* display: inline-flex;
align-items: center;
margin-bottom: 1rem;
margin-right: 1rem;
color: #01916d;*/
display: inline-block;
cursor: pointer;
text-decoration: none;
word-break: break-word;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
@media print, screen and (min-width: 768px) {
a.btn-link, a.btn-link--lg { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
a.btn-link:hover, a.btn-link--lg:hover, a.btn-link:focus-visible, a.btn-link--lg:focus-visible {color: var(--color-text-green);transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);}
a.btn-link img, a.btn-link--lg img { transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
a.btn-link:hover img, a.btn-link--lg:hover img { opacity: 0.6; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
}
.m-link-list .m-link-list__body .btn-link, .m-link-list .m-link-list__body .btn-link--lg {
margin: 0;
}
/*.btn-link__inner {
line-height: 1.25;
max-width: 100%;
vertical-align: middle;
padding-top: 0.0625rem;
padding-right: 0.0625rem;
padding-bottom: 0.0625rem;
padding-left: 0.0625rem;
}*/
.m-link-list .m-link-list__body .btn-link__inner::after, .btn-link__inner.m-icon__arrow-right::after {
/* width: 1.25rem;
height: 1.25rem;
display: inline-block;
background-size: cover;
vertical-align: middle;*/
margin-left: 0.25em;
margin-top: -0.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.btn-link__inner.m-icon__arrow-right::after {
/* margin-bottom: 0.0625rem;*/
}
/*@media print, screen and (min-width: 768px) {
.btn-link:hover, .btn-link--lg:hover, .btn-link:active, .btn-link--lg:active, .btn-link:focus, .btn-link--lg:focus {
text-decoration: underline;
}
}*/
.btn-link--lg {
font-size: 1.125rem;
}
.btn-link--lg .btn-link__inner.m-icon__arrow-right::after {
width: 1.375rem;
height: 1.375rem;
}
.btn-link-inline {
/* color: #01916d;*/
text-decoration: underline;font-family: var(--font-medium, sans-serif);
font-weight: 500;
text-decoration: underline;
}
@media print, screen and (min-width: 768px) {
a.btn-link-inline { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
a.btn-link-inline:hover, a.btn-link-inline:focus-visible:focus-visible {color: var(--color-text-green);transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);}
a.btn-link-inline img { transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
a.btn-link-inline:hover img { opacity: 0.6; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
}
.m-link-block {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-link-block__body {
overflow: hidden;
}
.m-link-block__link {
display: block;
height: 100%;
padding-left: 1rem;
padding-right: 1rem;
border-left: 1px solid #cccccc;
transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@media print, screen and (min-width: 768px) {
.m-link-block__link:hover, .m-link-block__link:active, .m-link-block__link:focus {
opacity: 0.8;
}
}
.m-link-block__item {
height: 100%;
}
.m-link-block__thumb {
text-align: center;
}
.m-link-block__description {
margin-top: 0.625rem;
}
.m-link-block__description > :first-child {
margin-top: 0;
}
.m-link-block__description > :last-child {
margin-bottom: 0;
}
.m-link-block__text {
margin-bottom: 1rem;
}
.m-link-block .row {
margin-top: -1rem;
margin-right: -1rem;
margin-bottom: -1rem;
margin-left: -1rem;
}
@media print, screen and (max-width: 767px) {
.m-link-block .row {
display: grid;
grid-template-columns: 1fr 1fr;
}
.m-link-block .row .col-sp-6 {
width: unset;
max-width: unset;
}
}
.m-link-block .row > .col {
padding-top: 1rem;
padding-right: 0;
padding-bottom: 1rem;
padding-left: 0;
}
.m-page-top {
position: fixed;
right: 0;
bottom: 0;
z-index: 100;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.m-page-top {
position: sticky;
position: -webkit-sticky;
right: auto;
bottom: auto;
top: 100vh;
}
}
.m-page-top__btn {
display: block;
position: absolute;
width: 3rem;
height: 3rem;
border-radius: 0.5rem;
background-color: rgba(0, 0, 0, 0.25);
text-align: center;
transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, transform 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s;
bottom: 0.5rem;
bottom: calc(env(safe-area-inset-bottom) + 44px);
right: 0.5rem;
}
.m-page-top__btn::after {
content: "";
background: url("../images/icn_up-w.svg") no-repeat center;
background-size: 50%;
display: block;
width: 100%;
height: 100%;
}
.m-page-top__btn__text {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
[data-script-enabled=true] .m-page-top__btn {
transform: translateY(4rem);
opacity: 0;
}
.m-page-top.-scrollOver {
position: absolute;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.m-page-top.-scrollOver {
position: sticky;
position: -webkit-sticky;
}
}
.m-page-top.-show .m-page-top__btn {
transform: translateY(0);
opacity: 1;
transition: opacity 0s linear 0s, transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
@media print, screen and (min-width: 768px) {
.m-page-top__btn {
bottom: 1rem;
right: 1rem;
}
[data-script-enabled=true] .m-page-top__btn {
transform: translateY(5rem);
}
}
.m-prev-next {
margin-top: 2rem;
margin-bottom: 2rem;
border-top: 1px solid var(--color-border);
}
@media print, screen and (min-width: 768px) {
.m-prev-next {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-prev-next__body {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 2.5rem;
}
.m-prev-next__next {
text-align: right;
}
.m-prev-next__link {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
position: relative;
background-color: rgba(0,0,0,0);
min-width: auto;
padding: 0;
width: 32px;
height: 32px;
line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
.m-prev-next__link {
font-size: 1rem;
}
.m-prev-next__link:hover, .m-prev-next__link:active, .m-prev-next__link:focus {
color: var(--color-text-green);
}
}
.m-prev-next__prev .m-prev-next__link::before {
content: "";
-webkit-mask-image: var(--i-arrow_l_b, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text-green);
position: unset;
margin: 0;
vertical-align: unset;
}
.m-prev-next__next .m-prev-next__link::after {
content: "";
-webkit-mask-image: var(--i-arrow_r_b, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text-green);
position: unset;
margin: 0;
vertical-align: unset;
}
.m-prev-next--index-none .m-prev-next__prev--to-first .m-prev-next__link::before {
-webkit-mask-image: var(--i-first-green, none);
width: 16px;
height: 16px;
}
.m-prev-next--index-none .m-prev-next__next--to-last .m-prev-next__link::after {
-webkit-mask-image: var(--i-last-green, none);
width: 16px;
height: 16px;
}
.m-prev-next__link span {
position: absolute;
display: block;
white-space: nowrap;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-prev-next__prev .m-prev-next__link span {
left: 100%;
}
.m-prev-next__next .m-prev-next__link span {
right: 100%;
}
.m-prev-next--title-none .m-prev-next__wrap {
display: none;
}
.m-prev-next--index-none .m-prev-next__wrap {
flex: 1 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
@media print, screen and (min-width: 768px) {
.m-prev-next--title-none .m-prev-next__wrap {
min-width: 250px;
}
}
@media screen and (max-width: 767px) {
.m-prev-next--title-none .m-prev-next__link {
margin-top: -0.5625rem;
padding-left: 0;
padding-right: 0;
width: 2.6rem;
height: 3.5rem;
}
.m-prev-next__link span {
display: none;
}
}
@media print, screen and (min-width: 768px) {
.m-prev-next--title-none .m-prev-next__link:focus::after {
outline: solid;
}
}
/* .m-prev-next--title-none .m-prev-next__text {
position: absolute;
display: block;
width: 0.0625rem;
height: 0.0625rem;
overflow: hidden;
} */
.m-prev-next--title-none .m-prev-next__prev, .m-prev-next--title-none .m-prev-next__next {
flex: 0 1 auto;
}
.m-prev-next--title-none span {
display: none;
}
.m-prev-next--index-none .m-prev-next__wrap .m-prev-next__text {
display: none;
}
.m-prev-next--index-none .m-prev-next__page-text {
margin-bottom: 0;
font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004", sans-serif;
}
@media print, screen and (min-width: 768px) {
.m-prev-next--title-none .m-prev-next__prev--to-first .m-prev-next__link:focus::after, .m-prev-next--title-none .m-prev-next__next--to-last .m-prev-next__link:focus::after {
outline: none;
}
}
/* @media print, screen and (min-width: 768px) {
.m-prev-next--title-none .m-prev-next__prev--to-first .m-prev-next__text, .m-prev-next--title-none .m-prev-next__next--to-last .m-prev-next__text {
position: static;
display: initial;
width: auto;
height: auto;
overflow: visible;
}
} */
@media screen and (max-width: 767px) {
.m-prev-next--title-none .m-prev-next__prev {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.m-prev-next--title-none .m-prev-next__next {
padding-left: 0;
}
}
@media screen and (max-width: 767px) {
.m-prev-next--title-none .m-prev-next__page {
margin-top: -0.5625rem;
margin-right: 0.75rem;
margin-left: 0.5rem;
}
}
.m-prev-next--title-none .m-prev-next__page-text {
font-size: 1rem;
line-height: 2;
}
.m-prev-next--title-none .m-prev-next__page-num {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.m-progress {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-progress__body {
border: 1px solid var(--color-border);
padding: 0px 28px;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-progress__body {
width: 100%;
max-width: 930px;
margin-left: auto;
margin-right: auto;
}
}
.m-progress__row {
margin-top: 20px;
margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
.m-progress__row {
display: flex;
justify-content: center;
}
}
.m-progress__col {
color: rgb(133, 133, 133);
position: relative;
padding-left: 2.625rem;
}
@media print, screen and (max-width: 767px) {
.m-progress__col {
font-size: smaller;
}
}
@media print, screen and (min-width: 768px) {
.m-progress__col {
text-align: center;
padding-top: 2.8125rem;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
}
.m-progress__col.-current {
color: #01916d;
}
.m-progress__col:not(:last-child):not(:only-child) {
padding-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-progress__col:not(:last-child):not(:only-child) {
padding-bottom: 0;
}
}
.m-progress__col:not(:last-child):not(:only-child)::after {
content: "";
display: block;
position: absolute;
bottom: calc((100% - 1.75rem) / 2);
left: 0.6875rem;
width: 0.5625rem;
height: 0.5625rem;
border-right: 1px solid var(--color-text);
border-bottom: 1px solid var(--color-text);
transform: rotate(45deg);
}
@media print, screen and (min-width: 768px) {
.m-progress__col:not(:last-child):not(:only-child)::after {
bottom: 75%;
left: 100%;
transform: translate(-80%, 50%) rotate(-45deg);
}
}
@media print, screen and (min-width: 768px) {
.m-progress__col--col-6 {
flex: 1 1 50%;
max-width: 50%;
width: 50%;
}
.m-progress__col--col-4 {
flex: 1 1 calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);
width: calc(100% / 3 - 0.01px);
}
.m-progress__col--col-3 {
flex: 1 1 25%;
max-width: 25%;
width: 25%;
}
}
.m-progress__mark {
position: absolute;
top: -0.125rem;
left: 0;
font-size: 1.125rem;
color: #ffffff;
width: 1.875rem;
height: 1.875rem;
background-color: rgb(214, 214, 214);
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-family: var(--font-bold, sans-serif);
font-weight: 700;
}
.-current .m-progress__mark {
background-color: var(--color-text-green);
}
@media print, screen and (min-width: 768px) {
.m-progress__mark {
top: 0;
left: 50%;
font-size: 24px;
width: 40px;
height: 40px;
transform: translateX(-50%);
}
}
.m-news-list {
padding-top: 2rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.m-news-list__item {
margin-bottom: 1.5rem;
}
.m-news-list__data, .m-news-list__date {
font-size: 12px;
color: #000;
font-family: var(--font-normal, sans-serif);
}
.m-news-list__text {
font-size: 14px;
margin-bottom: 0;
font-family: var(--font-medium, sans-serif);
}
.m-news-list__text .btn {
color: #000;
margin-bottom: 0;
margin-right: 0;
}
.m-news-list__text .btn:hover, .m-news-list__text .btn:active, .m-news-list__text .btn:focus {
text-decoration: none;
color: #01916d;
}
.m-news-list__text span {
line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
.m-news-list__item {
display: flex;
align-items: self-start;
}
.m-news-list__body {
flex: 1;
}
.m-news-list__date {
padding-right: 1rem;
margin-right: 1rem;
position: relative;
}
.m-news-list__date::after {
content: "";
width: 0.0625rem;
height: 0.625rem;
background-color: #8c8c8c;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.3125rem;
}
.m-news-list__date span {
display: inline-block;
width: 9em;
white-space: nowrap;
}
.m-news-list__item.-light .m-news-list__date::after {
background-color: #dcdcdc;
}
.m-news-list__text {
font-size: 1rem;
}
.m-news-list__data, .m-news-list__date {
font-size: 14px;
}
}
.m-breadcrumb {
overflow-x: auto;
font-size: 12px;
padding-top: 40px;
padding-bottom: 0;
/* margin-bottom: 1rem; */
font-family: var(--font-medium, sans-serif);
font-weight: 500;
background-color: #f1f2f1;
}
@media print, screen and (max-width: 767px) {
.m-breadcrumb {
overflow-x: scroll;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media print, screen and (min-width: 768px) {
/* .m-breadcrumb {
margin-bottom: 5rem;
} */
}
.m-breadcrumb--forHeader {
margin-bottom: 0;
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #fff;
}
.m-breadcrumb__body {
white-space: nowrap;
display: inline-block;
padding-right: var(--container-padding);
}
.m-breadcrumb__body > li:not(:last-child) > a:hover {
color: inherit;
text-decoration: underline;
}
.m-breadcrumb__body > li {
display: inline-flex;
align-items: center;
margin-right: 0.5rem;
}
.m-breadcrumb__body > li:not(:last-child) > a {
color: #515151;
}
.m-breadcrumb__body > li:not(:last-child)::after {
content: "";
background-image: url("../images/arrow_01.svg");
width: 7px;
height: 16px;
margin-left: 0.5rem;
display: inline-block;
}
.m-breadcrumb__body > li a:hover, .m-breadcrumb__body > li a:active, .m-breadcrumb__body > li a:focus {
color: unset;
}
.m-breadcrumb__item {
text-decoration: none;
text-overflow: ellipsis;
}
.m-breadcrumb .-active .m-breadcrumb__item {
max-width: none;
font-family: var(--font-bold, sans-serif);
font-weight: 700;
color: #000000;
}
.m-btn {
margin-bottom: 1rem;
vertical-align: top;
max-width: 100%;
}
.m-btn.text-center {
justify-content: center;
}
.m-btn.text-right {
justify-content: flex-end;
}
.m-btn .btn {
outline-offset: 1px;
position: relative;
display: inline-flex;
background-color: var(--color-bg-secondary-a);
border-radius: 2px;
line-height: 1.5;
text-align: center;
justify-content: center;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1.5em;
padding-right: 2em;
cursor: pointer;
text-decoration: none;
word-break: break-word;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
font-size: 16px;
min-width: 180px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.m-btn .btn span {
position: relative;
}
.m-btn .btn-block {
width: 100%;
}
.m-btn .btn-inner {
line-height: 1.25;
}
@media print, screen and (min-width: 768px) {
.m-btn .btn:hover, .m-btn .btn:active, .m-btn .btn:focus {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
background-color: rgba(0, 0, 0, 0.14);
color: var(--color-text);
}
.m-btn .btn:active {
transform: translateY(2px);
}
.m-btn .btn-lg {
min-width: 240px;
min-height: 80px;
}
}
.m-btn .btn-sm {
/*min-width: 6em;
min-height: 40px;
font-size: 0.875rem;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;*/
min-width: 140px;
font-size: 0.875rem;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 1rem;
padding-right: 2rem;
font-size: 14px;
}
.m-btn .btn-lg {
/* min-width: 10em;
min-height: 80px;
font-size: 1.125rem;
padding-top: 0.5em;
padding-right: 3em;
padding-bottom: 0.5em;
padding-left: 3em; */
font-size: 18px;
}
.m-btn .btn:not(.btn-link)::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, none);
position: absolute;
right: 0.5rem;
line-height: 1;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
}
.m-btn .btn-primary {
background-color: rgb(51, 51, 51);
color: var(--color-text-white);
}
.m-btn .btn-primary::before {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.m-btn .btn.btn-primary::after {
background-color: var(--color-text-white);
}
@media print, screen and (min-width: 768px) {
.m-btn .btn-primary {
min-width: 180px;
}
.m-btn .btn-primary:hover, .m-btn .btn-primary:active, .m-btn .btn-primary:focus {
background-color: rgb(51, 51, 51);
color: var(--color-text-white);
}
.m-btn .btn-primary:hover::before,
.m-btn .btn-primary:active::before,
.m-btn .btn-primary:focus::before {opacity: 1;}
}
.m-btn .btn-secondary {
background-color: #fff;
border: 1px solid var(--color-border);
min-width: auto;
}
@media print, screen and (min-width: 768px) {
.m-btn .btn-secondary {
min-width: 180px;
}
.m-btn .btn.btn-secondary:hover, .m-btn .btn-secondary:active, .m-btn .btn-secondary:focus {
background-color: #fff;
color: var(--color-text-green);
border-color: var(--color-text-green);
}
.m-btn .btn.btn-secondary:hover::after,
.m-btn .btn.btn-secondary:active::after,
.m-btn .btn.btn-secondary:focus::after {background-color: var(--color-text-green);}
}
.m-btn__blank-icon {
width: 1.125rem;
height: 1.125rem;
display: inline-block;
margin-left: 0.25em;
margin-right: 0.25em;
vertical-align: middle;
filter: brightness(0);
}
.m-btn--contact {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-btn--contact .btn {
width: 100%;
}
@media print, screen and (min-width: 768px) {
.m-btn--contact .btn {
width: auto;
min-width: 550px;
}
}
.m-banner {
margin-top: 2rem;
margin-bottom: 4rem;
page-break-inside: avoid;
}
.m-banner .m-caption {
max-height: 3.5em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: 0.5rem;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.m-banner .m-slider {
margin-top: 3rem;
margin-bottom: 5rem;
position: relative;
overflow: visible;
}
}
@media screen and (max-width: 767px) {
.m-banner .m-slider__body {
display: block;
transform: none !important;
}
}
@media screen and (max-width: 767px) {
.m-banner .m-slider__ui {
display: none;
}
}
/* .m-banner .row {
grid-template-columns: 1fr 1fr 1fr;
} */
.m-banner--style_3column {
position: relative;
}
.m-banner--style_3column .row {
display: flex;
flex-direction: row;
padding: 0 !important;
position: relative;
gap: unset;
}
@media screen and (max-width: 767px) {
.m-banner--style_3column .row {
flex-direction: column;
}
.m-banner--style_3column .row .col,
.m-banner--style_4column .row .col{
text-align: center;
}
}
/* .m-banner--style_4column .row {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.m-banner--style_4column .row {
margin: 0 !important;
padding: 0 !important;
display: grid;
gap: 2.5rem var(--gap);
}
.m-banner--style_3column .row > .col {
width: calc(33.3333333333% - 0.01px);
padding-left: var(--gutter);
padding-right: var(--gutter);
}
.m-banner--style_4column .row > .col {
margin: 0 !important;
padding: 0 !important;
} */
.m-banner .row > .col-4,
.m-banner .row > .col-3 {
flex-shrink: 0;
}
@media screen and (min-width: 768px) {
.m-banner .row > .col-4 {
width: calc(33.3333333333% - 0.01px);
padding-left: var(--gutter);
padding-right: var(--gutter);
}
}
/* @media print, screen and (min-width: 768px) {
.m-banner .row {
margin-top: -0.75rem;
margin-right: -0.75rem;
margin-bottom: -0.75rem;
margin-left: -0.75rem;
}
} */
/* @media screen and (max-width: 767px) {
.m-banner .row > .col {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
}
@media print, screen and (min-width: 768px) {
.m-banner .row > .col {
flex-shrink: 0;
flex-grow: 0;
}
} */
.m-banner .row > .col a {
transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
.m-banner .row > .col a:hover, .m-banner .row > .col a:active, .m-banner .row > .col a:focus {
opacity: 0.8;
}
.m-banner .row > .col img {
border:1px solid #d6d6d6;
}
/* @media print {
.m-banner .row > .col img {
box-shadow: none;
border: 1px solid #707070;
}
} */
@media print, screen and (min-width: 768px) {
.m-banner--style_4column .row {
margin-top: -0.75rem;
margin-right: -0.75rem;
margin-bottom: -0.75rem;
margin-left: -0.75rem;
}
}
@media print, screen and (min-width: 768px) {
.m-banner--style_4column .row > .col {
padding-top: 0.75rem;
padding-right: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
}
}
.m-banner--style_4column .m-slider__ui {
display: none;
}
.m-card {
height: 100%;
}
.m-card__body {
overflow: hidden;
}
.m-card__thumb {
margin-bottom: 1.5rem;
text-align: center;
}
.m-card__headline {
vertical-align: middle;
margin-bottom: 1rem;
line-height: 1.5;
}
.m-card__headline:last-child {
margin-right: 0;
}
.m-card__title {
display: inline;
vertical-align: middle;
/* margin-right: 0.5rem; */
line-height: 1.5;
}
.m-vertical-card .m-card__title {
font-family: var(--font-medium-conde, sans-serif)!important;
font-weight: 500!important;
margin-top: 0;
margin-bottom: 0;
display: inline;
overflow-wrap: anywhere;
}
.m-card__tag {
margin-bottom: 1rem;
}
.m-card__badge {
margin-bottom: 0.5rem;
}
.m-card__badge .m-badge {
margin-bottom: 0.5rem;
}
.m-card__btn + .m-card__btn {
margin-top: 0.75rem;
}
.m-card__btns .m-card__btn > .m-btn {
margin-bottom: 0;
}
.m-card__btns .m-caption {
margin-top: 0.25rem;
}
.m-card__btns + .m-card__btns {
margin-top: 0.75rem;
}
.m-vertical-container--style_3column .m-btn .btn,
.m-vertical-container--style_4column .m-btn .btn {
min-width: unset !important;
}
.m-card__description {
line-height: 1.5;
margin-bottom: 1rem;
}
.m-card__description > :first-child {
margin-top: 0;
}
.m-card__description > :last-child {
margin-bottom: 0;
}
.m-vertical-card {
margin-top: 3rem;
margin-bottom: 2.5rem;
page-break-inside: avoid;
}
@media print,screen and (min-width: 768px) {
.m-vertical-card {
margin-top: 2rem;
margin-bottom: 2rem;
page-break-inside: avoid;
}
.m-vertical-card__body .row {
display:grid;
gap: 2.5rem var(--gap);
grid-template-columns: 1fr 1fr;
}
.m-vertical-card--style_2column .m-vertical-card__body .m-card__thumb {
margin-bottom: 2rem;
}
.m-vertical-card--style_3column .m-vertical-card__body .m-card__thumb {
margin-bottom: 1.5rem;
}
.m-vertical-card--style_4column .m-vertical-card__body .m-card__thumb {
margin-bottom: 1rem;
}
.m-vertical-card--style_4column .m-label--new {
margin-left: 0;
}
}
@media print,screen and (min-width: 768px) {
.m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .row {
grid-template-columns:1fr 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
.m-vertical-card.m-vertical-card--style_4column .m-vertical-card__body .row {
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-left: 0;
margin-right: 0;
}
}
.m-vertical-card .m-vertical-card__col {
/* padding-top: 0.25rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;*/
height: 100%;
}
@media print, screen and (min-width: 768px) {
.m-vertical-card .m-vertical-card__col {
/* padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;*/
}
}
@media screen and (max-width: 767px) {
.m-vertical-card .m-vertical-card__col {
margin-bottom: 2.5rem;
}
}
@media print,screen and (min-width: 768px) {
.m-vertical-container.m-vertical-container--style_2column .m-card__thumb {
margin-bottom: 2rem;
}
.m-vertical-container.m-vertical-container--style_3column .m-card__thumb {
margin-bottom: 1.5rem;
}
.m-vertical-container.m-vertical-container--style_4column .m-card__thumb {
margin-bottom: 1rem;
}
}
.m-vertical-card .m-card__thumb > img {
width: 100%;
max-width: none;
}
.m-vertical-card .m-card__description {
font-size: 1rem;
}
.m-vertical-card .m-card__description > p {
max-height: 8.75em;
font-size: inherit;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
@media screen and (max-width: 767px) {
.m-vertical-card .m-card__title {
font-size: 1.25rem;
}
}
.m-vertical-card__link {
text-decoration: none;
color: inherit;
height: 100%;
padding: 24px;
display: block;
background-color: #fff;
border: 1px solid #d6d6d6;
}
.m-vertical-card__link:hover, .m-vertical-card__link:active, .m-vertical-card__link:focus {
color: inherit;
text-decoration: none;
box-shadow: 0px 0px 12px rgba(0,0,0,.1);
}
@media print, screen and (min-width: 768px) {
.m-vertical-card__link:hover, .m-vertical-card__link:active, .m-vertical-card__link:focus {
text-decoration: none;
}
.m-vertical-card__link:hover .m-card__title {
color: var(--color-text-green);
}
}
@media print, screen and (min-width: 768px) {
.m-vertical-card--style_2column .m-vertical-card__col {
/* flex: 0 0 50%;
max-width: 50%;*/
}
.m-vertical-card--style_2column .m-card__title {
font-size: 24px;
}
.m-vertical-card--style_3column .m-vertical-card__link {
padding: 1.5rem;
}
.m-vertical-card--style_3column .m-vertical-card__col {
/* flex: 0 0 calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);*/
}
.m-vertical-card--style_3column .m-card__title {
font-size: 18px;
}
.m-vertical-card--style_4column .m-vertical-card__link {
padding: 1rem;
}
.m-vertical-card--style_4column .m-vertical-card__col {
/* flex: 0 0 25%;
max-width: 25%;*/
}
.m-vertical-card--style_4column .m-card__title {
font-size: 18px;
}
.m-vertical-card--style_4column .m-card__description {
font-size: 14px;
}
}
.m-large-image-card {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-large-image-card__inner {
background-color: #ffffff;
text-decoration: none;
display: block;
color: inherit;
height: 100%;
page-break-inside: avoid;
}
@media print, screen and (max-width: 767px) {
.m-large-image-card__inner .m-card {
margin-bottom: 2rem;
}
}
.m-large-image-card .m-card__thumb > img {
width: 100%;
max-width: none;
}
.m-large-image-card .m-card__headline {
position: relative;
}
.m-large-image-card .m-card__title {
font-size: 24px;
}
.m-large-image-card .m-card__description {
font-size: 1rem;
margin-bottom: 1.5rem;
}
.m-large-image-card .m-card__description > p {
font-size: inherit;
line-height: 1.75;
}
.m-large-image-card .m-card__btns {
margin-top: 1rem;
}
.m-large-image-card .m-card__btns .m-btn .btn-primary {
width: 100%;
background-color: var(--color-bg-secondary-a);
color: #333;
}
.m-large-image-card .m-card__btns .m-btn .btn-primary:hover {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
background-color: rgba(0,0,0,.14);
}
.m-large-image-card .m-card__btns .m-btn .btn-primary::before {
display: none;
}
.m-large-image-card .m-card__btns .m-btn .btn-primary::after {
background-color: #333;
}
.m-horizontal-container {
margin-top: 2rem;
margin-bottom: 5rem;
page-break-inside: avoid;
}
@media print, screen and (min-width: 768px) {
.m-horizontal-container {
margin-top: 3rem;
margin-bottom: 7rem;
}
}
.m-horizontal-container__body > .row {
margin: 0;
}
.m-horizontal-container__body > .row [class*=col] {
padding: 0;
}
/* .m-horizontal-container__body > .row [class*=col] :last-child {
margin-bottom: 0;
} */
.m-horizontal-container__img {
margin-right: calc(var(--gutter)*2);
flex-shrink: 0;
position: relative;
}
@media print, screen and (max-width: 767px) {
.m-horizontal-container__img {
margin-right: 0 !important;
margin-bottom: 1.5rem !important;
}
}
.m-horizontal-container__img img {
width: 100%;
max-width: none;
}
.m-horizontal-container__imgs {
position: relative;
padding-top: 66.76136%;
overflow: hidden;
margin-bottom: 1.5rem !important;
}
@media print, screen and (min-width: 768px) {
.m-horizontal-container__imgs {
margin-bottom: 0;
margin-right: calc(var(--gutter)*2);
}
}
.m-horizontal-container__imgs img {
height: 100%;
width: 100%;
object-fit: contain;
object-position: center;
font-family: 'object-fit: contain; object-position: center;';
}
.m-horizontal-container__imgs .m-carousel__prev, .m-horizontal-container__imgs .m-carousel__next {
width: 2.5rem;
height: 6.25rem;
display: block;
}
.m-horizontal-container__imgs .m-carousel__prev::before, .m-horizontal-container__imgs .m-carousel__next::before {
width: 1rem;
height: 1rem;
border-color: #000;
border-width: 2px;
}
.m-horizontal-container__imgs .m-carousel__bullets {
display: none;
}
.m-horizontal-container__headline {
vertical-align: middle;
margin-bottom: 1rem;
}
.m-horizontal-container__headline .m-label--new {
margin-left: 12px;
}
.m-horizontal-container__sub-title {
display: inline;
font-size: 24px;
vertical-align: middle;
line-height: 1.25;
}
@media screen and (max-width: 767px) {
.m-horizontal-container__sub-title {
font-size: 20px;
}
}
.m-horizontal-container__description {
margin-bottom: 1rem;
line-height: 1.5;
font-size: 1rem;
}
.m-horizontal-container__description > p {
font-size: inherit;
}
.m-horizontal-container__tag {
margin-bottom: 1rem;
margin-right: -8px;
line-height: 1;
}
.m-horizontal-container__badge {
margin-right: -2px;
margin-bottom: 0.5rem;
}
.m-horizontal-container__links {
/* margin-right: -12px; */
margin-bottom: 1rem;
}
.m-horizontal-container__links .btn-link,
.m-horizontal-container__links .btn-link--lg {
/* display: unset; */
margin-bottom: 0;
}
.m-horizontal-container__btns {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-horizontal-container__btns {
display: grid;
gap: 12px;
grid-template-columns: 1fr 1fr 1fr;
}
}
/* .m-horizontal-container__btn {
margin-bottom: 12px;
} */
.m-horizontal-container__btn .m-btn {
height: 100%;
display: block;
margin-right: 0;
margin-bottom: 12px;
}
@media print, screen and (min-width: 768px) {
.m-horizontal-container__btn .m-btn .btn {
min-width: unset !important;
font-size: 14px;
}
}
.m-horizontal-container__body .m-caption {
margin-bottom: 0;
}
.m-vertical-container {
margin-top: 2rem;
margin-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
.m-vertical-container {
margin-top: 3rem;
}
.m-vertical-container--style_2column .row {
margin: 0;
display: grid;
gap: 5rem var(--gap);
grid-template-columns: 1fr 1fr;
}
.m-vertical-container--style_3column .row {
margin: 0;
display: grid;
gap: 5rem var(--gap);
grid-template-columns: 1fr 1fr 1fr;
}
.m-vertical-container--style_4column .row {
margin: 0;
display: grid;
gap: 5rem var(--gap);
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
/* .m-vertical-container * .m-vertical-container {
margin-top: 1rem;
}
.m-vertical-container .m-vertical-container__col {
padding-top: 0.25rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-vertical-container .m-vertical-container__col {
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
}
@media screen and (max-width: 767px) {
.m-vertical-container .m-vertical-container__col {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 767px) {
.m-vertical-container__col {
flex: 0 0 100%;
max-width: 100%;
}
} */
@media print, screen and (min-width: 768px) {
/* .m-vertical-container--style_2column .m-vertical-container__col {
flex: 0 0 50%;
max-width: 50%;
} */
/* .m-vertical-container--style_3column .m-vertical-container__col {
max-width: calc(100% / 3 - 0.01px);
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 3 - 0.01px);
} */
/* .m-vertical-container--style_4column .m-vertical-container__col {
flex: 0 0 25%;
max-width: 25%;
}
.m-vertical-container--style_4column .m-card__description {
font-size: 0.875rem;
} */
}
/* .m-vertical-container .m-card {
border-bottom: 1px solid #dcdcdc;
} */
/* .m-vertical-container .m-card__body {
padding-bottom: 0.5rem;
} */
.m-vertical-container .m-card__thumb > img {
width: 100%;
max-width: none;
}
.m-vertical-container .m-card__headline {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-vertical-container.m-vertical-container--style_2column .m-card__headline {
margin-bottom: 1.5rem;
}
}
.m-vertical-container .m-card__title {
font-size: 1.125rem;
margin-right: 0;
}
.m-vertical-container .m-card__headline .m-label--new {
margin-left: 12px;
}
@media print, screen and (min-width: 768px) {
.m-vertical-container.m-vertical-container--style_4column .m-card__headline .m-label--new {
margin-left: 0;
}
}
.m-vertical-container .m-card__description {
margin-bottom: 1rem;
line-height: 1.75;
font-size: 14px;
overflow-wrap: anywhere;
}
.m-vertical-container .m-card__description > p {
font-size: inherit;
}
.m-vertical-container .m-card__tag {
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
gap: 4px 8px;
}
.m-vertical-container .m-card__badge {
margin-bottom: 0.5rem;
}
.m-vertical-container .m-card__btns .m-link-list .m-link-list__body {
margin-top: 0;
margin-bottom: 0;
}
@media print,screen and (max-width: 767px) {
.m-card__btns .m-btn {
margin-right: 0;
display: block;
}
}
.m-table {
text-align: left;
margin-top: 2rem;
margin-bottom: 1rem;
}
@media print,screen and (min-width: 768px) {
.m-table {
margin-top:3rem;
margin-bottom: 1.5rem
}
}
@media screen and (max-width: 767px) {
.m-table {
margin-top:2rem;
margin-bottom: 2rem
}
}
.m-table__body {
overflow-x: auto;
max-width: 100%;
/* margin-top: 1.5rem; */
}
.m-table__table {
min-width: 544px;
margin-right: auto;
border-collapse: collapse;
border-width: 1px;
border-style: solid;
/* width: 100%;
margin-bottom: 0.5rem;
table-layout: auto; */
}
.m-table--black .m-table__table {
border-color: gray;
}
.m-table--white .m-table__table {
border-color: #cccccc;
}
.m-table__col--5 {
width: 5%;
}
.m-table__col--10 {
width: 10%;
}
.m-table__col--15 {
width: 15%;
}
.m-table__col--20 {
width: 20%;
}
.m-table__col--25 {
width: 25%;
}
.m-table__col--30 {
width: 30%;
}
.m-table__col--35 {
width: 35%;
}
.m-table__col--40 {
width: 40%;
}
.m-table__col--45 {
width: 45%;
}
.m-table__col--50 {
width: 50%;
}
.m-table__col--55 {
width: 55%;
}
.m-table__col--60 {
width: 60%;
}
.m-table__col--65 {
width: 65%;
}
.m-table__col--70 {
width: 70%;
}
.m-table__col--75 {
width: 75%;
}
.m-table__col--80 {
width: 80%;
}
.m-table__col--85 {
width: 85%;
}
.m-table__col--90 {
width: 90%;
}
.m-table__col--95 {
width: 95%;
}
.m-table__col--100 {
width: 100%;
}
/*.m-table--black .m-table__thead-row {
background-color: #333333;
color: #ffffff;
}*/
.m-table--white .m-table__thead-row {
background-color: #ffffff;
}
.m-table--black .m-table__tbody-row:nth-of-type(2n + 1) {
background-color: #ffffff;
}
.m-table--black .m-table__tbody-row:nth-of-type(2n) {
background-color: #f6f6f6;
}
.m-table tr:nth-child(even) td {
background-color: #f9faf9;
}
.m-table--white .m-table__tbody-row:nth-of-type(2n + 1) {
background-color: #f9faf9;
}
.m-table--white .m-table__tbody-row:nth-of-type(2n) {
background-color: #f1f2f1;
}
.m-table--white tr:nth-child(odd) td {
background-color: #f9faf9;
}
.m-table--white tr:nth-child(even) td {
background-color: #f1f2f1;
}
.m-table__cell {
font-size: 0.875rem;
min-width: 80px;
border-width: 1px;
border-style: solid;
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
text-align: left !important;
}
.m-table__cell > :first-child {
margin-top: 0;
}
.m-table__cell > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-table__cell {
font-size: 1rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
.m-table__table.-narrow .m-table__cell{
padding-top: .5rem;
padding-right: .5rem;
padding-bottom: .5rem;
padding-left: .5rem;
}
}
.m-table--black .m-table__cell--head {
/*border-color: #000000;
background-color: #333333;
color: #ffffff;*/
background-color: #d6d6d6;
border-color: #f1f2f1;
}
.m-table--white .m-table__cell--head {
border: 1px solid #d6d6d6;
background-color: #ffffff;
}
.m-table__cell--data {
border-color: #cccccc;
}
.m-table__cell__button {
position: relative;
color: #ffffff;
padding-right: 1.25rem;
display: block;
background: none;
box-shadow: none;
border: none;
width: 100%;
text-align: left;
}
.m-table__cell__button::before, .m-table__cell__button::after {
content: "â®";
color: #707070;
position: absolute;
top: 50%;
right: 0;
display: block;
}
.m-table__cell__button::before {
transform: translateY(-50%) rotateZ(90deg);
margin: -0.5625rem 0 0;
/* content: "Â â®"; */
}
.m-table__cell__button::after {
/* transform: translateY(-50%) rotateZ(90deg);
margin: 0.3125rem 0 0;
content: ""; */
transform: translateY(-50%) rotateZ(90deg);
margin: 0.3125rem 0 0;
content: "â¯";
}
.m-table__cell__button.-asc::before, .m-table__cell__button.-desc::after {
color: #ffffff;
}
.m-table th {
font-family: var(--font-medium, sans-serif);
font-weight: 500;
text-align: center;
}
.m-table th, .m-table td {
border: 1px solid #d6d6d6;
padding: 1rem;
background-color: #fff;
vertical-align: middle;
}
@media print, screen and (max-width: 767px) {
.m-table th, .m-table td {
padding: 8px;
}
}
.m-image {
margin-top: 2rem;
margin-bottom: 2rem;
/* margin-bottom: 1rem;
page-break-inside: avoid; */
}
@media print, screen and (min-width: 768px) {
.m-image {
margin-top: 3rem;
}
}
.m-image__body {
margin-left: auto;
margin-right: auto;
}
.m-image__img {
position: relative;
}
.m-image *:last-child {
margin-bottom: 0;
}
.m-image .m-caption {
font-size: 14px;
line-height: 1.75;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.m-image--size_medium .m-image__body, .m-image--size_small .m-image__body {
width: calc((100% + 2rem) / 1.2 - 2rem);
}
.m-image--size_large .m-image__body {
width: 100%;
}
@media print, screen and (min-width: 768px) {
.m-image--size_medium .m-image__body {
width: calc((100% + 2rem) / 1.5 - 2rem);
}
}
@media print, screen and (min-width: 768px) {
.m-image--size_small .m-image__body {
width: calc((100% + 2rem) / 3 - 2rem);
}
}
.m-img-paragraph {
margin-top: 2rem;
margin-bottom: 1.5rem;
}
/* .m-img-paragraph__body {
margin-left: -1rem;
margin-right: -1rem;
} */
@media print, screen and (min-width: 768px) {
.m-img-paragraph {
margin-top: 3rem;
}
/* .m-img-paragraph .m-img-paragraph__head .m-heading-3 {
margin-bottom: 3rem;
} */
.m-img-paragraph__title {
font-size: 1.5rem;
}
}
/* .m-img-paragraph__sub-title {
overflow: hidden;
margin-left: 1rem;
margin-right: 1rem;
} */
.m-img-paragraph__sub-title > :first-child {
margin-top: 0;
}
/* .m-img-paragraph__text {
margin-left: 1rem;
margin-right: 1rem;
} */
.m-img-paragraph__head .m-heading-3 {
margin-top: 4.5rem;
}
.m-img-paragraph.m-img-paragraph--size_large.m-img-paragraph--layout_bottom .m-img-paragraph__head .m-heading-3,
.m-img-paragraph.m-img-paragraph--size_medium.m-img-paragraph--layout_bottom .m-img-paragraph__head .m-heading-3,
.m-img-paragraph.m-img-paragraph--size_small.m-img-paragraph--layout_bottom .m-img-paragraph__head .m-heading-3{
margin-bottom:0;
}
.m-img-paragraph__head .m-heading-3 .m-heading-3__title {
margin: 0;
}
.m-img-paragraph__sub-title .m-heading-4 {
margin-top: 3.5rem;
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph__sub-title .m-heading-4 {
margin-top: 4rem;
}
}
.m-img-paragraph__sub-title .m-heading-4 .m-heading-4__title {
margin: 0;
}
.m-img-paragraph__text-item {
margin-bottom: 1rem;
}
.m-img-paragraph__text > :last-child {
margin-bottom: 0;
}
/* .m-img-paragraph__img {
padding-left: 1rem;
padding-right: 1rem;
} */
@media screen and (max-width: 767px) {
.m-img-paragraph {
margin-bottom: 2rem;
}
.m-img-paragraph__img {
margin-left: auto;
margin-right: auto;
/*margin-bottom: 1.5rem;*/
margin-bottom: 2rem;
margin-top: 2rem;
}
}
/*.m-img-paragraph__text *:last-child,
.m-img-paragraph .m-caption {
margin-bottom: 0;
}*/
.m-img-paragraph--size_large .m-img-paragraph__img {
width: 100%;
}
@media screen and (max-width: 767px) {
.m-img-paragraph--size_medium .m-img-paragraph__img, .m-img-paragraph--size_small .m-img-paragraph__img {
/* width: calc(100% / 1.5 - 0.01px);*/
width: calc((800% - 4 * var(--gap))/12);
}
}
.m-img-paragraph--layout_bottom .m-img-paragraph__sub-title .m-heading-2__title,
.m-img-paragraph--layout_bottom .m-img-paragraph__sub-title .m-heading-3__title,
.m-img-paragraph--layout_bottom .m-img-paragraph__sub-title .m-heading-4__title,
.m-img-paragraph--layout_bottom .m-img-paragraph__sub-title .m-heading-5__title {
margin-top: 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_normal .m-img-paragraph__img, .m-img-paragraph--layout_bottom .m-img-paragraph__img {
margin-left: auto;
margin-right: auto;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_normal.m-img-paragraph--size_large .m-img-paragraph__img, .m-img-paragraph--layout_bottom.m-img-paragraph--size_large .m-img-paragraph__img {
width: 100%;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_normal.m-img-paragraph--size_medium .m-img-paragraph__img, .m-img-paragraph--layout_bottom.m-img-paragraph--size_medium .m-img-paragraph__img {
/* width: calc(100% / 1.5 - 0.01px);*/
width: calc((800% - 4 * var(--gap))/12);
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_normal.m-img-paragraph--size_small .m-img-paragraph__img, .m-img-paragraph--layout_bottom.m-img-paragraph--size_small .m-img-paragraph__img {
/* width: calc(100% / 3 - 0.01px);*/
width: calc((400% - 8 * var(--gap))/12);
}
}
@media screen and (max-width: 767px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__body, .m-img-paragraph--layout_right .m-img-paragraph__body {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__img,
.m-img-paragraph--layout_bottom .m-img-paragraph__text, .m-img-paragraph--layout_right .m-img-paragraph__img,
.m-img-paragraph--layout_right .m-img-paragraph__text {
min-height: 1px;
}
.m-img-paragraph--layout_bottom .m-img-paragraph__text p {
margin-bottom: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-2__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-3__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-4__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-5__title {
margin-top: 0;
}
.m-img-paragraph--layout_right .m-img-paragraph__sub-title .m-heading-2__title,
.m-img-paragraph--layout_right .m-img-paragraph__sub-title .m-heading-3__title,
.m-img-paragraph--layout_right .m-img-paragraph__sub-title .m-heading-4__title,
.m-img-paragraph--layout_right .m-img-paragraph__sub-title .m-heading-5__title {
margin-top: 0;
}
}
@media print, screen and (max-width: 767px) {
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-2__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-3__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-4__title,
.m-img-paragraph--layout_left .m-img-paragraph__sub-title .m-heading-5__title {
margin-top: 3.5rem;
}
}
@media screen and (max-width: 767px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__img, .m-img-paragraph--layout_left .m-img-paragraph__img {
order: 2;
margin-top: 3rem;
margin-bottom: 0rem;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_normal .m-img-paragraph__img {
margin-bottom: 2rem;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__body {
display: flex;
flex-direction: column;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__img {
order: 2;
margin-top: 2rem;
overflow: hidden;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_bottom .m-img-paragraph__sub-title {
margin-top: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__img {
float: left;
margin-right: calc(var(--gutter) * 2);
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_right .m-img-paragraph__img {
float: right;
margin-left: calc(var(--gutter) * 2);
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__body::after, .m-img-paragraph--layout_right .m-img-paragraph__body::after {
content: "";
display: block;
clear: both;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__img, .m-img-paragraph--layout_right .m-img-paragraph__img {
margin-bottom: 3rem;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__text, .m-img-paragraph--layout_right .m-img-paragraph__text {
overflow: hidden;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left .m-img-paragraph__text ul,
.m-img-paragraph--layout_left .m-img-paragraph__text ol, .m-img-paragraph--layout_right .m-img-paragraph__text ul,
.m-img-paragraph--layout_right .m-img-paragraph__text ol {
display: table;
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left.m-img-paragraph--size_large .m-img-paragraph__img, .m-img-paragraph--layout_right.m-img-paragraph--size_large .m-img-paragraph__img {
width: calc((600% - 6 * var(--gap))/12);
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left.m-img-paragraph--size_medium .m-img-paragraph__img, .m-img-paragraph--layout_right.m-img-paragraph--size_medium .m-img-paragraph__img {
width: calc(100% / 3 - 0.01px);
}
}
@media print, screen and (min-width: 768px) {
.m-img-paragraph--layout_left.m-img-paragraph--size_small .m-img-paragraph__img, .m-img-paragraph--layout_right.m-img-paragraph--size_small .m-img-paragraph__img {
width: calc((300% - 9 * var(--gap))/12);
}
}
.m-img-layout {
margin-top: 1.78125rem;
margin-bottom: 1.78125rem;
}
@media print, screen and (min-width: 768px) {
.m-img-layout {
margin-top: 1.125rem;
margin-bottom: 1.125rem;
}
}
.m-img-layout__body {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: -0.25rem;
margin-right: -0.25rem;
margin-bottom: -0.25rem;
margin-left: -0.25rem;
}
@media print, screen and (min-width: 768px) {
.m-img-layout__body {
margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
}
}
.m-img-layout__img {
padding-top: 0.25rem;
padding-right: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.25rem;
}
@media print, screen and (min-width: 768px) {
.m-img-layout__img {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
}
.m-hero {
position: relative;
/* overflow: hidden; */
padding-top: 100%;
/* max-width: 1118px; */
height: 100%;
/* margin-left: auto;
margin-right: auto; */
padding-right: 2rem;
padding-left: 2rem;
padding-top: 83%;
/* max-width: calc(1184px - 4rem);
margin-right: auto;
margin-left: auto; */
margin-left: var(--container-padding);
margin-right: var(--container-padding);
}
@media print, screen and (min-width: 768px) {
.m-hero {
padding-top: 31.25%;
}
}
/* @media print, screen and (max-width: 767px) {
.m-hero {
margin-left: var(--container-padding);
margin-right: var(--container-padding);
}
} */
.m-hero img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
::-ms-backdrop, .m-hero img {
position: absolute;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
transform: translateX(-50%) translateY(-50%);
}
.m-content-header {
/* max-width: 1118px; */
height: 100%;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (max-width: 767px) {
.m-content-header__text,.m-content-header__aside {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
}
.m-content-header .l-container {
padding-right: 0;
padding-left: 0;
}
[data-js-content-header*=fiexd] .m-content-header__title {
font-size: 1.125rem;
}
@media print, screen and (min-width: 768px) {
[data-js-content-header*=fiexd] .m-content-header__title {
font-size: 1.5rem;
}
}
[data-js-content-header*=fiexd] .m-content-header__aside {
flex-direction: row-reverse;
}
[data-js-content-header*=fiexd] .m-content-header__local-menu {
margin-left: 1rem;
margin-bottom: 0;
}
[data-js-content-header*=fiexd] .m-content-header__wrap {
position: fixed;
top: -4rem;
left: 0;
width: 100%;
height: 4rem;
z-index: 200;
transform: translateY(-10%);
}
[data-js-content-header*=fiexd] .m-content-header__body {
position: relative;
padding: 0;
height: 100%;
}
[data-js-content-header*=fiexd] .m-content-header__body > .l-container {
flex-direction: row;
align-items: center;
height: 100%;
}
[data-js-content-header*=fiexd] .m-content-header__headding [class^=label], [data-js-content-header*=fiexd] .m-content-header__sub-title, [data-js-content-header*=fiexd] .m-content-header__description, [data-js-content-header*=fiexd] .m-content-header__conversion, [data-js-content-header*=fiexd] .m-content-header__badge, [data-js-content-header*=fiexd] .m-content-header__thumbnail {
display: none;
}
[data-js-content-header*=fiexd] .m-content-header__menu {
z-index: -1;
position: relative;
visibility: hidden;
transform: translateY(-100%);
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, visibility 0s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s;
}
[data-js-content-header*=fiexd] .m-content-header__fiexd-arrow {
display: inline-block;
border: 0;
background-color: transparent;
font-size: 0.875rem;
}
[data-js-content-header*=fiexd] .m-content-header__fiexd-arrow::before {
display: block;
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
transform: rotate(180deg);
}
[data-js-content-header*=fiexd--open] .m-content-header__wrap {
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
[data-js-content-header*="--menu-open"] .m-content-header__menu {
visibility: visible;
transform: translateY(0);
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
[data-js-content-header*="--menu-open"] .m-content-header__fiexd-arrow::before {
transform: rotate(0);
}
.m-content-header__share-close, .m-content-header__share-open {
min-width: auto;
width: 5rem;
height: 2rem;
min-height: auto;
background-color: #ffffff;
border: 1px solid #dcdcdc;
color: #8c8c8c;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.m-content-header__share-close:hover, .m-content-header__share-close:active, .m-content-header__share-close:focus, .m-content-header__share-open:hover, .m-content-header__share-open:active, .m-content-header__share-open:focus {
background-color: #ffffff !important;
border-color: #018463 !important;
color: #018463 !important;
}
.m-content-header__share-close > span, .m-content-header__share-open > span {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.m-content-header__share-open {
position: relative;
}
.m-content-header__share-open > span::after {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
position: relative;
top: 0.0625rem;
margin-left: 0.25rem;
background-image: url("../images/icn_share.svg");
background-position: center center;
background-repeat: no-repeat;
}
.m-content-header__share-open:hover > span::after, .m-content-header__share-open:active > span::after, .m-content-header__share-open:focus > span::after {
background-image: url("../images/icn_share-g.svg");
}
.m-content-header__share-close {
display: none;
}
.m-content-header__share-close span {
position: relative;
padding-right: 1.5rem;
}
.m-content-header__share-close span::before, .m-content-header__share-close span::after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 0;
background-color: #8c8c8c;
width: 0.625rem;
height: 0.0625rem;
}
.m-content-header__share-close span::before {
transform: translateX(-50%) rotate(45deg);
}
.m-content-header__share-close span::after {
transform: translateX(-50%) rotate(135deg);
}
.m-content-header__share-close:hover span::before, .m-content-header__share-close:hover span::after, .m-content-header__share-close:active span::before, .m-content-header__share-close:active span::after, .m-content-header__share-close:focus span::before, .m-content-header__share-close:focus span::after {
background-color: #018463;
}
.m-content-header__share-body {
background-color: #f6f6f6;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
position: absolute;
visibility: hidden;
opacity: 0;
right: 0;
top: 2.5rem;
transform: translateY(-0.5rem);
z-index: 50;
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, visibility 0s linear 0.4s;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
.m-content-header__share {
position: relative;
display: flex;
justify-content: flex-end;
}
@media print, screen and (min-width: 768px) {
.m-content-header__share {
margin-top: auto;
}
}
@media screen and (max-width: 767px) {
.m-content-header__share {
display: none;
}
}
.m-content-header__share[data-js-share=open] .m-content-header__share-open {
display: none;
}
.m-content-header__share[data-js-share=open] .m-content-header__share-close {
display: inherit;
}
.m-content-header__share[data-js-share=open] .m-content-header__share-body {
transform: inherit;
visibility: inherit;
opacity: 1;
transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s, visibility 0.4s linear 0s;
}
[onmouseover="_atw.xwa()"],
.media-dtp .m-content-header__share {
display: none !important;
}
@media print {
.m-content-header__share {
display: none !important;
}
}
.m-content-header__wrap {
transition-duration: 0s;
/* padding-left: var(--container-padding);
padding-right: var(--container-padding); */
}
.m-content-header__body {
/* padding-top: 2rem; */
padding-top: 60px;
/* padding-bottom: 2rem; */
position: relative;
background-color: #ffffff;
}
.m-content-header__body > .l-container {
display: flex;
justify-content: space-between;
max-width: calc(1184px - 4rem);
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 767px) {
.m-content-header__body > .l-container {
flex-direction: column;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
/* padding-left: var(--container-padding);
padding-right: var(--container-padding); */
}
}
@media print {
.m-content-header__body {
box-shadow: none;
border-bottom: 1px solid #707070;
}
}
.media-dtp .m-content-header__body {
box-shadow: none;
border-bottom: 1px solid #707070;
}
@media print, screen and (min-width: 768px) {
.m-content-header__text {
flex: 1;
}
}
.m-content-header__title {
display: inline;
line-height: 1.5;
margin: 0 16px 0 0;
}
.m-content-header__title > span {
position: relative;
top: 0.125rem;
margin-left: 0.5625rem;
}
/* .m-content-header__title .m-label--new {
background-color: transparent;
} */
.m-content-header__sub-title {
font-size: 18px;
line-height: 1.5;
margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-content-header__sub-title {
margin-bottom: 0;
}
}
@media print, screen and (max-width: 767px) {
.m-content-header__description {
margin-top: 1rem;
}
.m-content-header__description p {
margin-bottom: 0;
}
}
.m-content-header__fiexd-arrow {
display: none;
}
.media-dtp .m-content-header__menu {
display: none;
}
@media print {
.m-content-header__menu {
display: none;
}
}
@media print, screen and (min-width: 768px) {
.m-content-header__aside {
width: 18.75rem;
margin-left: calc(var(--gutter)*2);
display: flex;
flex-direction: column;
align-items: end;
}
.m-content-header__aside *:last-child {
margin-bottom: 0;
}
}
.m-content-header__aside .m-column {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-content-header__local-menu {
text-align: right;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-content-header__local-menu {
display: none;
}
}
.m-content-header__conversion .btn {
margin-bottom: 8px;
font-size: 14px;
}
@media print, screen and (min-width: 768px) {
.m-content-header__conversion .m-btn {
margin-right: 0;
}
.m-content-header__conversion .btn {
min-height: auto;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1em;
padding-left: 1.5em;
max-width: 280px;
}
.m-content-header__conversion > * + * {
margin-left: 0.5rem;
}
.m-content-header__conversion > :first-child {
margin-top: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1184px) {
.m-content-header__conversion > * {
display: block;
}
.m-content-header__conversion > * + * {
margin-left: 0;
margin-top: 0.5rem;
}
}
@media screen and (max-width: 767px) {
.m-content-header__conversion {
flex-direction: column;
}
.m-content-header__conversion > * {
margin-top: 0.5rem;
width: 100%;
}
}
.m-content-header__conversion .m-column .row {
/* margin-top: -0.25rem;
margin-right: -0.25rem;
margin-bottom: -0.25rem;
margin-left: -0.25rem; */
gap: unset !important;
}
@media print, screen and (min-width: 768px) {
/* .m-column__body {
margin-left: 32px;
} */
.m-content-header__conversion .m-column .row {
/* margin-top: -0.4375rem; */
/* margin-top: 0.25rem; */
/* margin-right: -0.4375rem; */
/* margin-right: 0.1rem;
margin-bottom: -0.4375rem;
margin-left: -0.4375rem; */
width: 100%;
display: flex;
justify-content: right;
gap: unset !important;
}
}
.m-content-header__conversion .m-column .row > .col {
padding: 0;
}
@media print, screen and (min-width: 768px) {
.m-content-header__conversion .m-column .row > .col {
padding: 0;
width: 100%;
}
}
.m-content-header__conversion .m-column .row > .col .m-btn {
display: block;
margin-right: 0;
text-align: right;
}
@media print, screen and (min-width: 768px) {
.m-content-header__thumbnail {
width: calc((50% - var(--gutter)*5)/3);
margin-right: calc(var(--gutter)*2);
}
}
@media screen and (max-width: 767px) {
.m-content-header__thumbnail {
width: calc((200% - var(--gutter)*2)/3);
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.m-content-header__thumbnail > img {
width: 100%;
}
}
.m-content-header.t-dark-title .m-content-header__body {
background-color: #f5f5f5;
color: #000;
}
@media print {
.m-content-header.t-dark-title .m-content-header__body {
background-color: #ffffff;
color: #000000;
}
}
.media-dtp .t-dark-title .m-content-header__body {
background-color: #ffffff;
color: #000000;
}
.m-content-header.t-dark-title .m-content-header__share-close, .m-content-header.t-dark-title .m-content-header__share-open {
background-color: #333333;
border-color: #8c8c8c;
color: #ffffff;
}
.m-content-header.t-dark-title .m-content-header__share-close:hover, .m-content-header.t-dark-title .m-content-header__share-close:active, .m-content-header.t-dark-title .m-content-header__share-close:focus, .m-content-header.t-dark-title .m-content-header__share-open:hover, .m-content-header.t-dark-title .m-content-header__share-open:active, .m-content-header.t-dark-title .m-content-header__share-open:focus {
background-color: #333333 !important;
}
.m-content-header.t-dark-title .m-content-header__share-open > span::after {
background-image: url("../images/icn_share-w.svg");
}
.m-content-header.t-dark-title .m-content-header__share-open:hover > span::after, .m-content-header.t-dark-title .m-content-header__share-open:active > span::after, .m-content-header.t-dark-title .m-content-header__share-open:focus > span::after {
background-image: url("../images/icn_share-g.svg");
}
.m-content-header.t-dark-title .m-content-header__fiexd-arrow {
color: #ffffff;
}
.m-content-header .m-tab__navigation {
box-shadow: none;
}
.m-youtube,
.m-embedded {
margin-top: 2rem;
margin-bottom: 4rem;
page-break-inside: avoid;
}
@media print, screen and (min-width: 768px) {
.m-youtube,
.m-embedded {
margin-top: 3rem;
margin-bottom: 5rem;
}
}
.m-youtube__body,
.m-embedded__body {
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 768px) {
.m-youtube--size_small .m-youtube__body, .m-embedded--size_small .m-youtube__body,
.m-youtube--size_small .m-embedded__body,
.m-embedded--size_small .m-embedded__body {
width: calc((800% - 4 * var(--gap))/12);
margin-left: auto;
margin-right: auto;
}
.m-youtube--size_small .m-caption,
.m-embedded--size_small .m-caption{
width: calc((100% + 2rem) / 1.5 - 2rem);
margin-left: auto;
margin-right: auto;
}
}
.m-youtube__video,
.m-embedded__video {
padding-top: 56.25%;
position: relative;
background-color: #000000;
}
.m-youtube__video > iframe,
.m-youtube__video > video,
.m-embedded__video > iframe,
.m-embedded__video > video {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}
.m-youtube .caption,
.m-embedded .caption {
font-size: 0.875rem;
line-height: 1.5;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.m-box-inquiry {
border: 4px solid #8c8c8c;
padding-top: 0.875rem;
padding-right: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
}
.m-box-inquiry__text {
font-size: 0.875rem;
}
.m-box-field {
page-break-inside: avoid;
background-color: #ffffff;
/* border: 4px solid #8c8c8c;
margin-top: 2rem;
margin-bottom: 1rem;
padding-top: 2rem;
padding-right: 1.875rem;
padding-bottom: 2rem;
padding-left: 1.875rem;*/
margin-top: 3rem;
margin-bottom: 1.5rem;
display: flex;
gap: var(--gap);
border: 1px solid var(--color-border);
padding: var(--gap);
}
@media print, screen and (min-width: 768px) {
.m-box-field {
padding: 32px;
}
}
@media screen and (max-width: 767px) {
.m-box-field {
margin-top: 2rem;
margin-bottom: 2rem;
padding: var(--container-padding);
}
}
.m-box-field.m-box-field--style_thin-gray {
border-width: 1px;
/* background-color: #f6f6f6;*/
background: var(--color-bg-secondary);
}
.m-box-field.m-box-field--style_black-white {
/* border-color: #333333;*/
border:2px solid #333333;
}
.m-box-field.m-box-field--style_green-green {
border-color: #01916d;
background-color: #f3fefb;
}
.m-box-field.m-box-field--style_green-white {
/* border-color: #01916d;*/
border: 2px solid #01916d;
}
.m-box-field h1,
.m-box-field h2,
.m-box-field h3,
.m-box-field h4,
.m-box-field h5,
.m-box-field h6,
.m-box-field .m-paragraph {
margin-top: 0;
}
.m-box-field .m-img-paragraph {
margin: 0;
}
@media print, screen and (min-width: 768px) {
.m-box-field .m-img-paragraph__img {
margin-bottom: 0;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.m-box-field .m-img-paragraph__img{
margin-top: 0;
margin-bottom: 1.5rem;
}
}
@media print, screen and (min-width: 768px) {
.m-box-field .m-img-paragraph--size_small .m-img-paragraph__img {
width: calc(var(--col-width)*2 + var(--gap));
}
}
@media screen and (max-width: 767px) {
.m-box-field .m-img-paragraph--size_small .m-img-paragraph__img{
width: calc((800% - 4 * var(--gap))/12);
}
}
@media print, screen and (min-width: 768px) {
.m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
width: calc(var(--col-width)*4 + var(--gap)*3);
}
}
@media screen and (max-width: 767px) {
.m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img{
padding: 0 1rem;
width: 100%;
}
}
@media print, screen and (min-width: 768px) {
.m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
width: calc((600% - 6 * var(--gap))/12);
}
}
@media screen and (max-width: 767px) {
.m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img{
padding: 0 1rem;
width: 100%;
}
}
.m-attention-box {
display: flex;
border-radius: 5px;
margin-top: 2rem;
margin-right: 0;
margin-bottom: 1rem;
margin-left: 0;
}
@media print, screen and (min-width: 768px) {
.m-attention-box {
align-items: center;
}
}
.m-attention-box__icon {
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
margin-top: 0.125rem;
}
.m-attention-box__body {
flex: 1;
}
.m-attention-box__title {
font-size: 1.125rem;
}
.m-attention-box__text {
line-height: 1.5;
}
.m-attention-box__text > :first-child {
margin-top: 0;
}
.m-attention-box__text > :last-child {
margin-bottom: 0;
}
.m-attention-box.m-attention-box--style_attention {
/*background-color: #ffefeb;
border: 2px solid rgba(251, 0, 32, 0.5);
color: #fb0020;
padding-top: 1.5rem;
padding-right: 1.25rem;
padding-bottom: 1.5rem;
padding-left: 1.25rem;*/
color: var(--color-text-red);
background-color: var(--color-bg-red);
border: rgba(0,0,0,0);
border-radius: 0;
padding: 1rem;
padding-left: 0;
display: flex;
align-items: flex-start;
}
.m-attention-box__title {
margin-bottom: 6px;
}
.m-attention-box.m-attention-box--style_attention .m-attention-box__title,
.m-attention-box.m-attention-box--style_information .m-attention-box__title {
margin-top: 0;
}
@media print, screen and (min-width: 768px) {
.m-attention-box {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
/* .m-attention-box.m-attention-box--style_attention {
padding-top: 1rem;
padding-right: 2.25rem;
padding-bottom: 1rem;
padding-left: 2.25rem;
}*/
}
.m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.7709%2016.7778H13.0626L12.4584%209.11111L12.3959%206.36111H15.4584L15.3959%209.11111L14.7709%2016.7778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M15.8126%2020.2778C15.8126%2021.3611%2014.9584%2022.0903%2013.9167%2022.0903C12.8751%2022.0903%2012.0209%2021.3611%2012.0209%2020.2778C12.0209%2019.1944%2012.8751%2018.4444%2013.9167%2018.4444C14.9584%2018.4444%2015.8126%2019.1944%2015.8126%2020.2778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28%2014C28%2021.732%2021.732%2028%2014%2028C6.26801%2028%200%2021.732%200%2014C0%206.26801%206.26801%200%2014%200C21.732%200%2028%206.26801%2028%2014ZM25.6667%2014C25.6667%2020.4433%2020.4433%2025.6667%2014%2025.6667C7.55668%2025.6667%202.33333%2020.4433%202.33333%2014C2.33333%207.55668%207.55668%202.33333%2014%202.33333C20.4433%202.33333%2025.6667%207.55668%2025.6667%2014Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-position: center top;
width: 3.5rem;
height: 28px;
}
@media print, screen and (min-width: 768px) {
/* .m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
width: 3rem;
height: 3rem;
margin-right: 2rem;
}*/
}
@media print, screen and (max-width: 767px) {
.m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
top: 0;
}
}
.m-attention-box.m-attention-box--style_information {
/* background-color: #edf8ff;
border: 1px solid #d2ebfa;
border-radius: 5px;
color: #0b6297;
padding-top: 1rem;
padding-right: 1.25rem;
padding-bottom: 1rem;
padding-left: 1.25rem;*/
color: var(--color-text-blue);
background-color: var(--color-bg-blue);
border: rgba(0,0,0,0);
border-radius: 0;
padding: 1rem;
padding-left: 0;
display: flex;
align-items: flex-start;
}
@media print, screen and (min-width: 768px) {
/* .m-attention-box.m-attention-box--style_information {
padding-right: 2.25rem;
padding-left: 2.25rem;
}*/
}
.m-attention-box.m-attention-box--style_information .m-attention-box__icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%2020.625C16.7635%2020.625%2020.625%2016.7635%2020.625%2012C20.625%207.23654%2016.7635%203.375%2012%203.375C7.23654%203.375%203.375%207.23654%203.375%2012C3.375%2016.7635%207.23654%2020.625%2012%2020.625ZM12%2022.5C17.799%2022.5%2022.5%2017.799%2022.5%2012C22.5%206.20101%2017.799%201.5%2012%201.5C6.20101%201.5%201.5%206.20101%201.5%2012C1.5%2017.799%206.20101%2022.5%2012%2022.5ZM13.5%207.5C13.5%208.32843%2012.8284%209%2012%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5ZM10.875%2010.5V18H13.125V10.5H10.875Z%22%20fill%3D%22%230081C0%22%2F%3E%0A%3C%2Fsvg%3E%0A");
background-position: center top;
width: 3rem;
height: 24px;
}
@media print, screen and (min-width: 768px) {
/* .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
width: 1.5rem;
height: 1.5rem;
margin-right: 1rem;
}*/
}
@media print, screen and (max-width: 767px) {
.m-attention-box.m-attention-box--style_information .m-attention-box__icon {
top: 0;
}
}
.m-caption {
/* font-size: 0.875rem;
line-height: 1.5;
margin-top: 0.75rem;
margin-bottom: 0.75rem;*/
font-size: 14px;
line-height: 1.75;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
li.m-caption {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.m-note {
margin-top: 2rem;
margin-bottom: 2rem;
}
.m-note-list {
display: table;
}
.m-note-list .m-caption {
display: table-row;
}
.m-note.note-sm .m-caption {
font-size: 0.6875rem;
}
.m-note-list .m-caption__mark {
display: table-cell;
padding-right: 0.3rem;
min-width: 2.5rem !important;
}
.m-note-list .m-caption__text {
display: table-cell;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.m-note-list .m-caption .m-note {
margin-top: 0.25rem;
margin-bottom: -0.25rem;
}
.m-note-sup__link {
color: #333333;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-note-sup__sup {
position: relative;
top: -0.5em;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.m-phone-number {
line-height: 1;
margin-top: 1rem;
margin-bottom: 1rem;
}
.m-phone-number__icon:not(.m-phone-number--style_gray_s .m-phone-number__icon)
{
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-phone-number__number:not(.m-phone-number--style_gray_s .m-phone-number__number)
{
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-phone-number__icon {
color: #ffffff;
/* width: 2.5rem;*/
display: inline-block;
text-align: center;
margin-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.1875rem;
/* border-radius: 2px;*/
letter-spacing: 0;
vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
.m-phone-number__icon {
padding: 5px 10px;
margin-right: 1rem;
font-size: 20px;
}
.m-phone-number--style_gray_s .m-phone-number__icon {
margin-right: 0.5rem;
}
}
@media print, screen and (max-width: 767px) {
.m-phone-number__icon {
padding: 4px;
}
}
.m-phone-number--style_gray_l .m-phone-number__icon {
color: #000;
}
.m-phone-number.m-phone-number--style_gray_l a:hover .m-phone-number__icon {
color: var(--color-text-green);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-phone-number--style_green_l .m-phone-number__icon {
/*background-color: #01916d;*/
background-color: #333;
}
.m-phone-number--style_gray_l .m-phone-number__icon {
/* background-color: #333333;*/
background-color: rgba(0,0,0,.08);
}
.m-phone-number--style_gray_s .m-phone-number__icon {
/* font-size: 0.875rem;*/
color: #333333;
/* border: 1px solid;*/
font-size: 12px;
background-color: rgba(0,0,0,0);
border: 1px solid #5c5c5c;
padding: 2px 5px;
}
.m-phone-number.m-phone-number--style_gray_s a:hover .m-phone-number__icon {
color: var(--color-text-green);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-phone-number__freedial {
display: inline-block;
width: 3.125rem;
margin-right: 0.25rem;
vertical-align: middle;
}
.m-phone-number__freedial-img {
height: auto;
}
.m-phone-number__number {
font-size: 1.625rem;
vertical-align: middle;
letter-spacing: 0;
}
@media print, screen and (min-width: 768px) {
.m-phone-number__number {
font-size: 2rem;
}
}
.m-phone-number--style_gray_s .m-phone-number__number {
font-size: 1rem;
}
.m-btn.m-download,
.m-btn.m-linkfile {
display: inherit;
margin-right: 0;
}
.m-download {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-download {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-download__body,.m-linkfile__body {
width: 100%;
}
.m-download__body .m-btn,
.m-linkfile__body .m-btn {
width: 100%;
}
.m-download__body .m-btn, .m-download__body p,
.m-linkfile__body .m-btn{
margin-right: 0;
margin-bottom: 0;
}
.m-download__body .m-btn .btn,
.m-linkfile__body .m-btn .btn {
min-width: calc((25% - var(--gutter))/.75);
}
.m-linkfile__body .m-btn .btn:not(.btn-link)::after {
-webkit-mask-image: var(--i-blank, none);
}
.m-download__body .m-btn .btn:not(.btn-link)::after {
content: "";
-webkit-mask-image: var(--i-dl, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
}
.m-download__body .m-btn .btn{
padding: 16px 32px 16px 24px;
}
.m-download__btn-link {
margin-bottom: 0;
margin-right: 0;
}
.m-download__btn-link .btn-link__inner::after {
content: "";
-webkit-mask-image: var(--i-dl, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
margin-left: 0.25em;
margin-top: -0.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.m-download__filename {
font-size: 0.875rem;
margin-top: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-download__filename {
margin-top: 1.5rem;
}
}
.m-download__filename::before {
content: "";
display: inline-block;
width: 1.25rem;
height: 1.25rem;
margin-right: 7px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center;
}
.m-download__filename.m-download__filename--pdf::before {
background-image: url("../images/icn_file.svg");
}
.m-download__filename.m-download__filename--document::before {
background-image: url("../images/icn_document-file.svg");
}
.m-download__filename-inner {
vertical-align: middle;
}
.m-linkfile {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-linkfile {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
.m-linkfile__foot .m-caption {
margin-top: 0.5rem !important;
}
}
.m-linkfile__btn-link {
margin-bottom: 0;
margin-right: 0;
}
.m-linkfile .m-btn__blank-icon {
display: none;
}
.m-linkfile__body a {
color: #000;
}
.m-linkfile__btn-link .btn-link__inner {
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-linkfile__btn-link .btn-link__inner::after {
content: "";
-webkit-mask-image: var(--i-blank_b);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
margin-left: 0.25em;
margin-top: -0.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.m-contact {
display: block;
background-color: #ffffff;
page-break-inside: avoid;
margin-top: 2rem;
margin-bottom: 1rem;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-contact {
display: flex;
flex-direction: row;
padding-top: 1.5rem;
padding-right: 0;
padding-bottom: 1.5rem;
padding-left: 0;
}
}
.m-contact--style_green {
border: 1px solid #01916d;
}
.m-contact--style_gray {
border: 1px solid var(--color-border);
}
.m-contact__head {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 1rem;
padding: 0;
}
@media print, screen and (min-width: 768px) {
.m-contact__head {
width: 26%;
border-right: 1px solid #dcdcdc;
border-bottom: none;
justify-content: center;
margin-bottom: 0;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
.m-contact--width-auto .m-contact__head {
width: auto;
max-width: 70%;
}
}
.m-contact__title {
font-size: 18px;
margin-top: 0;
}
.m-contact__body {
flex: 1;
}
.m-contact__body > :first-child {
margin-top: 0;
}
.m-contact__body > :last-child {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-contact__body {
padding-left: 1rem;
padding-right: 1rem;
}
}
.m-contact--width-auto .m-contact__body .m-btn .btn {
min-width: auto;
}
.m-contact__text {
margin-bottom: 2rem;
font-size: 1rem;
line-height: 28px;
}
@media print, screen and (min-width: 768px) {
.m-contact__text {
padding-left: 1rem;
padding-right: 1rem;
}
}
.m-contact__row {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-contact__row {
flex-direction: row;
}
}
.m-contact [class*=m-contact__block] {
word-break: break-all;
}
.m-contact [class*=m-contact__block] > :first-child {
margin-top: 0;
}
.m-contact [class*=m-contact__block] > :last-child {
margin-bottom: 0;
}
.m-contact__block {
margin-top: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-contact__block {
padding-left: 1rem;
padding-right: 1rem;
}
}
.m-contact__block--left, .m-contact__block--right {
width: 100%;
}
.m-contact__block--left > :first-child, .m-contact__block--right > :first-child {
margin-top: 0;
}
.m-contact__block--left > :last-child, .m-contact__block--right > :last-child {
margin-bottom: 0;
}
.m-contact__block--right .m-btn .btn-lg {
min-width: unset;
}
@media print, screen and (min-width: 768px) {
.m-contact__block--left, .m-contact__block--right {
width: 50%;
margin-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
}
.m-contact__block--left {
margin-top: 1rem;
margin-right: auto;
}
.m-contact__block--right {
margin-top: 2rem;
margin-left: auto;
}
@media print, screen and (min-width: 768px) {
.m-contact__block--right {
margin-top: 1rem;
}
}
.m-context-menu {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-context-menu {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-context-menu__head {
margin-bottom: 1.5rem;
text-align: center;
}
@media print, screen and (min-width: 768px) {
.m-context-menu__head {
margin-bottom: 2rem;
}
}
.m-context-menu__body {
display: flex;
flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
.m-context-menu__item {
width: 50%;
}
}
.m-context-menu__item {
padding: 24px;
border: 1px solid #d6d6d6;
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m-context-menu__item .m-context-menu__heading,
.m-context-menu__item .m-heading-5__title {
margin: 0;
font-size: 18px;
font-family: var(--font-bold-conde, sans-serif);
}
.m-context-menu__item .m-heading-5__title {
position: relative;
}
.m-context-menu__item .m-heading-5__title::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
position: absolute;
line-height: 1;
right: 0;
}
.m-context-menu__item:hover {
box-shadow: 0px 0px 12px rgba(0,0,0,.1);
z-index: 1;
}
.m-context-menu__link:hover .m-heading-5__title::after {
background-color: var(--color-text-green);
}
.m-context-menu__text {
margin-top: 0.5rem;
font-size: 14px;
font-family: var(--font-medium, sans-serif);
}
@media print, screen and (min-width: 768px) {
.m-context-menu__text {
margin-top: 1rem;
}
}
.m-context-menu__link:hover {
color: inherit;
}
.m-context-menu__link:hover .m-heading-5__title {
color: var(--color-text-green);
}
.m-summary {
margin-top: 2rem;
margin-bottom: 1rem;
page-break-inside: avoid;
}
.m-summary .row {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-summary--style_vertical .row {
display: block;
}
}
.m-summary__col-head, .m-summary__col-body {
padding-top: 0.25rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
.m-summary__col-head, .m-summary__col-body {
flex-grow: 0;
flex-shrink: 0;
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 0;
padding-left: 1rem;
}
.m-summary--style_vertical .m-summary__col-head, .m-summary--style_vertical .m-summary__col-body {
flex-basis: calc(100% / 1.5 - 0.01px);
max-width: calc(100% / 1.5 - 0.01px);
margin-left: auto;
margin-right: auto;
}
}
@media print, screen and (min-width: 768px) {
.m-summary--style_vertical .m-summary__col-head {
text-align: center;
}
.m-summary--style_horizontal .m-summary__col-head {
flex-basis: calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);
}
.m-summary--style_horizontal .m-summary__col-head > :first-child {
margin-top: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-summary--style_horizontal .m-summary__col-body {
flex: 1;
}
}
.m-summary--style_vertical .m-summary__title {
text-align: center;
}
.m-summary__text > :first-child {
margin-top: 0;
}
.m-summary__text > :last-child {
margin-bottom: 0;
}
.m-summary__text-item {
font-size: 1rem;
margin-bottom: 1rem;
}
.m-summary__tag {
margin-top: 1.25rem;
margin-right: -0.03125rem;
}
.m-related-content {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-related-content__body {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-related-content__body {
margin-left: 0;
margin-right: 0;
}
}
.m-related-content__body .row {
width: 100%;
display: flex;
flex-direction: column;
padding: 0 !important;
position: relative;
gap: 2.5rem;
}
@media print, screen and (min-width: 768px) {
.m-related-content__body .row {
gap: 0.5rem;
}
}
@media print, screen and (min-width: 768px) {
.m-related-content__body .row {
flex-direction: row;
gap: unset;
}
}
.m-related-content__body .row .col-3 {
width: 25%;
padding-left: var(--gutter);
padding-right: var(--gutter);
flex-shrink: 0;
}
@media print, screen and (max-width: 767px) {
.m-related-content__body .row .col-3 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
flex-shrink: 0;
}
}
.m-related-content__item {
display: block;
height: 100%;
padding: 1.5rem;
background-color: #ffffff;
border: 1px solid #d6d6d6;
}
.m-related-content__item:hover {
box-shadow: 0px 0px 12px rgba(0,0,0,.1);
}
.m-related-content__item > a:hover {
color: unset !important;
}
.m-related-content__item > a:hover .m-card__headline {
color: var(--color-text-green);
}
@media screen and (max-width: 767px) {
.m-related-content .m-slider {
margin-left: 0;
margin-right: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
overflow-x: auto;
}
}
.m-related-content .m-card__title {
font-size: 20px;
font-family: var(--font-medium-conde, sans-serif)!important;
font-weight: 500!important;
}
@media print, screen and (min-width: 768px) {
.m-related-content .m-card__title {
font-size: 18px;
}
}
.m-related-content .m-card__description > p {
max-height: 8.75em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
font-family: var(--font-normal);
}
.m-label,
[class^=m-label--] {
display: inline-block;
border: 1px solid var(--color-border);
font-family: var(--font-normal, sans-serif);
font-weight: 400;
color: #333;
vertical-align: middle;
line-height: 1.7;
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
margin: 0;
}
.m-label.label-s,
[class^=m-label--].label-s {
padding: 0 8px;
font-size: 10px;
line-height: 1.7;
border-radius: 0;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-label--new {
color: #fff;
background-color: #333;
/* border-color: #333; */
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
.m-badge {
display: inline-block;
height: 2rem;
min-width: 32px;
margin-right: 0.125rem;
}
.m-badge img {
width: auto;
height: 100%;
}
.m-panel-feature {
page-break-inside: avoid;
position: relative;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
margin-top: 7.5rem;
margin-bottom: 1.5rem;
}
.m-panel-feature > a {
display: block;
text-decoration: none;
}
@media print, screen and (min-width: 768px) {
.m-panel-feature > a:hover .m-panel-feature__more, .m-panel-feature > a:active .m-panel-feature__more, .m-panel-feature > a:focus .m-panel-feature__more {
opacity: 1;
}
}
.m-panel-feature__body {
position: relative;
display: flex;
align-items: center;
height: 14rem;
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__body {
height: 25rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__body {
margin: 16px;
aspect-ratio: 1 / 1;
height: auto;
}
}
.m-panel-feature__body > .l-container {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0 calc((10% - var(--gutter))/1.2);
}
@media screen and (max-width: 767px) {
.m-panel-feature__body > .l-container {
font-size: 28px;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.m-panel-feature__img {
position: absolute;
top: 0;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.m-panel-feature__img {
max-width: 750px;
}
}
.m-panel-feature__title {
position: relative;
margin-top: 0px;
margin-bottom: 0rem;
font-family: var(--font-bold-conde, sans-serif)!important;
font-weight: 700!important;
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__title {
/* font-size: 3rem;*/
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__title {
font-size: 28px;
}
}
/*.m-panel-feature__title::before {
content: "";
width: 3.5rem;
height: 0.125rem;
background-color: #fb0020;
position: absolute;
top: 0;
left: -5rem;
right: 0;
bottom: 0;
margin: auto 0;
}*/
@media screen and (max-width: 767px) {
.m-panel-feature__title::before {
width: 1.125rem;
left: -1.5rem;
}
}
.m-panel-feature__more {
/* display: inline-block;
margin-left: auto;
background-color: #01916d;
color: #ffffff; */
display: none;
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__more {
line-height: 4rem;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
padding-top: 0;
padding-right: 7rem;
padding-bottom: 0;
padding-left: 7rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__more {
position: absolute;
overflow: hidden;
text-indent: -1000px;
width: 2rem;
height: 2rem;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
}
/* .m-panel-feature__more::before {
content: "";
display: block;
width: 1.25rem;
height: 2.25rem;
background-image: url("../images/icn_right-w.svg");
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
} */
}
.m-panel-feature__list {
display: flex;
flex-wrap: wrap;
/* padding-top: 1rem;
padding-bottom: 1rem;
margin-right: -1rem;
margin-bottom: 0;
margin-left: -1rem;*/
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__list {
/* padding-top: 0.5rem;
padding-bottom: 1rem;
margin-left: -1rem;
margin-right: -1rem;*/
margin-left:calc((10% - var(--gutter))/1.2);
margin-right: calc((10% - var(--gutter))/1.2);
margin-top: 2.5rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__list {
margin-left:calc(var(--gutter)*-1);
margin-right: calc(var(--gutter)*-1);
margin-top: 1.75rem;
}
}
/*.m-panel-feature__list > li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}*/
@media print, screen and (min-width: 768px) {
.m-panel-feature__list > li {
width: 25%;
/* margin-top: 1rem;
margin-bottom: 1rem;*/
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-top: 1.5rem;
}
/* .m-panel-feature__list > li:nth-child(4n), .m-panel-feature__list > li:last-child {
border-right: 0;
}*/
}
@media screen and (max-width: 767px) {
.m-panel-feature__list > li {
width: 50%;
/* margin-top: 1rem;
margin-bottom: 1rem;*/
padding: 1rem calc(var(--gutter) + .75rem);
}
/* .m-panel-feature__list > li:nth-child(2n), .m-panel-feature__list > li:last-child {
border-right: 0;
}*/
}
.m-panel-feature__item {
display: block;
/*text-decoration: none;
color: inherit;*/
text-align: center
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__item {
/*margin-left: 1rem;
margin-right: 1rem;
transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);*/
padding:1rem;
}
/* .m-panel-feature__item:hover, .m-panel-feature__item:active, .m-panel-feature__item:focus {
opacity: 0.8;
}*/
}
/*@media screen and (max-width: 767px) {
.m-panel-feature__item {
margin-left: 1rem;
margin-right: 1rem;
}
}*/
.m-panel-feature__item img {
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
object-fit: cover;
object-position: center center;
}
@media print, screen and (min-width: 768px) {
.m-panel-feature__item img {
transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__item img {
margin-bottom: 1rem;
}
}
.m-panel-feature__item-label {
display: block;
/* margin-top: 0.5rem;*/
font-family: var(--font-medium, sans-serif);
font-weight: 500;
font-size: inherit;
display: block;
margin-top: 0;
margin-bottom: 0;
}
@media print,screen and (min-width: 768px) {
.m-panel-feature__item .m-panel-feature__item-label {
margin-left:-1rem;
margin-right: -1rem
}
}
@media screen and (max-width: 767px) {
.m-panel-feature__item .m-panel-feature__item-label {
margin-left:-0.75rem;
margin-right: -0.75rem
}
}
.m-panel-feature__line {
display: none;
}
/* @media screen and (max-width: 767px) {
.m-panel-feature__line {
height: 3.5rem;
}
} */
.m-panel-feature--style-black .m-panel-feature__title {
color: #333333;
text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 32px, rgba(255, 255, 255, 0.4) 0px 0px 16px, rgba(255, 255, 255, 0.4) 0px 0px 8px;
}
/*.m-panel-feature--style-black .m-panel-feature__title::before {
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
}*/
.m-panel-feature--style-white .m-panel-feature__title {
color: #ffffff;
text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 32px, rgba(0, 0, 0, 0.4) 0px 0px 16px, rgba(0, 0, 0, 0.4) 0px 0px 8px;
}
/*.m-panel-feature--style-white .m-panel-feature__title::before {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);
}*/
.m-panel-links {
page-break-inside: avoid;
}
@media print,screen and (min-width: 768px) {
.m-panel-links {
margin-top:7.5rem;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-links {
margin-top:7.5rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-links > .l-container {
padding: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-panel-links__list {
display: flex;
flex-wrap: wrap;
margin: calc(var(--gutter)*-1);
}
}
@media screen and (max-width: 767px) {
.m-panel-links__list {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.m-panel-links__item-label {
/* position: absolute;
left: 0;
top: 50%;
width: 100%;
transform: translateY(-50%);
margin: 0;*/
margin-top: 0;
margin-bottom: 0;
font-family: var(--font-bold-conde, sans-serif);
font-weight: 700 !important;
}
@media print, screen and (min-width: 768px) {
.m-panel-links__item-label {
/* font-size: 1.75rem;*/
font-size:28px;
}
}
@media screen and (max-width: 767px) {
.m-panel-links__item-label {
display: flex;
align-items: center;
font-size:24px;
}
}
/*.m-panel-links__item-label::before {
content: "";
display: inline-block;
width: 3rem;
height: 0.0625rem;
background-color: #fb0020;
margin-right: 1rem;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.m-panel-links__item-label::before {
width: 1.125rem;
left: -1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-panel-links__item-label::after {
content: "";
display: block;
width: 2rem;
height: 2rem;
background-image: url("../images/icn_right-w.svg");
background-size: 20px 36px;
background-position: center center;
background-repeat: no-repeat;
background-color: #01916d;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
transform: rotate(180deg);
}
}*/
.m-panel-links__item {
aspect-ratio: 263/263;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-panel-links__item {
position: relative;
padding: var(--gutter);
width: 50%;
aspect-ratio: 560/320;
margin-bottom: 0;
}
}
/*@media screen and (max-width: 767px) {
.m-panel-links__item:not(:last-child) {
margin-bottom: 1rem;
}
}*/
.m-panel-links__item--style-black .m-panel-links__item-label {
color: #000;
text-shadow: 0px 0px 32px rgba(255,255,255,.4), 0px 0px 16px rgba(255,255,255,.4), 0px 0px 8px rgba(255,255,255,.4);
}
/*.m-panel-links__item--style-black .m-panel-links__item-label::before {
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
}*/
.m-panel-links__item--style-white .m-panel-links__item-label {
/* color: #ffffff;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);*/
color: var(--color-text-white);
}
/*.m-panel-links__item--style-white .m-panel-links__item-label::before {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);
}*/
.m-panel-links__item-link {
position: relative;
/* width: 100%;
display: block;
color: inherit;
padding-top: 60%;*/
width: 100%;
height: 100%;
flex-direction: column;
align-items: start;
text-align: left;
text-shadow: 0px 0px 16px rgba(255,255,255,.8), 0px 0px 8px rgba(255,255,255,.6), 0px 0px 2px rgba(255,255,255,.5);
line-height: 1.25;
display: inline-flex;
justify-content: center;
}
/* @media print, screen and (max-width: 767px) {
.m-panel-links__item-link {
text-shadow: unset !important;
}
} */
.m-panel-links__item-link small {
font-size: 16px;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
color: var(--color-text);
text-shadow: 0px 0px 16px rgba(255,255,255,.8), 0px 0px 8px rgba(255,255,255,.6), 0px 0px 2px rgba(255,255,255,.5);
display: flex;
align-items: center;
margin-top: 10px;
}
@media print, screen and (min-width: 768px) {
.m-panel-links__item-link small {
margin-top: 12px;
}
}
.m-panel-links__item.m-panel-links__item--style-white .m-panel-links__item-link small {
color: #fff;
text-shadow: 0px 0px 16px rgba(0,0,0,.6), 0px 0px 8px rgba(0,0,0,.4), 0px 0px 2px rgba(0,0,0,.3);
}
.m-panel-links__item-link small::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
background-color: var(--color-text);
}
.m-panel-links__item.m-panel-links__item--style-white .m-panel-links__item-link small::after {
background: #fff;
background-color: #fff;
}
@media print, screen and (min-width: 768px) {
.m-panel-links__item-link {
font-size: 28px;
padding: 40px;
}
}
@media screen and (max-width: 767px) {
.m-panel-links__item-link {
font-size:24px;
padding: 24px;
}
}
.m-panel-links__item-link picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m-panel-links__item-link picture:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(125deg, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 80%);
}
.m-panel-links__item-img {
/* position: absolute;
top: 0;
left: 0;*/
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.m-panel-links__item--style-white .m-panel-links__item-link {
text-shadow: 0px 0px 16px rgba(0,0,0,.6), 0px 0px 8px rgba(0,0,0,.4), 0px 0px 2px rgba(0,0,0,.3) !important;
}
.m-panel-links__item--style-white picture:after {
background: linear-gradient(90deg, rgba(51, 51, 51, 0.3) 0%, rgba(77, 77, 77, 0) 70%);
}
.m-panel-links__line {
display: block;
background-color: #f6f6f6;
width: 100%;
height: 4rem;
box-shadow: 0 12px 5px -10px rgba(0, 0, 0, 0.4) inset;
}
@media screen and (max-width: 767px) {
.m-panel-links__line {
height: 3.5rem;
}
}
@media print {
.m-panel-links__item .m-panel-links__item-link {
border: none !important;
}
.m-panel-links__item.m-panel-links__item--style-white .m-panel-links__item-link {
color: var(--color-text-white) !important;
}
}
.m-feature-large {
/* margin-top: 4.5rem;
margin-bottom: 4.5rem;*/
page-break-inside: avoid;
}
/*@media screen and (max-width: 767px) {
.m-feature-large {
margin-left: -1.5rem;
margin-right: -1.5rem;
background-color: #ffffff;
}
}*/
@media print,screen and (min-width: 768px) {
.m-feature-large {
margin-top:7.5rem;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-large {
margin-top:7.5rem;
margin-bottom: 2rem;
}
}
@media print,screen and (min-width: 768px) {
.m-feature-large+.m-feature-large {
margin-top:7.5rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-large {
margin-left:-16px;
margin-right: -16px;
}
}
.m-feature-large__head {
display: flex;
}
@media screen and (max-width: 767px) {
.m-feature-large__head {
flex-direction: column;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large__head {
position: relative;
width: 100%;
height: 400px;
padding-left: 3rem;
padding-right: 3rem;
align-items: center;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large__foot {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-left: -0.0625rem;
margin-right: -0.0625rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-large__foot {
margin-top: 2.5rem;
}
.m-feature-large__foot .m-feature-large__btn .m-btn {
display: inherit;
margin-bottom: 1rem;
margin-right: 0;
}
}
.m-feature-large__mv {
width: 100%;
height: 17.5rem;
margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 768px) {
.m-feature-large__mv {
/* position: absolute; */
/* height: 100%; */
/* top: 0; */
/* left: 0; */
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
}
.m-feature-large__mv img {
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
width: 100%;
height: 100%;
}
/* .m-feature-large__body {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
} */
.m-feature-large__body .l-container {
padding-left: 16px;
padding-right: 16px;
}
/* @media print, screen and (min-width: 768px) {
.m-feature-large__body {
position: relative;
padding-top: 4rem;
padding-bottom: 1rem;
min-height: 400px;
}
} */
@media print, screen and (min-width: 768px) {
.m-feature-large__body .l-container {
/*padding-left: 5rem;*/
max-width: 440px;
padding-left: 0;
padding-right: 0;
}
}
.m-feature-large .btn-primary {
position: relative;
background-color: rgba(0,0,0,0);
backdrop-filter: blur(10px);
min-width: 240px;
border: 1px solid;
}
.m-feature-large--style-black .btn-primary {
color: #000;
border-color: rgba(0,0,0,.48);
}
.m-feature-large--style-white .btn-primary {
color: #000;
border-color: rgba(0,0,0,.48);
}
.m-feature-large--style-white .m-feature-large__title,
.m-feature-large--style-white .m-feature-large__text {
text-shadow: 0px 0px 32px rgba(255,255,255,.4), 0px 0px 16px rgba(255,255,255,.4), 0px 0px 8px rgba(255,255,255,.4);
}
.m-feature-large--style-white .btn-primary:after {
background: #000 !important;
}
.m-feature-large .btn-primary::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
background: #fff;
opacity: .48;
}
.m-feature-large--style-black .btn-primary:hover {
color: inherit;
background-color: inherit;
border-color: rgba(0,0,0,.14);
}
.m-feature-large .btn-primary:hover::before {
opacity: .64;
}
@media print, screen and (min-width: 768px) {
.m-feature-large--style-white .m-feature-large__title,
.m-feature-large--style-white .m-feature-large__text {
text-shadow: 0px 0px 32px rgba(0,0,0,.4), 0px 0px 16px rgba(0,0,0,.4), 0px 0px 8px rgba(0,0,0,.4);
}
.m-feature-large--style-white .btn-primary {
color: #fff;
text-shadow: 0px 0px 16px #000, 0px 0px 8px rgba(0,0,0,.8), 0px 0px 6px rgba(0,0,0,.2);
border-color: rgba(255,255,255,.64);
}
.m-feature-large--style-black .btn-primary:after {
background: #000 !important;
}
.m-feature-large--style-white .btn-primary::before {
background-color: #000;
background: #000;
opacity: .32;
}
.m-feature-large--style-white .btn-primary:hover {
color: inherit;
background-color: inherit;
border-color: rgba(255,255,255,.14);
}
}
.m-feature-large--style-black .m-feature-large__title,
.m-feature-large--style-black .m-feature-large__text {
text-shadow: 0px 0px 32px rgba(255,255,255,.4), 0px 0px 16px rgba(255,255,255,.4), 0px 0px 8px rgba(255,255,255,.4);
}
@media print,screen and (min-width: 768px) {
.m-feature-large__body .btn,.btn:after {
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* .m-feature-large--style-white .btn-primary {
background-color: #000;
border: 1px solid #fff;
color: #fff;
} */
.m-feature-large--style-white .btn-primary:after {
background: #fff !important;
}
/* .m-feature-large--style-white .btn-primary:hover {
background-color: #000 !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.14);
} */
}
@media screen and (max-width: 767px) {
.m-feature-large__body .btn {
width:100%;
}
}
.m-feature-large__title {
position: relative;
margin-top: 0;
margin-bottom: 1rem;
font-size: 2rem;
line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
.m-feature-large__title {
font-size: 36px;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large__title::before {
width: 3.5rem;
height: 0.125rem;
left: -5rem;
}
}
.m-feature-large__text p {
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-feature-large__text {
/* width: 50%; */
/* margin-bottom: 1rem; */
font-family: var(--font-medium, sans-serif);
font-weight: 500;
}
}
.m-feature-large__link {
margin-top: 2rem;
}
.m-feature-large__link .m-btn {
margin-bottom: 0;
}
/* .m-feature-large__link .m-btn .btn-primary::before {
display: none;
} */
@media screen and (max-width: 767px) {
.m-feature-large__link .m-btn {
justify-content: center;
margin-bottom: 0;
margin-right: 0;
display: inherit;
}
.m-feature-large__link .m-btn .btn {
margin-top: 0;
}
}
.m-feature-large__link .btn {
height: 3.5rem;
font-size: 1rem;
padding: 1rem 2rem 1rem 1.5rem;
}
@media screen and (max-width: 767px) {
.m-feature-large__link .btn {
margin-top: 1.5rem;
width: 100%;
min-height: 56px;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large__btn {
flex: 1;
padding-top: 0.125rem;
padding-left: 0.0625rem;
padding-right: 0.0625rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-large__btn:not(:first-child) {
margin-top: 0.25rem;
}
}
.m-feature-large__btn .m-btn {
display: contents;
margin-bottom: 0;
}
.m-feature-large__btn .btn {
border: 0;
box-shadow: none;
border-radius: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.m-feature-large__btn .m-btn .btn-lg {
font-size: 1rem;
padding: 1em 2em 1em 1.5em;
min-height: 80px;
}
@media screen and (max-width: 767px) {
.m-feature-large__btn .m-btn .btn-lg {
min-height: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large--style-black {
color: #333333;
}
}
/* @media print, screen and (min-width: 768px) {
.m-feature-large--style-black .m-feature-large__title,
.m-feature-large--style-black .m-feature-large__text {
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
text-shadow: 0px 0px 32px rgba(255,255,255,.4), 0px 0px 16px rgba(255,255,255,.4), 0px 0px 8px rgba(255,255,255,.4);
}
} */
@media print, screen and (min-width: 768px) {
.m-feature-large--style-black .m-feature-large__title::before {
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-large--style-white {
color: #ffffff;
}
}
/* @media print, screen and (min-width: 768px) {
.m-feature-large--style-white .m-feature-large__title,
.m-feature-large--style-white .m-feature-large__text {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);
}
} */
@media print, screen and (min-width: 768px) {
.m-feature-large--style-white .m-feature-large__title::before {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);
}
}
.m-feature-medium {
/* margin-top: 4rem;
margin-bottom: 4rem;*/
page-break-inside: avoid;
background-color: #f6f6f6;
display: flex
}
@media screen and (max-width: 767px) {
.m-feature-medium {
/* margin-left: -1.5rem;
margin-right: -1.5rem;*/
margin-top:7.5rem;
margin-bottom: 2rem;
flex-direction:column;
margin-left: -1rem;
margin-right: -1rem;
}
}
.m-feature-medium .row {
margin-left: 0;
margin-right: 0;
flex-wrap: nowrap;
gap: 0;
}
@media screen and (max-width: 767px) {
.m-feature-medium .row {
display: contents;
}
}
@media screen and (max-width: 767px) {
.m-feature-medium .row > *:first-child {
order: 2;
}
}
@media print,screen and (min-width: 768px) {
.m-feature-medium {
margin-top:7.5rem;
margin-bottom: 1.5rem;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-medium > .row {
margin-top: 0;
margin-bottom: 0;
}
}
.m-feature-medium .row .col {
padding: 0;
margin: 0;
}
.m-feature-medium > .row > .col:last-child {
aspect-ratio: 3/2;
}
.m-feature-medium__body {
padding: 2.5rem 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-feature-medium > .row > .col:first-child {
flex: 1;
}
.m-feature-medium > .row > .col:last-child {
width: calc((350% + var(--gutter))/6);
}
.m-feature-medium__body {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem;
gap: 2rem;
}
}
/* .m-feature-medium__body {
height: 100%;
padding-top: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding:2.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
.m-feature-medium__body {
padding:2.5rem 1.5rem;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-medium__body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3rem;
gap: 2rem;
}
} */
@media print {
.m-feature-medium__body {
background-color: #ffffff;
color: #000000;
}
}
.media-dtp .m-feature-medium__body {
background-color: #ffffff;
color: #000000;
}
.m-feature-medium .m-heading-4__title {
font-family: var(--font-medium-conde, sans-serif);
font-weight: 500;
margin-top: 0;
}
@media print,screen and (min-width: 768px) {
.m-feature-medium .m-heading-4__title {
font-size:28px;
margin-bottom: 0;
}
}
.m-feature-medium__title {
margin-top: 0;
/* margin-bottom: 1rem;*/
margin-bottom: 0;
}
.m-feature-medium__title .m-heading-3__title {
margin: 0;
font-family: var(--font-medium-conde, sans-serif);
font-weight: 500;
}
.m-feature-medium__title > :first-child {
margin-top: 0;
margin-bottom: 0;
}
@media print,screen and (max-width: 767px) {
.m-feature-medium__title .m-heading-3__title {
margin-bottom: 1rem;
}
}
.m-feature-medium__text {
margin-bottom: auto;
}
.m-feature-medium__link {
margin-top: 1rem;
}
.m-feature-medium__link .m-btn {
display: block;
margin-bottom:0;
margin-right: 0;
}
@media print,screen and (min-width: 768px) {
.m-feature-medium__link {
margin-top:.5rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-medium__link {
margin-top:1.5rem;
}
}
.m-feature-medium__link .btn {
min-height: 3.5rem;
}
@media print, screen and (min-width: 768px) {
.m-feature-medium__link .btn {
height: 4rem;
}
}
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg {
background-color: #fff;
color: var(--color-text);
border: 1px solid var(--color-border);
width: auto;
padding: 16px 32px 16px 24px;
}
@media screen and (max-width: 767px) {
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg {
width: 100%;
}
}
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg::after,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg::after {
background-color: var(--color-text);
}
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:hover,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:focus-visible {
background-color: #fff;
color: var(--color-text-green);
border-color: var(--color-text-green);
}
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:hover::before,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:focus-visible::before {
content:none;
}
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:hover::after,
.m-feature-medium__link .m-btn .btn-primary.btn-block.btn-lg:focus-visible::after {
background-color: var(--color-text-green);
}
/* @media print, screen and (min-width: 768px) {
.m-feature-medium__mv {
height: 26.25rem;
margin-left: -2rem;
}
} */
.m-feature-medium__mv {
width: auto;
height: 100%;
}
.m-feature-medium__img {
width: auto;
height: 100%;
object-fit: cover;
object-position: center;
}
@media print, screen and (min-width: 768px) {
.m-feature-medium--rivers > .row > *:first-child {
order: 2;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-medium--rivers .m-feature-medium__mv {
/* margin-right: -2rem; */
margin-left: inherit;
}
}
.m-feature-small {
/* margin-top: 3rem;
margin-bottom: 3rem;*/
page-break-inside: avoid;
}
@media print,screen and (min-width: 768px) {
.m-feature-small {
margin-top:7.5rem;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-small {
/* margin-left: -1.5rem;
margin-right: -1.5rem;*/
margin-top:7.5rem;
margin-bottom: 2rem;
}
.m-feature-small .btn {
font-size: 18px;
justify-content: space-between;
padding-left: 1rem;
background-color: var(--color-bg-secondary);
}
}
/*.m-feature-small__body {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
margin-bottom: 0.0625rem;
}*/
@media screen and (max-width: 767px) {
.m-feature-small__body .m-feature-small__link .m-feature-small__label::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
position: absolute;
right: 0.5rem;
line-height: 1;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small__body {
/* display: flex;
flex-wrap: wrap;*/
display:grid;
gap: 4px 4px;
grid-template-columns: 1fr 1fr;
}
}
/*@media screen and (max-width: 767px) {
.m-feature-small__body {
flex-direction: row;
}
}*/
.m-feature-small__link small {
display: none;
}
@media print,screen and (min-width: 768px) {
.m-feature-small__link small {
font-size: 16px;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
color: var(--color-text);
text-shadow: 0px 0px 16px rgba(255,255,255,.8), 0px 0px 8px rgba(255,255,255,.6), 0px 0px 2px rgba(255,255,255,.5);
display: flex;
align-items: center;
margin-top: 12px;
}
.m-feature-small__link small::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
background-color: var(--color-text);
}
}
@media print,screen and (min-width: 768px) {
.m-feature-small__link__substitute {
position:relative;
height: 100%;
z-index: 0;
}
.m-feature-small__link__substitute:hover .m-feature-small__img {
opacity: .8;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
@media screen and (max-width: 767px) {
.c-feature-small__item__box {
display:flex;
flex-direction: column;
}
}
.media-dtp .m-feature-small__body,
.media-dtp .m-feature-small__btn > .btn {
box-shadow: none;
border: 1px solid #707070;
}
@media print {
.m-feature-small__body,
.m-feature-small__body .m-feature-small__btn > .btn {
box-shadow: none;
border: 1px solid #707070;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small__foot {
/* display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -1px;
margin-right: -1px;*/
display: grid;
margin-top: 4px;
gap: 4px 4px;
grid-template-columns: 1fr 1fr 1fr;
}
}
.m-feature-small__label {
color: #000;
position: absolute;
margin-top: 0;
margin-bottom: 0;
}
h4.m-feature-small__label {
font-family: var(--font-bold-conde, sans-serif) !important;
font-weight: 700!important;
display: inline;
margin: 0;
font-size: 20px;
}
@media print, screen and (min-width: 768px) {
h4.m-feature-small__label {
/* color: #fff; */
font-size: 28px;
text-shadow: 0px 0px 16px rgba(255,255,255,.8), 0px 0px 8px rgba(255,255,255,.6), 0px 0px 2px rgba(255,255,255,.5);
}
.m-feature-small__label {
top: 50%;
transform: translateY(-50%);
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
}
}
@media screen and (max-width: 767px) {
.m-feature-small__label {
/* font-size: 1.25rem; */
/* background-color: rgba(255, 255, 255, 0.85); */
/* width: 100%; */
/* line-height: 1.33; */
bottom: 0;
/*padding-top: 0.5rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
padding-left: 2rem;*/
text-align: left;
width: 100%;
background-color: var(--color-bg-secondary);
padding-left: 16px;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 36px;
}
}
/*.m-feature-small__label::before {
content: "";
width: 1.125rem;
height: 0.125rem;
background-color: #fb0020;
margin: auto 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0 1px 2px rgba(255, 255, 255, 0.5), 0 2px 20px #ffffff;
}*/
@media print, screen and (min-width: 768px) {
.m-feature-small__label::before {
width: 3.5rem;
height: 0.0625rem;
}
}
.m-feature-small__item {
position: relative;
width: 100%;
}
@media print, screen and (min-width: 768px) {
.m-feature-small__item {
/* width: 50%;*/
aspect-ratio:2/1;
}
}
.m-feature-small__item--style-white .m-feature-small__label small {
color: #fff;
text-shadow: 0px 0px 32px rgba(0,0,0,.4), 0px 0px 16px rgba(0,0,0,.4), 0px 0px 8px rgba(0,0,0,.4);
}
.m-feature-small__item--style-white .m-feature-small__label small::after {
background: #fff;
background-color: #fff;
}
@media print, screen and (min-width: 768px) {
.m-feature-small__item--style-white .m-feature-small__label {
color: #ffffff;
/* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);*/
text-shadow: 0px 0px 32px rgba(0,0,0,.4), 0px 0px 16px rgba(0,0,0,.4), 0px 0px 8px rgba(0,0,0,.4);
}
.m-feature-small__item--style-white .m-feature-small__label::before {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);
}
}
@media screen and (max-width: 767px) {
.m-feature-small__item {
margin-bottom: calc(4px + 1.8rem);
}
.m-feature-small__item:last-child{
margin-bottom:0;
}
}
.m-feature-small__link {
display: block;
position: relative;
}
.m-feature-small__link .m-feature-small__icon,
.m-feature-small__btn .m-feature-small__icon{
display: none;
}
.m-feature-small__foot .m-feature-small__btn .btn::after {
position: absolute;
right: 0.5rem;
line-height: 1;
content: "";
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
}
.m-feature-small__foot .m-feature-small__btn .btn[target="_blank"]:after {
-webkit-mask-image: var(--i-blank, none);
}
@media print, screen and (min-width: 768px) {
.m-feature-small__link {
padding: 16px 32px;
}
/* .m-feature-small__link::before, .m-feature-small__link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
width: 1.875rem;
height: 1.875rem;
}
.m-feature-small__link::before {
content: "";
background-color: #01916d;
z-index: 1;
}
.m-feature-small__link::after {
content: "";
display: block;
background-image: url("../images/icn_right-w.svg");
background-repeat: no-repeat;
background-size: 16px auto;
background-position: center center;
z-index: 2;
}
.m-feature-small__link[target=_blank]::before, .m-feature-small__link[target=_blank]::after {
display: none;
} */
}
/* @media screen and (max-width: 767px) {
.m-feature-small__link[target=_blank] .m-feature-small__label {
padding-right: 2.5rem;
}
.m-feature-small__link[target=_blank] .m-feature-small__label::after {
background-image: url("../images/icn_window-g.svg");
width: 1.1875rem;
height: 1.9375rem;
}
} */
.m-feature-small__icon {
position: absolute;
z-index: -1;
}
@media print, screen and (min-width: 768px) {
.m-feature-small__icon {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto 0;
width: 1.875rem;
height: 1.875rem;
background-color: #01916d;
z-index: 0;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small__icon--blank > img {
width: 1rem;
}
}
.m-feature-small__btn .m-feature-small__icon {
z-index: 0;
background-color: transparent;
width: 1.1875rem;
height: 1.125rem;
right: 1rem;
}
.m-feature-small__btn .m-feature-small__icon > img {
width: auto;
}
.m-feature-small__img {
padding-top: 50%;
width: 100%;
}
@media screen and (max-width: 767px) {
.m-feature-small__img {
position: relative;
width: 103%;
bottom: 1.75rem;
}
}
.m-feature-small__img--lg {
display: none;
}
.m-feature-small__img > img {
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/*.m-feature-small__btn {
padding-top: 0.0625rem;
padding-right: 0;
padding-bottom: 0.0625rem;
padding-left: 0;
}
@media print, screen and (min-width: 768px) {
.m-feature-small__btn {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px);
padding-top: 0.0625rem;
padding-right: 0.0625rem;
padding-bottom: 0.0625rem;
padding-left: 0.0625rem;
}
}
.m-feature-small__btn > .btn {
position: relative;
justify-content: center;
align-items: center;
text-align: center;
min-height: 80px;
width: 100%;
height: 100%;
color: #333333;
background-color: #f6f6f6;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
border: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0.5rem;
padding-right: 2.1875rem;
padding-bottom: 0.5rem;
padding-left: 2.1875rem;
}
.m-feature-small__btn > .btn::after {
content: "";
min-height: inherit;
font-size: 0;
}
.m-feature-small__btn > .btn span::after {
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.625rem;
color: #01916d;
content: "";
display: block;
width: 1.1875rem;
height: 1.125rem;
background-image: url("../images/icn_right-g.svg");
background-repeat: no-repeat;
background-position: center center;
}
.m-feature-small__btn > .btn[target=_blank] span::after {
display: none;
}
@media print, screen and (min-width: 768px) {
.m-feature-small__btn > .btn:hover, .m-feature-small__btn > .btn:active, .m-feature-small__btn > .btn:focus {
text-decoration: none;
color: #018463;
}
}
*/
.m-feature-small__btn span {
font-family: var(--font-bold, sans-serif);
font-weight: 700;
display: inline;
margin: 0;
font-size: inherit;
line-height: inherit;
}
.m-feature-small__btn .btn {
outline-offset: 1px;
position: relative;
display: inline-flex;
background-color: var(--color-bg-secondary-a);
border-radius: 2px;
line-height: 1.5;
text-align: center;
justify-content: center;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1rem;
padding-right: 1rem;
}
.m-feature-small__btn a.btn-link:hover {
background-color: rgba(0,0,0,.14);
color: var(--color-text);
}
/* .m-feature-small__btn .btn::after {
content: "";
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
} */
@media print,screen and (min-width: 768px) {
.m-feature-small__btn .btn {
height:80px;
min-width: unset;
width: 100%;
height: 100%;
padding: 16px 24px;
}
}
@media screen and (max-width: 767px) {
.m-feature-small__btn {
margin-top:4px;
}
.m-feature-small__btn .btn {
text-align: left;
width: 100%;
justify-content: space-between;
padding-left: 1rem;
padding-right: 1rem;
background-color: var(--color-bg-secondary);
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small--num1 .m-feature-small__item:first-child, .m-feature-small--num3 .m-feature-small__item:first-child, .m-feature-small--num5 .m-feature-small__item:first-child {
width: 100%;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small--num1 .m-feature-small__item:first-child .m-feature-small__img, .m-feature-small--num3 .m-feature-small__item:first-child .m-feature-small__img, .m-feature-small--num5 .m-feature-small__item:first-child .m-feature-small__img {
padding-top: 25%;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small--num1 .m-feature-small__item:first-child .m-feature-small__img--sm, .m-feature-small--num3 .m-feature-small__item:first-child .m-feature-small__img--sm, .m-feature-small--num5 .m-feature-small__item:first-child .m-feature-small__img--sm {
display: none;
}
}
@media print, screen and (min-width: 768px) {
.m-feature-small--num1 .m-feature-small__item:first-child .m-feature-small__img--lg, .m-feature-small--num3 .m-feature-small__item:first-child .m-feature-small__img--lg, .m-feature-small--num5 .m-feature-small__item:first-child .m-feature-small__img--lg {
display: inherit;
}
}
@media print,screen and (min-width: 768px) {
.m-feature-small--num1 .m-feature-small__item:first-child, .m-feature-small--num3 .m-feature-small__item:first-child, .m-feature-small--num5 .m-feature-small__item:first-child {
grid-column:1/3;
aspect-ratio: 4/1;
}
.m-feature-small--num1 .m-feature-small__item:first-child .m-feature-small__label,.m-feature-small--num3 .m-feature-small__item:first-child .m-feature-small__label,.m-feature-small--num5 .m-feature-small__item:first-child .m-feature-small__label {
width: 50%;
}
/* .m-feature-small--num1 .m-feature-small__item:first-child .m-feature-small__img img,.m-feature-small--num3 .m-feature-small__item:first-child .m-feature-small__img img,.m-feature-small--num5 .m-feature-small__item:first-child .m-feature-small__img img {
display: none;
}*/
/*
.c-feature-small[data-length="1"] .c-feature-small__item:first-child img.-lg,.c-feature-small[data-length="3"] .c-feature-small__item:first-child img.-lg,.c-feature-small[data-length="5"] .c-feature-small__item:first-child img.-lg {
display: block; // 該当ã™ã‚‹ã‚¯ãƒ©ã‚¹ãŒç„¡ã„ãŸã‚コメントアウト
}*/
}
.c-feature-story {
page-break-inside: avoid
}
@media print,screen and (min-width: 768px) {
.c-feature-story {
position:relative;
aspect-ratio: 1000/319
}
}
.c-feature-story__img {
z-index: -1
}
@media print,screen and (min-width: 768px) {
.c-feature-story__img {
position:absolute;
top: 0;
right: 0;
width: calc((110% + var(--gutter))/1.2);
aspect-ratio: 1280/440
}
}
@media screen and (max-width: 767px) {
.c-feature-story__img {
position:relative;
aspect-ratio: 1/1;
padding-left: var(--gutter);
margin-left: calc((25% - var(--gutter))/1.5);
margin-right: calc(var(--container-padding)*-1)
}
}
.c-feature-story__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.c-feature-story__img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media print,screen and (min-width: 768px) {
.c-feature-story__img:after {
background:linear-gradient(80deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%)
}
}
@media screen and (max-width: 767px) {
.c-feature-story__img:after {
background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%)
}
}
@media print,screen and (min-width: 768px) {
.c-feature-story__body {
width:calc((250% - var(--gutter)*7)/6);
padding-top: 5rem
}
}
@media screen and (max-width: 767px) {
.c-feature-story__body {
width:100%;
margin-top: -1.5rem
}
}
.c-feature-story__body .c-headline {
margin-top: 0;
font-family: var(--font-bold-conde, sans-serif);
font-weight: 700;
line-height: 1.25
}
@media print,screen and (min-width: 768px) {
.c-feature-story__body .c-headline {
font-size:clamp(24px,2.5vw,36px);
margin-bottom: 1.5rem
}
}
@media screen and (max-width: 767px) {
.c-feature-story__body .c-headline {
font-size:32px;
margin-bottom: 1rem
}
}
@media print,screen and (min-width: 768px) {
.c-feature-story__text {
margin-bottom:2rem;
line-height: 1.75
}
}
@media screen and (max-width: 767px) {
.c-feature-story__text {
margin-bottom:1.5rem
}
}
@media print {
.c-feature-story__body {
background-color: #fff;
color: #000
}
}
.m-feature-story {
page-break-inside: avoid;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
}
@media print, screen and (min-width: 768px) {
.m-feature-story {
position: relative;
aspect-ratio: 1000/319;
}
}
.m-feature-story picture {
position: relative;
top: 0;
right: 0;
/* width: calc((110% + var(--gutter))/1.2); */
width: 100%;
aspect-ratio: 1280/440;
z-index: -1;
}
@media print,screen and (min-width: 768px) {
.m-feature-story picture {
position: absolute;
width: calc((110% + var(--gutter))/1.2);
max-width: 1120px;
height: auto;
aspect-ratio: 1280/440;
left: 0;
right: 0;
margin: auto;
}
}
@media screen and (max-width: 767px) {
.m-feature-story picture {
display: block;
aspect-ratio: 1/1;
padding-left: var(--gutter);
margin-left: 32px;
/* margin-right: calc(var(--container-padding)*-1); */
}
}
.m-feature-story picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.m-feature-story picture::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media print,screen and (min-width: 768px) {
.m-feature-story picture::after {
background:linear-gradient(80deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
}
@media screen and (max-width: 767px) {
.m-feature-story picture::after {
background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 100%);
}
}
.m-feature-story .l-container {
width: 100%;
max-width: 1120px;
padding: 0;
}
/*@media print, screen and (min-width: 768px) {
.m-feature-story__wrap {
position: relative;
display: flex;
align-items: center;
min-height: 440px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.m-feature-story__wrap::after {
content: "";
min-height: inherit;
font-size: 0;
}
}*/
/*@media screen and (max-width: 767px) {
.m-feature-story__wrap {
background-color: #01916d;
background-image: linear-gradient(to right, #01916d 0%, #01b392 100%);
padding-top: 2rem;
padding-bottom: 2rem;
}
}*/
/*.m-feature-story__body {
color: #ffffff;
}*/
@media print, screen and (min-width: 768px) {
.m-feature-story__body {
/*position: relative;
width: 28rem;
background-color: rgba(1, 145, 109, 0.8);
padding-top: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;*/
width:calc((250% - var(--gutter)*7)/6);
padding-top: 5rem;
}
}
@media screen and (max-width: 767px) {
.m-feature-story__body {
width:100%;
margin-top: -1.5rem;
}
}
/*@media print {
.m-feature-story__body {
background-color: #ffffff;
color: #000000;
}
}
.media-dtp .m-feature-story__body {
background-color: #ffffff;
color: #000000;
}*/
.m-feature-story .m-heading-3,
.m-feature-story .m-heading-3__title {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: clamp(24px,2.5vw,36px);
font-family: var(--font-bold-conde, sans-serif) !important;
font-weight: 700 !important;
}
@media screen and (max-width: 767px) {
.m-feature-story .m-heading-3,
.m-feature-story .m-heading-3__title {
margin-bottom: 1rem;
font-size: 32px;
}
}
.m-feature-story__title {
margin-top: 0;
line-height: 1.25;
}
/*.m-feature-story__title > :first-child {
margin-top: 0;
margin-bottom: 0;
}*/
.m-feature-story__text {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-feature-story__text {
/*display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
max-height: 10.5em;
font-size: 0.9375rem;
line-height: 1.65;*/
line-height:1.75
}
}
/*.m-feature-story__img {
object-fit: cover;
object-position: center;
object-fit: cover; object-position: center;
width: 100%;
height: 100%;
}
@media print, screen and (min-width: 768px) {
.m-feature-story__img {
position: absolute;
top: 0;
}
}
@media screen and (max-width: 767px) {
.m-feature-story__img {
height: 23.75rem;
}
}*/
/* .m-feature-story__more-btn {
display: inline-block;
border: 1px solid #333;
border-radius: 5px;
margin-top: 1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
text-decoration: none;
color: #ffffff;
cursor: pointer;
text-decoration: none;
word-break: break-word;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
outline-offset: 1px;
position: relative;
display: inline-flex;
border-radius: 2px;
line-height: 1.5;
text-align: center;
justify-content: center;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 1.5em;
padding-right: 2em;
background-color: #fff;
border: 1px solid var(--color-border);
} */
.m-feature-story__more-btn {
display: none;
}
.m-feature-story__more-btn::after {
content: "";
-webkit-mask-image: var(--i-arrow_r, none);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
position: absolute;
right: 0.5rem;
line-height: 1;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-feature-story__more-btn:hover::after {
background-color: var(--color-text-green);
}
@media print, screen and (min-width: 768px) {
.m-feature-story__more-btn {
margin-top: 1rem;
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
font-size: 16px;
min-width: 180px;
}
.m-feature-story__more-btn:hover, .m-feature-story__more-btn:active, .m-feature-story__more-btn:focus {
background-color: #ffffff;
color: var(--color-text-green);
border-color: var(--color-text-green);
}
}
@media screen and (max-width: 767px) {
.m-feature-story__more-btn {
user-select:none;
width: 100%;
}
}
.m-picture-panel__wrap {
padding-top: 2.5rem;
}
.m-picture-panel {
position: relative;
transform-origin: top center;
transition-property: transform;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
height: 100vw;
transform: translate3d(0, -5vw, 0);
}
[data-script-enabled=true] .m-picture-panel::after {
content: "";
}
[data-script-enabled=true] .m-picture-panel__list__element {
opacity: 0;
visibility: hidden;
}
.m-picture-panel.-current ~ .m-picture-panel {
transform: translate3d(0, 0, 0);
}
.m-picture-panel::after {
position: absolute;
display: block;
width: 100%;
height: 105vw;
top: 0;
left: 0;
z-index: 10;
opacity: 0.5;
transition-property: opacity;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
background-color: #000000;
pointer-events: none;
}
.m-picture-panel.-current::after {
opacity: 0;
}
.m-picture-panel__anchor {
display: block;
color: #ffffff;
overflow: hidden;
height: 110vw;
}
.m-picture-panel__body {
position: relative;
height: 100%;
transform: translate3d(0, -5vw, 0);
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.m-picture-panel__body::before, .m-picture-panel__body::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 150%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 65%, rgba(255, 255, 255, 0.15) 100%);
z-index: 10;
transform: skewX(-52deg) translateX(120%);
}
.m-picture-panel__body::before {
transition-property: transform;
transition-duration: 0.72s;
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.m-picture-panel__body::after {
transition-property: transform;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.-ready .m-picture-panel__body::before, .-ready .m-picture-panel__body::after {
transform: skewX(-52deg) translateX(-20%);
transition-property: transform;
transition-duration: 0s;
transition-timing-function: linear;
}
.-current .m-picture-panel__body {
transform: translate3d(0, -2.5vw, 0);
}
.m-picture-panel__headline {
position: relative;
display: flex;
height: 100%;
justify-content: center;
align-items: flex-start;
flex-direction: column;
letter-spacing: 0.1em;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
font-size: 2.25rem;
z-index: 10;
margin-top: 0;
margin-bottom: 0;
}
.m-picture-panel__title {
position: relative;
display: block;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.4s;
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
font-size: 2rem;
}
.m-picture-panel__title::before {
content: "-";
position: absolute;
color: #fb0020;
transform-origin: left center;
display: inline-block;
transform: scaleX(1.7);
left: -27px;
margin-top: -0.1875rem;
}
.-current .m-picture-panel__title {
transform: translateX(0%);
opacity: 1;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.m-picture-panel__subtitle {
text-indent: 0.2em;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.4s;
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
font-size: 1rem;
}
.-current .m-picture-panel__subtitle {
transform: translateX(0%);
opacity: 1;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-delay: 0.1s, 0.1s;
}
.m-picture-panel__list {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.m-picture-panel__list__element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition-property: opacity, visibility;
transition-duration: 0s, 0s;
transition-timing-function: linear, linear;
transition-delay: 1.6s, 1.6s;
}
.m-picture-panel__list__element.-show {
z-index: 1;
opacity: 1;
visibility: visible;
transition-property: opacity;
transition-duration: 1.6s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-delay: 0s, 0s;
}
.m-picture-panel__list__element img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
transition-property: transform;
transition-duration: 0.6s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.-current .m-picture-panel__list__element img {
transform: scale(1.05);
}
@media print, screen and (min-width: 768px) {
.m-picture-panel {
height: 33.125rem;
transform: translateY(-40px);
}
.m-picture-panel::after {
height: 35.625rem;
}
.m-picture-panel__body {
transform: translateY(-40px);
}
.-current .m-picture-panel__body {
transform: translateY(-20px);
}
.m-picture-panel__anchor {
height: 38.125rem;
}
.m-picture-panel:last-child .m-picture-panel__anchor {
height: 35.625rem;
}
.m-picture-panel__title {
font-size: 3rem;
}
.m-picture-panel__title::before {
transform: scaleX(2.2);
left: -52px;
margin-top: -0.25rem;
}
.m-picture-panel__subtitle {
font-size: 1.125rem;
}
}
.m-form {
margin-bottom: 1.875rem;
}
.m-form-field {
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-form-field__body > :last-child {
margin-bottom: 0;
}
.m-form-inner {
display: flex;
flex-direction: column;
}
.m-form-inner > [data-order="0"] {
order: 0;
}
.m-form-inner > [data-order="1"] {
order: 1;
}
@media print, screen and (min-width: 768px) {
.m-form--input {
max-width: 545px;
}
}
@media print, screen and (min-width: 768px) {
.m-form--select {
max-width: 350px;
}
}
@media print, screen and (min-width: 768px) {
.m-form--textarea {
max-width: 930px;
}
}
.m-form__title, .m-form__label {
font-size: 1rem;
line-height: 1.5;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
color: #000;
display: block;
}
.m-form__title {
margin-bottom: 0.9375rem;
}
.m-form--check-list .m-form__title, .m-form--radio-list .m-form__title {
margin-bottom: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-form--check-list .m-form__title, .m-form--radio-list .m-form__title {
margin-bottom: .5rem;
}
}
.m-form__label {
margin-bottom: 0.1875rem;
}
.m-form--check-list .m-form__label {
position: relative;
/* display: inline-block; */
margin-bottom: 0;
padding-left: 1rem;
cursor: pointer;
}
.m-form--radio-list .m-form__label {
vertical-align: top;
display: block;
margin-bottom: 1rem;
margin-right: 0px;
padding-left: 1.25rem;
cursor: pointer;
}
.m-form__label label:hover,
.m-form-inner label:hover {
color: inherit;
}
.m-form__required {
font-size: 0.75rem;
color: #fb0020;
display: inline-block;
margin-left: 0.75rem;
}
.m-form__input {
font-size: 1.125rem;
}
.m-form__select {
position: relative;
height: 100%;
}
.m-form__select-item::-ms-expand {
display: none;
}
/* .m-form__select::before, .m-form__select::after {
content: "";
position: absolute;
display: block;
right: 0.6875rem;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.m-form__select::before {
bottom: calc(50% + 2px);
border-bottom: 8px solid #3b3b3b;
}
.m-form__select::after {
top: calc(50% + 2px);
border-top: 8px solid #3b3b3b;
} */
.m-form__textarea {
min-height: 200px;
line-height: 1.5;
padding-top: 0.75rem;
padding-right: 0.9375rem;
padding-bottom: 0.75rem;
padding-left: 0.9375rem;
}
.m-form__input, .m-form__select-item {
padding-top: 0.1875rem;
padding-right: 0.625rem;
padding-bottom: 0.1875rem;
padding-left: 0.625rem;
}
.m-form__input:-ms-input-placeholder, .m-form__textarea:-ms-input-placeholder {
color: #8c8c8c;
}
.m-form__input::placeholder, .m-form__textarea::placeholder {
color: #8c8c8c;
}
.m-form__input, .m-form__select-item, .m-form__textarea {
-webkit-appearance: none;
background-color: #fff;
border: 1px solid #adadad;
padding: 0.5rem 1rem;
width: 100%;
max-width: 100%;
border-radius: 0;
font-size: 1rem;
display: block;
line-height: 1.5;
box-sizing: border-box;
}
.m-form__input {
width: 100%;
}
.m-form__select-item {
width: 100%;
font-family: var(--font-medium, sans-serif);
font-weight: 500;
color: var(--color-text-secondary);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 2.5rem;
border: 1px solid #adadad;
background-color: #fff;
background-image: var(--i-arrow_b, none);
background-repeat: no-repeat;
background-size: 1em 1em;
background-position: calc(100% - 0.5rem) center;
cursor: pointer;
}
.m-form__input:focus, .m-form__input:active, .m-form__select-item:focus, .m-form__select-item:active, .m-form__textarea:focus, .m-form__textarea:active {
/* outline: 1px solid #01916d; */
border-radius: 0.5px;
outline-offset: 3px;
outline: 2px solid #333;
border-color: #333;
}
.m-form__input.-inputed, .m-form__select-item.-inputed, .m-form__textarea.-inputed {
background-color: #ffffff;
color: #333333;
}
.m-form__checkbox {
/* border: 1px solid rgb(173, 173, 173);
border-radius: 2px;
width: 13px;
height: 13px; */
/* position: absolute;
left: 0;
top: calc(1.375rem / 2); */
}
.m-form__radio {
margin-top: 0px;
display: inline-block;
margin-left: -1.25rem;
-webkit-user-select: auto;
appearance: auto;
}
.m-form__check-item {
color: var(--color-text);
margin-left: 6px;
margin-bottom: 0px;
}
.m-form__checkbox + .m-form__check-item::before, .m-form__checkbox + .m-form__check-item::after, .m-form__radio + .m-form__check-item::before, .m-form__radio + .m-form__check-item::after {
content: "";
display: block;
position: absolute;
}
.m-form__checkbox + .m-form__check-item::before, .m-form__radio + .m-form__check-item::before {
left: 0;
border: 1px solid #ADADAD;
box-shadow: 0 1px rgba(220, 220, 220, 0.6) inset;
background-color: #ffffff;
}
.m-form--check-list .m-form__checkbox + .m-form__check-item::before, .m-form--check-list .m-form__radio + .m-form__check-item::before {
top: 0.3125rem;
left: 0.1875rem;
width: 13px;
height: 13px;
border-radius: 2px;
}
.m-form--radio-list .m-form__checkbox + .m-form__check-item::before, .m-form--radio-list .m-form__radio + .m-form__check-item::before {
top: 0.125rem;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
}
.m-form__checkbox + .m-form__check-item::after, .m-form__radio + .m-form__check-item::after {
opacity: 0;
}
.m-form--check-list .m-form__checkbox + .m-form__check-item::after, .m-form--check-list .m-form__radio + .m-form__check-item::after {
top: 0.3125rem;
left: 0.1875rem;
width: 13px;
height: 13px;
background-image: url("../images/icn_check.png");
background-size: contain;
background-repeat: no-repeat;
}
.m-form--radio-list .m-form__checkbox + .m-form__check-item::after, .m-form--radio-list .m-form__radio + .m-form__check-item::after {
top: 0.75rem;
left: 0.625rem;
width: 0.375rem;
height: 0.375rem;
border-radius: 50%;
background-color: #ffffff;
transform: translate(-50%, -50%);
}
.m-form__checkbox:focus, .m-form__checkbox:active, .m-form__radio:focus, .m-form__radio:active {
outline: none;
}
/* .m-form__checkbox:focus + .m-form__check-item::before, .m-form__checkbox:active + .m-form__check-item::before, .m-form__radio:focus + .m-form__check-item::before, .m-form__radio:active + .m-form__check-item::before {
outline: 1px solid #01916d;
} */
.m-form__checkbox:checked + .m-form__check-item::before, .m-form__radio:checked + .m-form__check-item::before {
background-color: #4099fd;
border-color: #4099fd;
box-shadow: none;
}
.m-form__checkbox:checked + .m-form__check-item::after, .m-form__radio:checked + .m-form__check-item::after {
opacity: 1;
}
.m-form--error__item {
background-color: #ffefeb;
border: 2px solid rgba(251, 0, 32, 0.5);
}
.m-form--error__text {
display: none;
}
.m-form--error .m-form--error__text {
display: inline-block;
}
.m-form--error__text[data-order="0"] {
margin-top: -0.375rem;
margin-bottom: 0.5rem;
}
.m-form--error__text[data-order="1"] {
margin-top: 0.4375rem;
}
.m-form--error__text-inner {
font-size: 0.875rem;
color: #fb0020;
vertical-align: middle;
}
.m-form--error__image {
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
margin-right: 0.375rem;
}
.m-form .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5em;
margin: 0;
}
.m-form--check-list .row,
.m-form--radio-list .row {
margin-top: -0.375rem;
margin-bottom: -0.375rem;
}
.m-form .row .col {
padding: 0;
}
.m-form .row > .col-6 {
width: 100%;
max-width: unset;
}
.m-form--check-list .row > .col {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
.m-form--radio-list .row > .col {
padding-top: 0;
padding-bottom: 0;
}
.m-column {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-column {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.row {
/* display: flex;
flex-wrap: wrap;
margin-top: -1.5rem;
margin-right: -0.5rem;
margin-bottom: -1.5rem;
margin-left: -0.5rem; */
display: block;
}
@media print, screen and (min-width: 768px) {
.row {
/* margin-top: -1rem;
margin-right: -1rem;
margin-bottom: -1rem;
margin-left: -1rem; */
display: flex;
flex-wrap: wrap;
gap: var(--gap) var(--gap);
}
}
/* .row > .col {
display: block;
padding-top: 1.5rem;
padding-right: 0.5rem;
padding-bottom: 1.5rem;
padding-left: 0.5rem;
} */
/* @media print, screen and (min-width: 768px) {
.row > .col {
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
} */
.row > .col-2 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 6 - 0.01px);
width: calc(100% / 6 - 0.01px);
max-width: calc(100% / 6 - 0.01px);
}
.row > .col-3 {
/* flex: 0 0 25%;
width: 25%;
max-width: 25%; */
width: calc((300% - 9 * var(--gap))/12);
}
.row > .col-4 {
/* flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 3 - 0.01px);
width: calc(100% / 3 - 0.01px);
max-width: calc(100% / 3 - 0.01px); */
width: calc((400% - 8 * var(--gap))/12);
}
.row > .col-5 {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 2.4 - 0.01px);
max-width: calc(100% / 2.4 - 0.01px);
}
.row > .col-6 {
width: calc((600% - 6 * var(--gap))/12)
}
.row > .col-8 {
/* flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% / 1.5 - 0.01px);
width: calc(100% / 1.5 - 0.01px);
max-width: calc(100% / 1.5 - 0.01px); */
width: calc((800% - 4 * var(--gap))/12);
}
.row > .col-9 {
/* flex: 0 0 75%;
width: 75%;
max-width: 75%; */
width: calc((900% - 3 * var(--gap))/12);
}
.row > .col-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.row > .col {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.row > .col-sp-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.row > .col-sp-12 {
flex: 0 0 100%;
max-width: 100%;
}
}
.m-icon__arrow-right::after {
content: "";
/* display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
background: url("../images/icn_right-g.svg") no-repeat;
vertical-align: middle;*/
-webkit-mask-image: var(--i-arrow_r_b, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
}
.m-icon__arrow-circle::before {
content: "";
display: inline-block;
width: 0.9375rem;
height: 1.0625rem;
background: url("../images/icn_left-circle-g.svg") no-repeat;
vertical-align: middle;
}
.-ver2 .m-icon__arrow-circle::before {
background: url("../images/icn_right-w.svg") no-repeat;
}
.m-tab__navigation__list {
display: grid;
gap: 8px 4px;
grid-template-columns: 1fr 1fr;
}
.m-tab__navigation__item {
display: flex;
flex-direction: column;
text-align: center;
flex-shrink: 0;
position: relative;
}
.m-tab__navigation__item span {
font-size: 14px;
min-height: 48px;
margin-top: auto;
margin-bottom: auto;
font-family: var(--font-medium);
}
.m-tab__navigation__trigger {
padding: 10px 12px;
}
@media print, screen and (min-width: 768px) {
.m-tab__navigation__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0 4px;
}
.m-tab__navigation__item {
min-width: 8rem;
}
.m-tab__navigation__item span {
font-size: 16px;
line-height: 58px;
white-space: nowrap;
padding-left: 1rem;
padding-right: 1rem;
}
.m-tab__navigation__trigger {
padding: 0;
}
}
.m-tab__navigation__item::after {
content: "";
-webkit-mask-image: none;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 100%;
display: block;
background-color: var(--color-text-green);
margin: 0;
height: 4px;
opacity: .1;
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print, screen and (min-width: 768px) {
.m-tab__navigation__item::after {
height: 6px;
}
}
.m-tab__navigation__item.-current::after {
background-color: var(--color-text);
opacity: 1;
pointer-events: none;
}
.m-tab__navigation__item.-current .m-tab__navigation__trigger {
pointer-events: none;
}
.m-tab__navigation__item:hover.m-tab__navigation__item::after {
opacity: .4;
}
.m-tab__navigation__item:hover.m-tab__navigation__item.-current::after {
opacity: 1;
}
/* .m-tab__navigation__trigger {
display: block;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.3125rem;
border-bottom-color: var(--color-text);
} */
/* .m-tab__navigation__item.-current .m-tab__navigation__trigger {
pointer-events: none;
}
.m-tab__navigation__item:hover .m-tab__navigation__trigger {
border-bottom-color: #01916d;
} */
.m-tab__contents__item {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-tab {
margin-right: 0;
margin-left: 0;
}
}
.m-sns-links {
text-align: center;
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 0;
letter-spacing: 0;
display: flex;
justify-content: center;
}
@media print, screen and (min-width: 768px) {
.m-sns-links {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-sns-links__item {
display: inline-block;
width: 48px;
height: 48px;
margin-right: 0.5rem;
}
.m-sns-links__item:last-child {
margin-right: 0 !important;
}
@media print, screen and (min-width: 768px) {
.m-sns-links__item {
width: 80px;
height: 80px;
margin-right: 1.5rem;
}
.m-sns-links__item > img {
transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m-sns-links__item:hover > img {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
.m-sns-links--size-small {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-sns-links--size-small {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-sns-links--size-small .m-sns-links__item {
width: 2rem;
height: 2rem;
margin-right: 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-sns-links--size-small .m-sns-links__item {
width: 40px;
height: 40px;
margin-right: 1rem;
}
}
.m-global-footer__wrap .m-sns-links {
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: 0;
}
.m-global-footer__wrap .m-sns-links__item {
margin-top: 0;
}
.m-global-footer__wrap .m-sns-links__item > img {
opacity: 0.8;
transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.m-global-footer__wrap .m-sns-links__item:hover > img, .m-global-footer__wrap .m-sns-links__item:active > img, .m-global-footer__wrap .m-sns-links__item:focus > img {
opacity: 1;
transform: none;
transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
.align-top {
vertical-align: top;
}
.align-middle {
vertical-align: middle;
}
.align-bottom {
vertical-align: bottom;
}
.align-item-top {
align-items: flex-start !important;
}
.align-item-middle {
align-items: center !important;
}
.align-item-bottom {
align-items: flex-end !important;
}
.break-unit {
overflow-wrap: normal;
}
.break-word {
word-break: break-all;
}
.bg-gray {
background-color: #f6f6f6 !important;
}
.bg-black {
background-color: #333333 !important;
color: #ffffff !important;
}
.text-color-inherit {
color: inherit !important;
}
.hidden {
display: none !important;
}
@media print, screen and (min-width: 768px) {
.hidden-pc {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hidden-sp {
display: none !important;
}
}
.invisible {
visibility: hidden;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.m-slider {
overflow: hidden;
/* margin-top: -0.5rem;
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; */
}
.m-slider__body {
flex-wrap: nowrap;
transition: transform 0.4s linear 0s;
width: calc(100% + var(--gutter)*2);
margin-left: calc(var(--gutter)*-1);
margin-right: calc(var(--gutter)*-1);
}
.m-slider__ui {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
}
@media print, screen and (min-width: 768px) {
.m-slider__ui {
margin-top: 2rem;
}
}
@media print {
.m-slider__ui {
display: none;
}
}
.m-slider__bullets {
display: inline-flex;
}
.m-slider__bullet {
position: relative;
background-color: transparent;
border: 0;
width: 1.5rem;
height: 1.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 2px;
}
.m-slider__bullet::before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: .2;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.m-slider__bullet:hover:before {
background-color: #01916d;
opacity: 1;
}
.m-slider__bullet-text {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
overflow: hidden;
}
.m-slider__bullet.-current::before {
opacity: 1;
}
.m-slider__prev, .m-slider__next {
position: relative;
width: 1.875rem;
height: 1.875rem;
text-align: center;
border: none;
background-color: transparent;
}
.m-slider__prev-text, .m-slider__next-text {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
overflow: hidden;
}
.m-slider__prev::before, .m-slider__next::before {
content: "";
display: inline-block;
width: 0.625rem;
height: 0.625rem;
border-top: 3px solid #000;
border-right: 3px solid #000;
}
.m-slider__prev:hover:before,
.m-slider__next:hover:before {
opacity: .4;
}
.m-slider__prev::before {
transform: rotate(-135deg);
}
.m-slider__next::before {
transform: rotate(45deg);
}
/* .m-carousel {
margin-bottom: 4.5rem;
} */
.m-carousel__body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.m-carousel__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.m-carousel__item > a {
display: block;
position: relative;
height: 100%;
}
.m-carousel__item > a::after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 2.5rem;
height: 2.5rem;
background-image: url("../images/icn_linked.svg");
background-size: cover;
background-repeat: no-repeat;
}
.m-carousel__bullets {
position: absolute;
/* left: 50%;
bottom: 0.625rem; */
right: 0;
bottom: -2.5rem;
/* transform: translateX(-50%); */
display: inline-flex;
max-width: 100%;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 1;
}
@media screen and (max-width: 767px) {
.m-carousel__bullets {
padding-right: 1rem;
}
}
.m-carousel__bullet {
position: relative;
background-color: transparent;
border: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.m-carousel__bullet {
display: block;
width: 36px;
height: 36px;
padding: 2px;
display: flex;
align-items: center;
}
.m-carousel__bullet::before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: .2;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.m-carousel__bullet:hover::before,
.m-carousel__bullet.-current:hover::before{
background-color: var(--color-text-green);
opacity: 1;
}
.m-carousel__bullet.-current::before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: 1;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.m-carousel__bullet-text {
position: absolute;
width: 0.0625rem;
height: 0.0625rem;
overflow: hidden;
}
.m-carousel__prev, .m-carousel__next {
position: absolute;
top: 50%;
width: 5.625rem;
height: 6.25rem;
background: transparent;
border: 0;
transform: translateY(-50%);
overflow: hidden;
}
.m-carousel__prev-text, .m-carousel__next-text {
position: absolute;
right: 100%;
}
.m-carousel__prev::before, .m-carousel__next::before {
content: "";
display: inline-block;
width: 2.8125rem;
height: 2.8125rem;
border-top: 3px solid var(--color-text-white);
border-right: 3px solid var(--color-text-white);
position: absolute;
top: 50%;
left: 50%;
transition: opacity 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.m-carousel__prev:hover, .m-carousel__prev:active, .m-carousel__prev:focus, .m-carousel__next:hover, .m-carousel__next:active, .m-carousel__next:focus {
opacity: 0.5;
transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media screen and (max-width: 767px) {
.m-carousel__prev, .m-carousel__next {
display: none;
}
}
.m-carousel__prev {
left: 0;
}
.m-carousel__prev::before {
transform: translateX(-25%) translateY(-50%) rotate(-135deg);
}
.m-carousel__next {
right: 0;
}
.m-carousel__next::before {
transform: translateX(-75%) translateY(-50%) rotate(45deg);
}
@keyframes to-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
@keyframes to-left-current {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
@keyframes to-right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes to-right-current {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.js-carousel-item.js-carousel-move-next {
transform: translateX(100%);
}
.js-carousel-item.js-carousel-move-prev {
transform: translateX(-100%);
}
.js-carousel-item.js-carousel-move-left:not(.js-carousel-move-next) {
animation: to-left 0.4s linear 0s;
}
.js-carousel-item.js-carousel-move-left.js-carousel-move-next {
animation: to-left-current 0.4s linear 0s;
}
.js-carousel-item.js-carousel-move-right:not(.js-carousel-move-prev) {
animation: to-right 0.4s linear 0s;
}
.js-carousel-item.js-carousel-move-right.js-carousel-move-prev {
animation: to-right-current 0.4s linear 0s;
}
.js-carousel-item.js-carousel-move--quick {
transition: transform 0.2s linear 0s;
}
body.is-scroll-lock {
position: fixed;
width: 100%;
}
.m-header {
position: relative;
top: 0;
width: 100%;
z-index: 50;
font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
}
.m-header.is-set .m-header__body {
display: block;
}
.m-header__body {
display: none;
position: relative;
background-color: #ffffff;
z-index: 1;
}
.m-header__body[hidden] {
display: none !important;
}
.m-header__body-inner {
background-color: #fff;
}
.m-header::after {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
content: "";
background-color: #000;
opacity: 0;
transition: opacity .2s;
}
.m-header.is-backdrop::after {
pointer-events: auto;
opacity: .3;
}
.m-header__head {
position: relative;
display: flex;
align-items: center;
background-color: #ffffff;
z-index: 1;
}
.m-header__head-inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1184px;
margin-left: auto;
margin-right: auto;
padding: 3.2rem 2rem 2.4rem;
}
.m-header__title {
display: flex;
align-items: center;
column-gap: 24px;
}
.m-header__logo {
display: block;
}
.m-header__region {
font-size: 0.8rem;
letter-spacing: 0.84px;
color: #333;
}
.m-header__menu-pc {
display: flex;
column-gap: 27px;
}
.m-header__link {
display: flex;
align-items: center;
margin-bottom: 0;
}
.m-header__link-text {
color: #000000;
font-size: 0.75rem;
letter-spacing: 0.36px;
}
.m-header__link-text:hover {
opacity: 0.6;
color: #000000;
}
.m-header__link-text-icon {
margin-top: 5px;
margin-left: 4px;
}
.m-header__btn {
display: none;
}
.m-header__search-sp {
display: none;
}
.m-header__menu-sp {
display: none;
}
.m-header__search {
position: relative;
}
.m-header__search-btn {
display: flex;
align-items: center;
}
.m-header__search-pc .m-header__search {
max-width: 486px;
margin: 5.9375rem 0 0 auto;
}
.m-header__search-pc .m-header__search-input {
position: relative;
width: 100%;
border: 0;
background: #FFF;
box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.06);
padding: 1.875rem 3.5rem 1.875rem 2rem;
}
.m-header__search-pc .m-header__search-input::placeholder {
color: rgba(81, 81, 81, 0.30);
font-size: 1.5rem;
}
.m-header__search-button {
display: flex;
position: absolute;
align-items: center;
top: 50%;
transform: translateY(-50%);
right: 23px;
}
.m-header__search-icon {
width: 24px;
height: 24px;
}
.m-header__search-btn.is-open .m-header__search-icon {
display: none;
}
.m-header__search-btn.is-open {
width: 30px;
height: 30px;
}
.m-header__search-btn.is-open::before {
position: absolute;
content: "";
display: block;
top: 15px;
left: 50%;
width: 28px;
height: 2px;
background-color: #000000;
transform: translateX(-50%) rotate(-45deg);
}
.m-header__search-btn.is-open::after {
position: absolute;
content: "";
display: block;
top: 15px;
left: 50%;
width: 28px;
height: 2px;
background-color: #000000;
transform: translateX(-50%) rotate(45deg);
}
.m-header__search-dialog::backdrop {
visibility: hidden;
background: rgba(0,0,0,.07);
opacity: 0;
transition: opacity .4s ease-out,visibility .4s ease-out;
}
.m-header__search-dialog.is-open::backdrop {
visibility: visible;
opacity: 1;
}
.m-header__search-dialog {
width: 100%;
overflow: visible;
visibility: hidden;
background-color: transparent;
border: 0;
opacity: 0;
transition: opacity .4s ease-out,visibility .4s ease-out;
}
.m-header__search-dialog-inner {
max-width: 1184px;
margin-left: auto;
margin-right: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.m-header__search-dialog:modal {
position: absolute;
bottom: 0;
right: 0;
inset-block-start: 0px;
inset-block-end: 0px;
}
.m-header__search-dialog.is-open {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 920px) {
.m-header.type2 .m-header__head-inner {
column-gap: 10px;
}
.m-header.type2 .m-header__body {
position: absolute;
right: 0;
left: 0;
overflow: hidden;
transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-header.type2 .m-header__body-inner {
height: calc(100dvh - 92px);
padding: 0.875rem 2rem;
overflow-y: scroll;
}
.m-header.type2 .m-header__menu-pc {
display: none;
}
.m-header.type2 .m-header__btn {
flex-shrink: 0;
position: relative;
display: block;
width: 50px;
height: 30px;
overflow: hidden;
}
.m-header.type2 .m-header__btn-txt {
display: block;
width: 100%;
height: 100%;
padding-left: 100%;
color: rgba(0,0,0,0);
}
.m-header.type2 .m-header__btn-txt::before {
position: absolute;
content: "";
display: block;
top: 22px;
left: 15px;
width: 19.5px;
height: 2px;
background-color: #000000;
transition: transform 0.2s;
}
.m-header.type2 .m-header__btn::before,
.m-header.type2 .m-header__btn::after {
position: absolute;
content: "";
display: block;
left: 15px;
width: 19.5px;
height: 2px;
background-color: #000000;
transition: transform 0.2s;
}
.m-header.type2 .m-header__btn::before {
top: 8px;
}
.m-header.type2 .m-header__btn::after {
bottom: 13px;
}
.m-header.type2 .m-header__btn[aria-expanded="true"]::before {
top: 14px;
width: 23px;
transform: rotate(45deg);
}
.m-header.type2 .m-header__btn[aria-expanded="true"]::after {
transform: translateX(200%);
}
.m-header.type2 .m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
top: 14px;
width: 23px;
transform: rotate(-45deg);
}
.m-header.type2 .m-header__title {
column-gap: 16px;
}
.m-header.type2 .m-header__head-inner {
padding: 1.5625rem 1.5rem 1.5625rem 1.7rem;
}
.m-header.type2 .m-header__region {
line-height: 21px;
}
.m-header.type2 .m-header__region-txt {
display: inline-block;
}
.m-header.type2 .m-header__search-sp {
display: block;
}
.m-header.type2 .m-header__search-input {
position: relative;
width: 100%;
border: 0;
background: #F6F7F6;
padding: 1.25rem 3.5rem 1.25rem 1.25rem;
}
.m-header.type2 .m-header__search-input::placeholder {
color: rgba(81, 81, 81, 0.30);
font-size: 1.25rem;
}
.m-header.type2 .m-header__search-button {
display: flex;
position: absolute;
align-items: center;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.m-header.type2 .m-header__search-icon {
width: 24px;
height: 24px;
}
.m-header.type2 .m-header__menu-sp {
display: block;
margin-top: 2rem;
}
.m-header.type2 .m-header__select {
position: relative;
width: fit-content;
}
.m-header.type2 .m-header__select::after {
position: absolute;
display: block;
width: 8px;
height: 8px;
content: "";
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
top: 40%;
translate: 0 -50%;
rotate: 135deg;
right: 2px;
}
.m-header.type2 .m-header__select-inner {
padding-right: 1.625rem;
}
.m-header.type2 .m-header__link {
margin-top: 24px;
}
.m-header.type2 .m-header__link-text {
font-size: 1rem;
}
.m-header.type2 .m-header__link-text-icon {
margin-top: 8px;
}
}
@media screen and (max-width: 767px) {
.m-header__head-inner {
column-gap: 10px;
}
.m-header__body {
position: absolute;
right: 0;
left: 0;
overflow: hidden;
transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-header__body-inner {
height: calc(100dvh - 92px);
padding: 0.875rem 2rem;
overflow-y: scroll;
}
.m-header__menu-pc {
display: none;
}
.m-header__btn {
flex-shrink: 0;
position: relative;
display: block;
width: 50px;
height: 30px;
overflow: hidden;
}
.m-header__btn-txt {
display: block;
width: 100%;
height: 100%;
padding-left: 100%;
color: rgba(0,0,0,0);
}
.m-header__btn-txt::before {
position: absolute;
content: "";
display: block;
top: 22px;
left: 15px;
width: 19.5px;
height: 2px;
background-color: #000000;
transition: transform 0.2s;
}
.m-header__btn::before, .m-header__btn::after {
position: absolute;
content: "";
display: block;
left: 15px;
width: 19.5px;
height: 2px;
background-color: #000000;
transition: transform 0.2s;
}
.m-header__btn::before {
top: 8px;
}
.m-header__btn::after {
bottom: 13px;
}
.m-header__btn[aria-expanded="true"]::before {
top: 14px;
width: 23px;
transform: rotate(45deg);
}
.m-header__btn[aria-expanded="true"]::after {
transform: translateX(200%);
}
.m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
top: 14px;
width: 23px;
transform: rotate(-45deg);
}
.m-header__title {
column-gap: 16px;
}
.m-header__head-inner {
padding: 1.5625rem 1.5rem 1.5625rem 1.7rem;
}
.m-header__region {
line-height: 21px;
}
.m-header__region-txt {
display: inline-block;
}
.m-header__search-sp {
display: block;
}
.m-header__search-input {
position: relative;
width: 100%;
border: 0;
background: #F6F7F6;
padding: 1.25rem 3.5rem 1.25rem 1.25rem;
}
.m-header__search-input::placeholder {
color: rgba(81, 81, 81, 0.30);
font-size: 1.25rem;
}
.m-header__search-button {
display: flex;
position: absolute;
align-items: center;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.m-header__search-icon {
width: 24px;
height: 24px;
}
.m-header__menu-sp {
display: block;
margin-top: 2rem;
}
.m-header__select {
position: relative;
width: fit-content;
}
.m-header__select::after {
position: absolute;
display: block;
width: 8px;
height: 8px;
content: "";
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
top: 40%;
translate: 0 -50%;
rotate: 135deg;
right: 2px;
}
.m-header__select-inner {
padding-right: 1.625rem;
}
.m-header__link {
margin-top: 24px;
}
.m-header__link-text {
font-size: 1rem;
}
.m-header__link-text-icon {
margin-top: 8px;
}
}
.m-global-menu {
position: relative;
transition: height 0.4s linear;
background-color: #ffffff;
}
.m-global-menu.is-set .m-global-menu__contents {
display: block;
}
.m-global-menu__item {
margin-bottom: 0;
}
.m-global-menu__inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1184px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.m-global-menu__contents {
display: none;
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
transition: .4s height ease-out;
background-color: #fff;
}
.m-global-menu__contents[hidden] {
display: none !important;
}
.m-global-menu__contents .btn-lg {
min-height: unset;
}
.m-global-menu__contents .btn-inner {
font-size: 14px;
}
.m-global-menu__contents .m-banner--style_4column .row {
padding: 0;
margin: 0;
}
.m-global-menu__contents .row {
display: grid;
gap: 20px var(--gap);
}
@media print, screen and (min-width: 768px) {
.m-global-menu__contents .row {
grid-template-columns: repeat(4,1fr);
}
}
.m-global-menu__contents .row > .col-3 {
width: unset;
}
.m-global-menu__contents .row .m-btn {
margin-bottom: 0;
}
.m-global-menu__contents .m-btn .btn-secondary {
padding: 18px 27px;
max-height: 50px;
}
.m-global-menu__contents .m-btn .btn-secondary::after {
content: unset;
}
.m-global-menu__contents .m-link-list__item a {
display: flex;
align-items: center;
}
.m-global-menu__contents .m-link-list__item img {
margin-right: 10px;
}
.m-global-menu__contents .m-link-list__item a {
flex-wrap: nowrap;
}
.m-global-menu__contents-inner {
max-width: 1184px;
margin-inline: auto;
padding-inline: 2rem;
padding: 3rem 2rem;
}
.m-global-menu__list {
display: flex;
column-gap: 24px;
}
.m-global-menu__link {
color: #000000;
}
.m-global-menu__link::before,
.m-global-menu__link::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: rgba(0,0,0,0);
flex-shrink: 0;
transform: scaleX(0);
transform-origin: left center;
transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94),background 0s linear .4s;
}
.m-global-menu__link:hover {
color: #000000;
}
.m-global-menu__link:hover::after {
background-color: #333;
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0s,0s;
}
.m-global-menu__sub-menu__contents-inner {
max-width: 1184px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.m-global-menu__top-link-txt {
position: relative;
display: inline-block;
padding-right: 38px;
font-size: 1.5rem;
font-weight: bold;
color: #000000;
}
.m-global-menu__top-link-txt::after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 28px;
height: 28px;
background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_arrow.svg');
}
.m-global-menu__top-link-txt:hover {
opacity: 0.6;
color: #000000;
}
@media screen and (max-width: 920px) {
.m-header.type2 .m-global-menu {
margin-top: 24px;
}
.m-header.type2 .m-global-menu__list {
display: block;
}
.m-header.type2 .m-global-menu__inner {
display: block;
padding-right: 0;
padding-left: 0;
}
.m-header.type2 .m-global-menu__contents {
position: static;
}
.m-header.type2 .m-global-menu__link {
position: relative;
display: block;
padding: 1.2rem 2rem 1.2rem 0;
font-size: 1.375rem;
}
.m-header.type2 .m-global-menu__link[role="button"]::before,
.m-header.type2 .m-global-menu__link[role="button"]::after {
position: absolute;
content: "";
display: block;
position: absolute;
top: 50%;
right: 11px;
display: block;
width: 2px;
height: 21px;
content: "";
transition: rotate .2s;
background: #5C5C5C;
transform: translateY(-50%);
}
.m-header.type2 .m-global-menu__link[role="button"]::after {
top: 49%;
transform: translateY(-50%) rotate(90deg);
right: 10px;
}
.m-header.type2 .m-global-menu__link[role="button"]:hover::after {
transform: translateY(-50%) rotate(90deg);
}
.m-header.type2 .m-global-menu__link:not([role="button"]):hover::after {
display: none;
}
.m-header.type2 .m-global-menu__link[role="button"][aria-expanded="true"]::before {
display: none;
}
.m-header.type2 .m-global-menu__contents-inner {
padding: 0.5rem 0 2rem;
}
.m-header.type2 .m-global-menu__top-link-txt {
font-size: 1.125rem;
font-weight: normal;
padding-right: 0;
}
.m-header.type2 .m-global-menu__top-link-txt::after {
display: none;
}
}
@media screen and (max-width: 767px) {
.m-global-menu {
margin-top: 24px;
}
.m-global-menu__list {
display: block;
}
.m-global-menu__inner {
display: block;
padding-right: 0;
padding-left: 0;
}
.m-global-menu__contents {
position: static;
}
.m-global-menu__link {
position: relative;
display: block;
padding: 1.2rem 2rem 1.2rem 0;
font-size: 1.375rem;
}
.m-global-menu__link[role="button"]::before, .m-global-menu__link[role="button"]::after {
position: absolute;
content: "";
display: block;
position: absolute;
top: 50%;
right: 11px;
display: block;
width: 2px;
height: 21px;
content: "";
transition: rotate .2s;
background: #5C5C5C;
transform: translateY(-50%);
}
.m-global-menu__link[role="button"]::after {
top: 49%;
transform: translateY(-50%) rotate(90deg);
right: 10px;
}
.m-global-menu__link[role="button"]:hover::after {
transform: translateY(-50%) rotate(90deg);
}
.m-global-menu__link:not([role="button"]):hover::after {
display: none;
}
.m-global-menu__link[role="button"][aria-expanded="true"]::before {
display: none;
}
.m-global-menu__contents-inner {
padding: 0.5rem 0 2rem;
}
.m-global-menu__top-link-txt {
font-size: 1.125rem;
font-weight: normal;
padding-right: 0;
}
.m-global-menu__top-link-txt::after {
display: none;
}
}
.m-breadcrumb-bottom {
background-color: #F1F2F1;
}
.m-breadcrumb-bottom__list {
max-width: 1184px;
margin-left: auto;
margin-right: auto;
padding: 4.8rem 2rem 0;
display: flex;
flex-wrap: wrap;
}
.m-breadcrumb-bottom__text {
font-size: 0.75rem;
}
.m-breadcrumb-bottom__text[href]:hover,
.m-breadcrumb-bottom__text[href]:focus {
text-decoration: underline;
}
.m-breadcrumb-bottom__item:not(:first-child) {
position: relative;
padding-left: 25px;
}
.m-breadcrumb-bottom__item:not(:first-child)::before {
display: block;
position: absolute;
top: 8px;
left: 10px;
content: '';
width: 7px;
height: 16px;
background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_arrow-2.svg');
}
.m-footer {
background-color: #F1F2F1;
color: #515151;
font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
}
.m-footer a {
color: #515151;
}
.m-footer a[href]:hover {
text-decoration: underline;
}
.m-footer__inner {
max-width: 1184px;
margin-left: auto;
margin-right: auto;
padding: 0.2rem 2rem 5rem;
}
.m-footer__nav-item-section:not(:first-child) {
margin-top: 1.5rem;
}
.m-footer__nav-content {
margin-top: 1rem;
}
.m-footer__nav-title {
margin-top: 16px;
}
.m-footer__nav-top-link + .m-footer__nav-title {
margin-top: 0;
}
.m-footer__nav-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 48px;
}
.m-footer__nav-btn {
display: block;
font-size: 1.125rem;
font-family: var(--font-bold, sans-serif);
font-weight: bold;
}
.m-footer__nav-top-link {
display: none;
}
.m-footer__nav-title {
margin-top: 16px;
margin-bottom: 0;
font-size: 0.75rem;
}
.m-footer_nav-child-list {
margin-left: 1rem;
margin-top: 0.6rem;
font-size: 0.875rem;
}
.m-footer_nav-child-item:not(:first-child) {
margin-top: 0.5rem;
}
.m-footer__nav-link {
margin-top: 0.5rem;
margin-bottom: 0;
}
.m-footer__nav-link-text {
font-size: 0.875rem;
}
.m-footer__sns-list {
display: flex;
flex-wrap: wrap;
column-gap: 24px;
margin-top: 2.5rem;
}
.m-footer__sns-icon {
width: 48px;
}
.m-footer__group {
border-top: 1px solid #D9D9D9;;
margin-top: 1.875rem;
padding-top: 2.5rem;
}
.m-footer__group-title-text {
font-size: 1.125rem;
font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
font-weight: normal;
}
.m-footer__group-list {
display: flex;
flex-wrap: wrap;
column-gap: 40px;
}
.m-footer__group-link {
font-size: 1.125rem;
font-family: var(--font-bold, sans-serif);
font-weight: bold;
}
.m-footer__other {
display: flex;
column-gap: 24px;
margin-top: 1.8rem;
padding-top: 0rem;
}
.m-footer__other-head {
flex-shrink: 0;
}
.m-footer__other-body {
width: 100%;
}
.m-footer__other-body-top {
display: flex;
justify-content: space-between;
}
.m-footer__other-links {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
}
.m-footer__other-links-item:not(:last-child) > .m-footer__other-links-link {
border-right: 1px solid #8A8A8A;
padding-right: 1.25rem;
}
.m-footer__other-links-link {
font-size: 0.875rem;
font-family: var(--font-bold, sans-serif);
font-weight: bold;
}
.m-footer__other-global-link {
margin-bottom: 0;
}
.m-footer__other-global-link-text {
display: inline-block;
position: relative;
padding-left: 32px;
font-size: 0.875rem;
}
.m-footer__other-global-link-text::before {
display: block;
position: absolute;
top: -2px;
left: 0;
content: '';
width: 24px;
height: 25px;
background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_global-2.svg');
}
.m-footer__copyright {
margin-bottom: 0;
}
.m-footer__copyright-text {
font-size: 0.75rem;
}
@media screen and (max-width: 920px) {
.m-footer.type2 .m-breadcrumb-bottom__list {
padding-top: 1rem;
}
.m-footer .m-footer__inner {
padding-top: 0.2rem;
padding-bottom: 0.5rem;
}
.m-footer.type2 .m-footer__nav-list {
display: block;
}
.m-footer.type2 .m-footer__nav-top-link {
display: block;
}
.m-footer.type2 .m-footer__nav-item-section:not(:first-child) {
margin-top: 0;
}
.m-footer.type2 .m-footer__nav-content {
overflow: hidden;
transition: .3s height ease-out;
}
.m-footer.type2 .m-footer__nav-btn {
position: relative;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.25rem;
}
.m-footer.type2 .m-footer__nav-btn[role="button"] {
padding-right: 60px;
}
.m-footer.type2 .m-footer__nav-btn[role="button"]::before,
.m-footer.type2 .m-footer__nav-btn[role="button"]::after {
position: absolute;
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 2px;
height: 21px;
content: "";
transition: rotate .2s;
background: #5C5C5C;
transform: translateY(-50%);
}
.m-footer.type2 .m-footer__nav-btn[role="button"]::after {
top: 49%;
transform: translateY(-50%) rotate(90deg);
right: 10px;
}
.m-footer.type2 .m-footer__nav-btn[aria-expanded="true"]::before {
display: none;
}
.m-footer.type2 .m-footer__nav-btn[href]:hover,
.m-footer.type2 .m-footer__nav-btn[href]:focus {
text-decoration: none;
}
.m-footer.type2 .m-footer__nav-content {
margin-top: 0;
}
.m-footer.type2 .m-footer__nav-top-link {
font-size: 1.25rem;
}
.m-footer.type2 .m-footer__nav-title {
font-size: 1.25rem;
}
.m-footer.type2 .m-footer__nav-link-text {
font-size: 1rem;
}
.m-footer.type2 .m-footer__other {
display: block;
}
.m-footer.type2 .m-footer__other-body-top {
display: block;
}
.m-footer.type2 .m-footer__other-head {
text-align: center;
}
.m-footer.type2 .m-footer__other-body {
margin-top: 3rem;
}
.m-footer.type2 .m-footer__other-global-link {
margin-top: 1.2rem;
}
.m-footer.type2 .m-footer__body-bottom {
margin-top: 40px;
}
.m-footer.type2 .m-footer__nav-top-link + .m-footer__nav-title {
margin-top: 0.5rem;
}
.m-footer.type2 .m-footer_nav-child-list {
margin-top: 1.6rem;
margin-bottom: 2rem;
}
.m-footer.type2 .m-footer_nav-child-item:not(:first-child) {
margin-top: 0.9rem;
}
.m-footer.type2 .m-footer__nav-link {
margin-top: 0.8rem;
}
.m-footer.type2 .m-footer__group-list {
row-gap: 1.3rem;
}
.m-footer.type2 .m-footer__group {
padding-top: 2.5rem;
}
.m-footer.type2 .m-footer__logo {
width: 153px;
}
.m-footer.type2 .m-footer__other-body {
margin-top: 2rem;
}
.m-footer.type2 .m-footer__copyright {
line-height: 150%;
}
}
@media screen and (max-width: 767px) {
.m-breadcrumb-bottom__list {
padding-top: 1rem;
}
.m-footer__inner {
padding-top: 3.2rem;
padding-bottom: 2.5rem;
}
.m-footer__nav-list {
display: block;
}
.m-footer__nav-top-link {
display: block;
}
.m-footer__nav-item-section:not(:first-child) {
margin-top: 0;
}
.m-footer__nav-content {
overflow: hidden;
transition: .3s height ease-out;
}
.m-footer__nav-btn {
position: relative;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.25rem;
}
.m-footer__nav-btn[role="button"] {
padding-right: 60px;
}
.m-footer__nav-btn[role="button"]::before,
.m-footer__nav-btn[role="button"]::after {
position: absolute;
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 2px;
height: 21px;
content: "";
transition: rotate .2s;
background: #5C5C5C;
transform: translateY(-50%);
}
.m-footer__nav-btn[role="button"]::after {
top: 49%;
transform: translateY(-50%) rotate(90deg);
right: 10px;
}
.m-footer__nav-btn[aria-expanded="true"]::before {
display: none;
}
.m-footer .m-footer__nav-btn[href]:hover,
.m-footer .m-footer__nav-btn[href]:focus {
text-decoration: none;
}
.m-footer__nav-content {
margin-top: 0;
}
.m-footer__nav-top-link {
font-size: 1.25rem;
}
.m-footer__nav-title {
font-size: 1.25rem;
}
.m-footer__nav-link-text {
font-size: 1rem;
}
.m-footer__other {
display: block;
}
.m-footer__other-body-top {
display: block;
}
.m-footer__other-head {
text-align: center;
}
.m-footer__other-body {
margin-top: 3rem;
}
.m-footer__other-global-link {
margin-top: 1.2rem;
}
.m-footer__body-bottom {
margin-top: 40px;
}
.m-footer__nav-top-link + .m-footer__nav-title {
margin-top: 0.5rem;
}
.m-footer_nav-child-list {
margin-top: 1.6rem;
margin-bottom: 2rem;
}
.m-footer_nav-child-item:not(:first-child) {
margin-top: 0.9rem;
}
.m-footer__nav-link {
margin-top: 0.8rem;
}
.m-footer__group-list {
row-gap: 1.3rem;
}
.m-footer__group {
padding-top: 2.5rem;
}
.m-footer__logo {
width: 153px;
}
.m-footer__other-body {
margin-top: 2rem;
}
.m-footer__copyright {
line-height: 150%;
text-align: center;
}
}
}
.m-accordion {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.m-accordion {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.m-accordion__item {
border-bottom: 1px solid var(--color-border);
}
.m-accordion__item.open > .m-accordion__body {
visibility: visible !important;
height: auto !important;
transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s linear !important;
overflow: hidden;
}
.m-accordion__item.open > .m-accordion__body.-open {
visibility: hidden !important;
height: 0 !important;
transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s linear !important;
overflow: hidden;
}
.m-accordion__item.open > .m-accordion__anchor > .m-accordion__head::before {
transform: translateX(-50%) rotate(0deg);
}
.m-accordion__item.open > .m-accordion__anchor > .m-accordion__head::after {
display: none !important;
}
.m-accordion__item.open > .m-accordion__anchor.-open > .m-accordion__head::after {
transform: translateX(-50%) rotate(90deg);
display: inline-block !important;
}
.m-accordion__item:first-child {
border-top: 1px solid var(--color-border);
}
.m-accordion__anchor:hover {
color: inherit;
opacity: 0.6;
transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.m-accordion__head {
position: relative;
padding: 1.5rem 3rem 1.5rem 1.5rem;;
}
.m-accordion__head::before, .m-accordion__head::after {
content: "";
display: inline-block;
position: absolute;
background-color: #5c5c5c;
width: 20px;
height: 2px;
right: 0;
top: 50%;
transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m-accordion__head::before {
transform: translateX(-50%) rotate(0deg);
}
.m-accordion__head::after {
transform: translateX(-50%) rotate(90deg);
}
.m-accordion__anchor.-open .m-accordion__head::after {
transform: translateX(-50%) rotate(0deg);
}
.m-accordion__text {
display: flex;
flex-direction: column;
justify-content: center;
}
.m-accordion__title {
margin-top: 0;
margin-bottom: 0;
}
.m-accordion__description {
font-size: 0.875rem;
line-height: 1.5;
flex-grow: 1;
margin-bottom: 0;
}
.m-accordion__body {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
}
[data-script-enabled=true] .m-accordion__body {
visibility: hidden;
transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s linear;
overflow: hidden;
}
[data-script-enabled=true] .m-accordion__body.-open {
visibility: visible;
}
.m-accordion__body .m-paragraph {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.m-accordion__body .m-paragraph .m-paragraph__title {
margin-top: 0;
}
.m-tab {
margin-top: 2.5rem;
margin-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
.m-tab {
margin-top: 0;
}
}
.m-tab__list {
display: flex;
flex-wrap: wrap;
gap: 4px 4px;
}
@media print, screen and (min-width: 768px) {
.m-tab__list {
justify-content: center;
}
}
.m-tab__item {
flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
.m-tab__item {
flex-basis: calc((100% - 4px) / 2);
}
}
.m-tab__link {
background-color: #FFF;
border-bottom: 4px solid rgba(51, 51, 51, 0.1);
display: block;
height: 100%;
padding: 15px;
text-align: center;
width: 100%;
}
@media print, screen and (min-width: 768px) {
.m-tab__link {
padding: 20px 8px;
}
}
.m-tab__link[aria-current] {
border-color: rgba(51, 51, 51, 1);
pointer-events: none;
}
@media print, screen and (min-width: 768px) {
.m-tab__link:hover,
.m-tab__link:focus {
border-color: rgba(0, 97, 68, 0.1);
color: #006144;
}
.m-tab__link[aria-current]:hover,
.m-tab__link[aria-current]:focus {
border-color: rgba(0, 97, 68, 1);
}
}
.m-more {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-more {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
}
.m-more__body {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: hidden;
transition-property: height;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.m-more__btn__wrap.m-btn {
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.m-more__btn {
margin-left: auto;
margin-right: auto;
min-width: calc((400% - 8 * var(--gap))/12) !important;
}
@media print, screen and (max-width: 767px) {
.m-more__btn {
width: 100%;
margin-left: 0.75rem;
margin-right: 0.75rem;
}
}
.m-more__btn.btn-secondary:active,.m-more__btn.btn-secondary:focus,
.m-more__btn:focus-visible {
background-color: inherit !important;
color: var(--color-text);
border-color: var(--color-border);
}
.m-more__btn::before,.m-more__btn::after {
content: "";
display: inline-block;
position: absolute;
background-color: #5c5c5c !important;
-webkit-mask-image: none !important;
width: 12px !important;
height: 2px !important;
top: 50%;
right: 0.5rem;
transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translateX(-50%) rotate(90deg);
}
.m-more__btn.-open::before {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1),cubic-bezier(0.075, 0.82, 0.165, 1);
transform: translateX(-50%) rotate(-90deg);
opacity: 0;
}
.m-more__btn::after {
right: 1rem;
transform: translateX(-50%) rotate(0deg);
}
/* .m-more__btn:hover .m-more__btn-label--open::before,
.m-more__btn:hover .m-more__btn-label--open::after,
.m-more__btn:hover .m-more__btn-label--close::before, .m-more__btn:active .m-more__btn-label--open::before,
.m-more__btn:active .m-more__btn-label--open::after,
.m-more__btn:active .m-more__btn-label--close::before, .m-more__btn:focus .m-more__btn-label--open::before,
.m-more__btn:focus .m-more__btn-label--open::after,
.m-more__btn:focus .m-more__btn-label--close::before {
background-color: #018463;
} */
/* .m-more__btn-label--open, .m-more__btn-label--close {
position: relative;
padding-top: 0.0625rem;
padding-right: 0.75rem;
padding-bottom: 0.0625rem;
padding-left: 0.0625rem;
} */
/* .m-more__btn-label--open::before, .m-more__btn-label--open::after {
content: "";
display: inline-block;
position: absolute;
background-color: #000000;
width: 0.75rem;
height: 0.0625rem;
right: -10px;
top: 50%;
transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0s;
}
.m-more__btn-label--open::before {
transform: translateX(-50%) rotate(0deg);
}
.m-more__btn-label--open::after {
transform: translateX(-50%) rotate(90deg);
} */
.m-more__btn-label--close {
display: none;
}
/* .m-more__btn-label--close::before {
content: "";
display: inline-block;
position: absolute;
background-color: #000000;
width: 0.75rem;
height: 0.0625rem;
right: -10px;
top: 50%;
transform: translateX(-50%) rotate(0deg);
transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0s;
} */
.m-more__btn.-open .m-more__btn-label--open {
display: none;
}
.m-more__btn.-open .m-more__btn-label--close {
display: inline;
}
.m-more .m-paragraph,.m-more .m-paragraph .m-paragraph__title {
margin-top: 0;
}
.m-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.4s;
z-index: 300;
/* backdrop-filter: blur(8px);
padding: 5rem var(--container-padding); */
}
.m-modal.-video {
padding: 0;
}
.m-modal.-hide {
visibility: hidden;
opacity: 0;
}
.m-modal__close {
position: absolute;
top: 3rem;
right: 0.5rem;
background: none;
box-shadow: none;
border: none;
z-index: 1;
overflow: visible;
}
.m-modal__close__text {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
.m-modal__close::before, .m-modal__close::after {
content: "";
display: inline-block;
position: absolute;
background-color: #ffffff;
/* width: 30px;
height: 2px;
top: -2.3rem;
right: -16px; */
width: 1.25rem;
height: 0.0625rem;
top: -2.5625rem;
right: -16px;
}
.m-modal__close::before {
transform: translateX(-50%) rotate(45deg);
}
.m-modal__close::after {
transform: translateX(-50%) rotate(135deg);
}
@media print, screen and (min-width: 768px) {
.m-modal__close {
right: 0.5rem;
}
}
.m-modal__container {
width: 100%;
position: relative;
max-width: 1184px;
margin-left: 0;
margin-right: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-modal__container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.m-modal.-video .m-modal__container {
max-width: 1184px;
overflow: hidden;
}
.m-modal.-iframe .m-modal__container, .m-modal.-video .m-modal__container {
width: 100%;
}
.m-modal.-iframe .m-modal__container {
height: 100%;
max-height: calc(100vh - 11rem);
}
.m-modal__contents {
height: 100%;
}
.m-modal__contents .m-youtube {
margin-top: 0;
margin-bottom: 0;
}
.m-modal.-iframe .m-modal__contents, .m-modal.-video .m-modal__contents {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.m-modal__body {
position: relative;
background-color: #ffffff;
overflow-y: auto;
max-height: calc(100vh - 11rem);
padding-top: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
}
@media print, screen and (min-width: 768px) {
.m-modal__body {
max-height: calc(100vh - 4rem);
padding-left: 2rem;
padding-right: 2rem;
}
}
.m-modal.-video .m-modal__body {
max-height: unset;
}
.m-modal.-iframe .m-modal__body, .m-modal.-video .m-modal__body {
height: 100%;
overflow: hidden;
padding: 1rem 2rem;
}
.m-modal.-iframe .m-modal__body iframe, .m-modal.-video .m-modal__body iframe {
border: none;
width: 100%;
height: 100%;
vertical-align: top;
}
.m-modal__overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, .48);
cursor: pointer;
}
/* @media print, screen and (min-width: 768px) {
.m-modal__body {
padding: 4rem 2rem;
max-height: calc(100vh - 4rem);
}
} */
.m-modal__body {
padding: 4rem 2rem;
max-height: calc(100vh - 4rem);
/* padding-left: 2rem;
padding-right: 2rem; */
}
.m-modal__body .m-btn {
margin-bottom: 0;
display: block;
}
.m-specPanel__text {
font-size: 0.75rem;
line-height: 1.3333;
text-align: center;
}
.m-specPanel__link {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 64px;
border-radius: 2px;
color: #ffffff;
/* background: #333333; */
background: linear-gradient(90deg, rgb(51, 51, 51) 0%,rgb(51, 51, 51) 100%);
/* transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); */
padding-top: 0.625rem;
padding-right: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
transition-duration: 0.4s;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.m-specPanel__link:hover {
color: #fff;
}
.m-specPanel__link:hover, .m-specPanel__link:active, .m-specPanel__link:focus {
background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
}
.m-specPanel__link:active {
transform: translateY(2px);
}
.m-specPanel .row {
margin-top: -0.625rem;
margin-right: -0.625rem;
margin-bottom: -0.625rem;
margin-left: -0.625rem;
}
.m-specPanel .col {
padding-top: 0.625rem;
padding-right: 0.625rem;
padding-bottom: 0.625rem;
padding-left: 0.625rem;
}
@media print, screen and (min-width: 768px) {
.m-specPanel__text {
font-size: 0.875rem;
}
}
.m-map {
margin-top: 2rem;
margin-bottom: 4rem;
page-break-inside: avoid;
}
@media print, screen and (min-width: 768px) {
.m-map {
margin-top: 3rem;
margin-bottom: 5rem;
}
}
.m-map__head {
margin-bottom: 2rem;
}
@media print, screen and (min-width: 768px) {
.m-map__head {
margin-bottom: 3rem;
}
}
.m-map__body {
position: relative;
padding-top: 100%;
margin-left: -1rem;
margin-right: -1rem;
}
@media print, screen and (min-width: 768px) {
.m-map__body {
padding-top: 75%;
margin-left: 0;
margin-right: 0;
}
}
.m-map__body .sample {
font-size: 16px;
}
.m-map__map {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.m-map__foot {
margin-top: 2rem;
margin-left: -1rem;
margin-right: -1rem;
}
@media print, screen and (min-width: 768px) {
.m-map__foot {
margin-left: 0;
margin-right: 0;
}
}
.m-map__caption {
color: #333333;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
}
.-complete .m-filter__attention {
display: none;
}
/* .m-filter__condition {
margin-bottom: 2.375rem;
} */
.m-filter__condition .-disabled .m-form__label {
opacity: 0.5;
}
@media print, screen and (min-width: 768px) {
.m-filter__condition > ol {
display: flex;
justify-content: flex-start;
}
.m-filter__condition > ol > li {
flex: 1;
margin-right: 1.875rem;
max-width: 256px;
}
.m-filter__condition > ol > li:last-child {
margin-right: 0;
}
}
.m-filter__link .btn-link {
font-size: 1.5rem;
margin-bottom: 1.25rem;
}
.m-filter__link__image {
margin-bottom: 1.625rem;
}
@media print, screen and (min-width: 768px) {
.m-filter__link {
display: block;
}
.m-filter__link .btn-link {
margin-right: 0;
padding-top: 0.25rem;
margin-bottom: 1.125rem;
}
.m-filter__link__image {
width: 15.9375rem;
margin-right: 1.875rem;
flex-shrink: 0;
}
}
.m-filter__result__inner {
display: none;
flex-direction: column;
}
.-complete .m-filter__result__inner {
display: flex;
}
@media print, screen and (min-width: 768px) {
.m-filter__result__inner {
flex-direction: row;
}
}
.m-filter__result__info {
order: 2;
}
.m-filter .m-form--select {
margin-bottom: 1rem;
}
.m-filter__related .m-link-list__body {
margin-top: 0;
}
.m-filter__related .m-link-list__body ul > li {
margin-bottom: 0;
margin-right: 1rem;
display: inline-flex;
}
.m-filter__related .m-link-list__body ul > li .btn-link__inner {
margin-bottom: 0;
}
.m-filter__related__title {
margin-bottom: 0.5rem;
}
.m-list-tag {
margin-top: 1.25rem;
}
.m-filter__result__description {
margin-top: 1.25rem;
line-height: 1.5;
}
.m-filter__result__description + .m-list-tag {
margin-top: 0.5rem;
}
.m-dm-filter {
position: relative;
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding-top: 48px;
}
@media print, screen and (min-width: 768px) {
.m-dm-filter {
flex-wrap: nowrap;
}
}
.m-dm-filter__trigger {
width: 100%;
background-color: rgba(0, 0, 0, 0.06);
}
.m-dm-filter__trigger__button {
position: relative;
width: 100%;
border: none;
box-shadow: none;
padding: 18px 8px;
text-align: center;
}
@media print, screen and (max-width: 767px) {
.m-dm-filter__trigger {
margin-bottom: 48px;
}
}
.m-dm-filter__trigger__text {
font-size: 1.125rem;
line-height: 1.5;
}
.m-dm-filter__trigger .m-dm-filter__trigger__button::after {
content: "";
position: absolute;
border-top: 2px solid #333333;
border-right: 2px solid #333333;
width: 0.75rem;
height: 0.75rem;
top: 0;
bottom: 0;
margin: auto;
}
.m-dm-filter__trigger.-open .m-dm-filter__trigger__button::after {
right: 1.6875rem;
transform: rotate(45deg);
}
.m-dm-filter__trigger.-close .m-dm-filter__trigger__button::after {
left: 1.6875rem;
transform: rotate(-135deg);
}
@media print, screen and (min-width: 768px) {
.m-dm-filter__trigger {
display: none;
}
}
.m-dm-filter__count {
display: none;
text-align: center;
background: rgba(245, 245, 245, 1);
margin-bottom: 3rem;
padding-top: 1.0625rem;
padding-right: 0.625rem;
padding-bottom: 0.9375rem;
padding-left: 0.625rem;
}
.m-dm-filter__count__text {
font-size: 1.125rem;
margin-bottom: 0;
line-height: 2;
}
.m-dm-filter__count__number {
font-size: 1.875rem;
display: block;
line-height: 1.5;
font-weight: 400;
}
@media print, screen and (min-width: 768px) {
.m-dm-filter__count {
display: block;
}
}
.m-dm-filter__condition__wrap {
position: fixed;
width: 100%;
flex-shrink: 0;
transform: translateX(calc(100% + 24px));
top: 0;
left: 0;
right: 0;
margin: 0 auto;
transition: transform 0.4s;
background-color: #ffffff;
z-index: 1;
}
.m-dm-filter__condition__wrap .m-form__exp {
margin-left: 0.625rem;
}
@media print, screen and (min-width: 768px) {
.m-dm-filter__condition__wrap {
position: static;
width: 16rem;
margin-right: 2.5rem;
min-height: auto;
transform: none;
}
}
.m-dm-filter__form {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
@media print, screen and (min-width: 768px) {
.m-dm-filter__form {
padding: 0;
}
}
.m-form.m-form--select {
margin-bottom: 1rem;
}
.m-form.m-form--check-list {
padding-top: 32px;
padding-bottom: 32px;
margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
.m-form.m-form--check-list {
padding: 32px 0 48px;
}
}
.m-dm-filter__form .m-form-inner .row {
grid-template-columns: 1fr;
margin-top: 0;
margin-bottom: 0;
}
@media print, screen and (max-width: 767px) {
.m-dm-filter__form .m-form-inner .row {
gap: 1rem;
}
}
.m-dm-filter__form .m-form-inner .row .col {
padding: 0;
}
.m-dm-filter.-open .m-dm-filter__condition__wrap {
transform: translateX(0);
height: 100%;
overflow: auto;
}
.m-dm-filter__button-area {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 1.5rem;
gap: 20px;
}
.m-dm-filter__button-area__button {
/* border: 1px solid #c8c8c8; */
box-shadow: none;
border-radius: 3px;
font-size: 1rem;
background-color: rgba(0, 0, 0, 0.06);
color: #000;
width: 100%;
padding: 1rem 0.5rem;
text-align: center;
}
.m-dm-filter__button-area__button.-search {
border: 1px solid #c8c8c8;
background: #333;
border: none;
color: #ffffff;
}
@media print, screen and (min-width: 768px) {
.m-dm-filter__button-area {
display: none;
}
}
.m-muuri__item {
width: 32%;
display: block;
z-index: 1;
margin-right: 1%;
}
[data-script-enabled=true] .m-muuri {
position: relative;
display: flex;
width: 100%;
z-index: 0;
}
[data-script-enabled=true] .m-muuri__item {
position: absolute;
}
.js-table-sort .m-table__cell__button{
color: #000;
}
.m-muuri__item .m-paragraph__body > p {
line-height: 1.5;
}
.m-hero-panel {
position: relative;
page-break-inside: avoid;
}
@media print,screen and (min-width: 768px) {
.m-hero-panel {
margin-top:7.5rem;
margin-bottom: 7.5rem;
}
}
@media screen and (max-width: 767px) {
.m-hero-panel {
margin-top:5rem;
margin-bottom: 5rem;
}
}
@media print,screen and (min-width: 768px) {
.m-hero-panel__img {
transition:opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
}
.m-hero-panel__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.m-hero-panel__box {
opacity: 0;
transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media print,screen and (min-width: 768px) {
.m-hero-panel__box {
max-width:480px;
width: 38vw;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
@media screen and (max-width: 767px) {
.m-hero-panel__box {
margin-top:-3px;
position: relative;
}
}
@media screen and (min-width: 768px)and (max-width: 1279px) {
.m-hero-panel__box .m-title-hero__body {
font-size:4vw;
}
.m-hero-panel__box .m-title-hero__body small {
font-size: 1.25vw;
}
}
.m-hero-panel__box .m-title-hero__body span:after {
content: "";
-webkit-mask-image: var(--i-circle-r, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: .85em;
height: .85em;
background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
margin-left: .5rem;
margin-bottom: -3px;
}
@media screen and (min-width: 768px)and (max-width: 1279px) {
.m-hero-panel__box .m-title-hero__secondary {
font-size:1.25vw;
}
}
@media screen and (max-width: 767px) {
.m-hero-panel__box .m-title-hero__secondary {
display:block;
}
}
@media screen and (max-width: 767px) {
.m-hero-panel.-left .m-hero-panel__img {
margin-right:calc(var(--container-padding)*-1);
/* margin-left: calc(var(--col-width)*2 + var(--gutter)*4); */
margin-left: calc(29px + var(--gutter)*4);
}
}
.m-hero-panel.-right .m-hero-panel__box {
right: 0;
}
@media screen and (max-width: 767px) {
.m-hero-panel.-right .m-hero-panel__box .m-title-hero__body:before {
margin-left:inherit;
margin-right: calc(var(--container-padding)*-1);
}
}
@media screen and (max-width: 767px) {
.m-hero-panel.-right .m-hero-panel__img {
margin-left:calc(var(--container-padding)*-1);
margin-right: calc(29px + var(--gutter)*4);
}
}
.m-hero-panel[inview] .m-hero-panel__box {
opacity: 1;
}
@media print,screen and (min-width: 768px) {
.m-hero-panel a:hover {
color:inherit;
}
a:hover .m-hero-panel__img {
opacity: .6;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
@media print {
.m-hero-panel__box {
width: 40%;
}
}
.m-title-hero__body {
margin-top: 0;
margin-bottom: 0;
font-family: var(--font-bold, sans-serif);
font-weight: 700;
}
@media print,screen and (min-width: 768px) {
.m-title-hero__body {
font-size:45px;
}
}
@media screen and (max-width: 767px) {
.m-title-hero__body {
font-size:32px;
line-height: 1.25;
}
}
.m-title-hero__body span {
display: block;
}
@media print,screen and (min-width: 768px) {
.m-title-hero__body span {
font-size:clamp(32px,3.25vw,40px);
}
}
.m-title-hero__body small {
display: block;
}
@media print,screen and (min-width: 768px) {
.m-title-hero__body small {
font-size:clamp(12px,1.25vw,16px);
}
}
@media screen and (max-width: 767px) {
.m-title-hero__body small {
font-size:14px;
}
}
.m-title-hero__secondary {
margin-top: clamp(1rem,1.75vw,1.5rem);
font-size: clamp(12px,1.25vw,16px);
}
.m-title-hero__secondary *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.m-title-hero__secondary {
display:none;
}
}
.m-title-hero__body:before {
content: "";
width: .1%;
display: block;
transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
background-size: 1000% 100%;
}
@media print,screen and (min-width: 768px) {
.m-title-hero__body:before {
height:5px;
margin-bottom: clamp(1rem,2.25vw,2rem);
}
}
@media screen and (max-width: 767px) {
.m-title-hero__body:before {
height:3px;
margin-bottom: 1.5rem;
margin-left: calc(var(--container-padding)*-1);
}
}
[inview=true] .m-title-hero__body:before {
background-size: 100% 100%;
}
@media print,screen and (min-width: 768px) {
[inview=true] .m-title-hero__body:before {
width:100%;
}
}
@media screen and (max-width: 767px) {
[inview=true] .m-title-hero__body:before {
width:calc(100% + var(--container-padding));
}
}
.c-hero-mv {
margin-left: calc(var(--container-padding)*-1)
}
@media screen and (min-width: 1218px) {
.c-hero-mv {
margin-left:calc(560px - var(--vw)*50);
}
}
.c-hero {
position: relative;
}
.c-hero.--nocarousel .splide__controls,
.c-hero.--nocarousel .splide__arrows{
display: none;
}
.l-mv-area .c-hero .c-carousel {
margin-right: calc(var(--container-padding)*-1);
}
@media print,screen and (min-width: 768px) {
.c-hero-mv {
margin-top: 25px;
margin-bottom:88px;
}
}
@media screen and (max-width: 767px) {
.c-hero-mv {
margin-bottom:5rem;
margin-right: calc(1.5rem*-1);
}
}
@media print,screen and (min-width: 768px) {
.c-hero-mv .c-carousel__body {
aspect-ratio:1468/540;
}
}
@media screen and (max-width: 767px) {
.l-mv-area .c-hero .c-carousel {
margin-left: calc(var(--container-padding)*-1);
}
}
@media screen and (min-width: 1218px) {
.l-mv-area .c-hero .c-carousel {
margin-right: calc(560px - var(--vw)*50);
}
}
.c-hero-mv .c-carousel__prev,.c-hero-mv .c-carousel__next {
display: none;
}
.c-hero-mv .c-carousel__arrows .c-carousel__prev,
.c-hero-mv .c-carousel__arrows .c-carousel__next {
display: block;
}
.c-hero-mv__box {
position: relative;
transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
color: var(--color-text-white);
line-height: 1.5;
}
@media print,screen and (min-width: 768px) {
.c-hero-mv__box {
height:100%;
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media screen and (min-width: 1280px) {
.c-hero-mv__box {
margin-left:4rem;
width: 340px;
}
.c-hero-mv__box p {
font-size: 14px;
}
}
@media screen and (min-width: 768px)and (max-width: 1279px) {
.c-hero-mv__box {
margin-left:2.5rem;
width: 30vw;
max-width: 320px;
}
.c-hero-mv__box p {
font-size: 1.1vw;
}
}
@media screen and (max-width: 767px) {
.c-hero-mv__box {
padding-top:14.4vw;
padding-left: 8.3%;
padding-right: 8.3%;
max-height: 100%;
}
.c-hero-mv__box p {
font-size: 3.6vw;
}
}
.c-hero-mv__box img {
width: 100%;
}
.c-hero-mv__box p {
margin-top: 1rem;
margin-bottom: 0;
line-height: 1.75;
}
.c-hero-mv__box[aria-hidden=true] {
opacity: 0;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.c-hero-mv__box.-black {
color: var(--color-text);
}
@media screen and (max-width: 767px) {
.c-hero-mv__box.-black {
display: none;
}
}
.c-hero-mv__line {
display: block;
height: 8px;
width: .1%;
background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
background-size: 1000% 100%;
transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
}
.c-hero-mv__body {
opacity: 0;
transition: opacity .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2s;
}
.c-hero-mv[inview=true][ready=true] .c-hero-mv__line {
width: 100%;
background-size: 100% 100%;
}
.c-hero-mv[inview=true][ready=true] .c-hero-mv__body {
opacity: 1;
}
@media print {
.c-hero-mv {
margin-left: 0;
}
.c-hero-mv__box {
width: 27%;
margin-left: 2.5rem;
}
}
body:not([data-init]) .l-primary,body:not([data-init]) .l-secondary {
visibility: hidden;
}
/** ---- .c-hero-panel ---- **/
.c-hero-panel {
position: relative;
page-break-inside: avoid;
margin-top: 5rem;
margin-bottom: 5rem;
}
.c-hero-panel__img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.c-hero-panel__box .c-title-hero__body span:after {
content: "";
-webkit-mask-image: var(--i-circle-r, url(""));
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
display: inline-block;
width: 0.85em;
height: 0.85em;
background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
margin-left: 0.5rem;
margin-bottom: -3px;
}
@media print,screen and (min-width: 768px) {
.c-hero-panel {
margin-top: 7.5rem;
margin-bottom: 7.5rem;
}
.c-hero-panel a:hover {
color: inherit;
}
.c-hero-panel__box {
top:70%;
max-width: 480px;
width: 38vw;
position: absolute;
transform: translateY(-50%);
}
.c-hero-panel.-right .c-hero-panel__box {
right: 0;
}
.c-hero-panel__box .c-title-hero__body {
font-size: 4vw;
}
}
@media screen and (max-width: 767px) {
.c-hero-panel.-right .c-hero-panel__img {
margin-left: calc(var(--container-padding)*-1);
margin-right: calc(29px + var(--gutter)*4);
}
.c-hero-panel.-left .c-hero-panel__img {
margin-right: calc(var(--container-padding)*-1);
margin-left: calc(29px + var(--gutter)*4);
}
.c-hero-panel .c-hero-panel__box .c-title-hero__body {
font-size:28px;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.c-hero-panel__box .c-title-hero__secondary {
font-size: 1.25vw;
}
}
@media print,screen and (min-width: 768px) {
.c-title-hero__body {
font-size:36px;
}
}
@media screen and (max-width: 767px) {
.c-title-hero__body {
font-size:28px;
}
}
.c-carousel {
position: relative;
}
.c-carousel__body {
position: relative;
height: auto;
}
@media print,screen and (min-width: 768px) {
.c-carousel__body {
aspect-ratio:1400/438;
}
}
@media screen and (max-width: 767px) {
.c-carousel__body {
aspect-ratio:1/1;
}
}
.c-carousel__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.c-carousel__item[href]:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%2040L40%200V40H0Z%22%20fill%3D%22%23ADADAD%22%2F%3E%0A%3Cpath%20d%3D%22M36.28%2028.08V28.048L32.28%2024.048L31.464%2024.864L34.184%2027.472H22.2V28.656H34.184L31.464%2031.264L32.28%2032.08L36.28%2028.08Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.c-carousel__item[aria-hidden=false] {
opacity: 1;
z-index: 10;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95),cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media print,screen and (min-width: 768px) {
.c-carousel__item[aria-hidden=false][href]:hover {
opacity:.8;
}
}
.c-carousel__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
object-position: center;
}
@media print,screen and (min-width: 768px) {
.c-carousel__img {
transition:opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715),transform .4s cubic-bezier(0.47, 0, 0.745, 0.715);
}
}
.c-carousel__prev,.c-carousel__next {
position: absolute;
z-index: 11;
padding: 2rem;
top: 50%;
transform: translateY(-50%);
}
@media print,screen and (min-width: 768px) {
.c-carousel__prev,.c-carousel__next {
transition:opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
opacity: 0;
}
.c-carousel__prev:hover,.c-carousel__next:hover {
opacity: .4 !important;
transition-duration: .4s;
}
}
.c-carousel__prev:not(.-icon) svg *,.c-carousel__next:not(.-icon) svg * {
stroke: #f5f5f5;
}
@media screen and (max-width: 767px) {
.c-carousel__prev:not(.-icon),.c-carousel__next:not(.-icon) {
display:none;
}
}
.c-carousel__prev.-icon svg,.c-carousel__next.-icon svg {
width: 40px;
height: 40px;
background-color: rgba(255,255,255,.64);
}
.c-carousel__prev.-icon svg *,.c-carousel__next.-icon svg * {
fill: #5c5c5c;
}
.c-carousel__prev {
left: 0;
}
.c-carousel__prev.-icon {
padding-left: 0;
}
.c-carousel__prev.-icon:after {
-webkit-mask-image: var(--i-arrow_l, none);
}
.c-carousel__next {
right: 0;
}
.c-carousel__next.-icon {
padding-right: 0;
}
.c-carousel__next.-icon:after {
-webkit-mask-image: var(--i-arrow_r, none);
}
@media print,screen and (min-width: 768px) {
.c-carousel:hover .c-carousel__prev,.c-carousel:hover .c-carousel__next {
opacity:1;
transition-duration: 1.2s;
}
}
.c-carousel__controller {
display: flex;
justify-content: end;
align-items: center;
height: 3rem;
z-index: 11;
position: absolute;
right: 0;
}
.c-carousel__bullet {
display: flex;
}
.c-carousel__bullet button {
width: 36px;
height: 36px;
padding: 2px;
display: flex;
align-items: center;
}
.c-carousel__bullet button:before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: .48;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-carousel__bullet button[aria-selected=true]:before {
opacity: 1;
}
@media print,screen and (min-width: 768px) {
.c-carousel__bullet button:hover:before {
opacity:1;
background-color: #01916d;
}
}
.c-carousel__toggle {
width: 36px;
height: 36px;
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
}
.c-carousel__toggle-play {
display: grid;
}
.c-carousel__toggle svg * {
fill: var(--color-text-secondary);
transition: fill .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media print,screen and (min-width: 768px) {
.c-carousel__toggle:hover svg * {
fill:#01916d;
}
}
.c-carousel__bottom {
position: absolute;
z-index: 11;
top: 0;
display: flex;
align-items: center;
height: 100%;
width: 100%;
pointer-events: none;
}
@media print {
.c-carousel__body {
aspect-ratio: initial !important;
}
.c-carousel__controller,.c-carousel__prev,.c-carousel__next {
display: none;
}
.c-carousel__item {
position: initial !important;
transition: none !important;
}
.c-carousel__item[aria-hidden=true] {
display: none;
}
.c-carousel__img {
position: initial !important;
object-fit: initial !important;
}
}
.c-hero {
position: relative;
page-break-inside: avoid;
}
.c-hero__box {
opacity: 0;
transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media print,screen and (min-width: 768px) {
.c-hero__box {
width:42%;
max-width: 480px;
min-width: 310px;
}
}
@media screen and (max-width: 767px) {
.c-hero .c-hero__box .c-title-hero {
padding-left: var(--container-padding);
}
.c-hero__box {
width:100%;
align-self: end;
}
}
.c-hero__box[aria-hidden=false] {
transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
opacity: 1;
}
.c-carousel__prev,.c-carousel__next {
position: absolute;
z-index: 11;
padding: 2rem;
top: 50%;
transform: translateY(-50%);
}
@media print,screen and (min-width: 768px) {
.c-carousel__prev,.c-carousel__next {
transition:opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
opacity: 0;
}
.c-carousel__prev:hover,.c-carousel__next:hover {
opacity: .4 !important;
transition-duration: .4s;
}
}
.c-carousel__prev:not(.-icon) svg *,.c-carousel__next:not(.-icon) svg * {
stroke: #f5f5f5;
}
@media screen and (max-width: 767px) {
.c-carousel__prev:not(.-icon),.c-carousel__next:not(.-icon) {
display:none;
}
}
.c-carousel__prev.-icon svg,.c-carousel__next.-icon svg {
width: 40px;
height: 40px;
background-color: rgba(255,255,255,.64);
}
.c-carousel__prev.-icon svg *,.c-carousel__next.-icon svg * {
fill: #5c5c5c;
}
.c-carousel__prev {
left: 0;
}
.c-carousel__prev.-icon {
padding-left: 0;
}
.c-carousel__prev.-icon:after {
-webkit-mask-image: var(--i-arrow_l, none);
}
.c-carousel__next {
right: 0;
}
.c-carousel__next.-icon {
padding-right: 0;
}
.c-carousel__next.-icon:after {
-webkit-mask-image: var(--i-arrow_r, none);
}
@media print,screen and (min-width: 768px) {
.c-carousel:hover .c-carousel__prev,.c-carousel:hover .c-carousel__next {
opacity:1;
transition-duration: 1.2s;
}
}
.c-carousel__controller {
display: flex;
justify-content: end;
align-items: center;
height: 3rem;
z-index: 11;
position: absolute;
right: 0;
}
.c-carousel__bullet {
display: flex;
}
.c-carousel__bullet button {
width: 36px;
height: 36px;
padding: 2px;
display: flex;
align-items: center;
}
.c-carousel__bullet button:before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: .48;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-carousel__bullet button[aria-selected=true]:before {
opacity: 1;
}
@media print,screen and (min-width: 768px) {
.c-carousel__bullet button:hover:before {
opacity:1;
background-color: #01916d;
}
}
.c-slider {
position: relative;
}
.c-slider__body {
display: flex;
}
@media print,screen and (min-width: 768px) {
.c-slider__body {
width:calc(100% + var(--gutter)*2);
margin-left: calc(var(--gutter)*-1);
margin-right: calc(var(--gutter)*-1);
}
}
@media screen and (max-width: 767px) {
.c-slider__body {
overflow-x:scroll;
overflow-y: hidden;
margin-left: calc(var(--container-padding)*-1);
margin-right: calc(var(--container-padding)*-1);
margin-bottom: -1.5rem;
padding-left: calc(var(--container-padding));
padding-right: calc(var(--container-padding) - var(--gutter)*2);
padding-bottom: 1.5rem;
}
}
.c-slider__item {
flex-shrink: 0;
}
@media print,screen and (min-width: 768px) {
.c-slider__item {
width:calc(33.3333333333% - .01px);
padding-left: var(--gutter);
padding-right: var(--gutter);
opacity: 0;
visibility: hidden;
transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.c-slider__item[disabled=false] {
visibility: visible;
opacity: 1;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
}
@media screen and (max-width: 767px) {
.c-slider__item {
width:75%;
margin-right: calc(var(--gutter)*2);
}
}
.c-slider__item .c-card {
display: block;
padding: 1rem;
}
.c-slider__item .c-card .c-headline {
font-size: 16px;
font-size: var(--font-medium);
}
.c-slider__item .c-card .m-wysiwyg {
font-size: 14px;
}
@media print,screen and (min-width: 768px) {
.c-slider.-sm .c-slider__item {
width:25%;
}
}
.c-slider__prev,.c-slider__next {
position: absolute;
z-index: 11;
top: calc(50% - 3.5rem);
min-width: auto;
width: 40px;
height: 40px;
padding: 0;
font-size: 30px;
background-color: rgba(0,0,0,0);
}
.c-slider__prev:after,.c-slider__next:after {
position: unset;
}
.c-slider__prev:hover,.c-slider__next:hover {
opacity: .4;
}
.c-slider__prev {
left: calc(var(--gutter)*-1);
transform: translate(-100%, -50%);
}
.c-slider__prev:after {
-webkit-mask-image: var(--i-arrow_l, none);
}
.c-slider__next {
right: calc(var(--gutter)*-1);
transform: translate(100%, -50%);
}
@media screen and (max-width: 1279px) {
.c-slider__prev {
left:0;
}
.c-slider__next {
right: 0;
}
}
.c-slider__controller {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
}
@media print,screen and (min-width: 768px) {
.c-slider__controller {
margin-top:2rem;
}
}
@media screen and (max-width: 767px) {
.c-slider__controller {
margin-top:1.5rem;
}
}
.c-slider__bullet {
display: flex;
}
.c-slider__bullet button {
width: 36px;
height: 36px;
padding: 2px;
display: flex;
align-items: center;
}
.c-slider__bullet button:before {
content: "";
width: 100%;
height: 3px;
background-color: #000;
opacity: .2;
transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1),background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-slider__bullet button[aria-selected=true]:before {
opacity: 1;
}
@media print,screen and (min-width: 768px) {
.c-slider__bullet button:hover:before {
opacity:1;
background-color: #01916d;
}
}
@media print {
.c-slider__prev,.c-slider__next,.c-slider__controller {
display: none;
}
}
.c-title-hero__body {
margin-top: 0;
margin-bottom: 0;
font-family: var(--font-bold, sans-serif);
font-weight: 700;
}
@media print,screen and (min-width: 768px) {
.c-title-hero__body {
font-size:45px;
}
}
@media screen and (max-width: 767px) {
.c-title-hero__body {
font-size:32px;
line-height: 1.25;
}
}
.c-title-hero__body span {
display: block;
}
@media print,screen and (min-width: 768px) {
.c-title-hero__body span {
font-size:clamp(32px,3.25vw,40px);
}
}
.c-title-hero__body small {
display: block;
}
@media print,screen and (min-width: 768px) {
.c-title-hero__body small {
font-size:clamp(12px,1.25vw,16px);
}
}
@media screen and (max-width: 767px) {
.c-title-hero__body small {
font-size:14px;
}
}
.c-title-hero__secondary {
margin-top: clamp(1rem,1.75vw,1.5rem);
font-size: clamp(12px,1.25vw,16px);
}
.c-title-hero__secondary *:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.c-title-hero__secondary {
display:none;
}
}
.c-title-hero__body:before {
content: "";
width: .1%;
display: block;
transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
background-size: 1000% 100%;
}
@media print,screen and (min-width: 768px) {
.c-title-hero__body:before {
height:5px;
margin-bottom: clamp(1rem,2.25vw,2rem);
}
}
@media screen and (max-width: 767px) {
.c-title-hero__body:before {
height:3px;
margin-bottom: 1.5rem;
margin-left: calc(var(--container-padding)*-1);
}
.c-hero-panel.-right .c-hero-panel__box .c-title-hero__body:before {
margin-left: inherit;
margin-right: calc(var(--container-padding)*-1);
}
}
[inview=true] .c-title-hero__body:before {
background-size: 100% 100%;
width:100%;
}
/* splide */
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:flex;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;right:0;z-index:1}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display:none
}
.splide__toggle.is-active .splide__toggle__pause {
display:grid;
}
.splide__pagination__page {
background:#000;
border:0;
display:inline-block;
height:3px;
margin:3px;
opacity:.4;
padding:0;
position:relative;
transition:transform .2s linear, opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
width: 26px;
}
.splide__pagination__page.is-active {
opacity: 1;
z-index:1
}
.splide__pagination__page:hover{
background-color: #01916d;
cursor:pointer;
opacity:1;
}
.splide__pagination__page:focus-visible{
outline:2px solid #000;
outline-offset:2px
}
.splide.is-focus-in .splide__pagination__page:focus{
outline:2px solid #000;
outline-offset:2px
}
.splide__controls {
position: absolute;
right: 0;
display: flex;
flex-direction: row-reverse;
}
p#footer_notice {
background-color: #f1f2f1;
}