: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: .6em;
}
sub
{
vertical-align: sub;
font-size: .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: .06em;
font-family: var(--font-normal,sans-serif);
scroll-behavior: smooth;
}
@media print
{
html, :root
{
color: #000;
}
}
@media print
{
html, :root
{
color: #000;
}
}
: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: #900;
--color-bg: #fff;
--color-bg-secondary: #f6f7f6;
--color-bg-secondary-a: rgba(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: .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: #000;
}
.-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: #333;
}
input
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input, button
{
color: #333;
}
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(.25,.46,.45,.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(.075,.82,.165,1);
}
a img, button img, label img
{
transition: opacity .4s cubic-bezier(.25,.46,.45,.94);
}
a:hover img, button:hover img, label:hover img
{
opacity: .6;
transition-timing-function: cubic-bezier(.075,.82,.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: .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,.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 .5s linear,visibility .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,.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,.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,.4);
}
}
.m-float-menu__child-list
{
padding: 16px 8px 16px 0;
background-color: rgba(255,255,255,.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,.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: 0;
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,#fff 0%,#fff 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,#fff 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: .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: .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: .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: .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: .75rem;
font-size: .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: .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: .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: .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 - .01px);
max-width: calc((100% / 3 - .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: .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: #fff;
background-color: #01916d;
display: block;
transition-property: background-color;
transition-duration: .4s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
padding-top: .625rem;
padding-right: .625rem;
padding-bottom: .625rem;
padding-left: .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,.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: .25em;
margin-top: -.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: .875rem;
margin-bottom: .25rem;
}
.m-link-list.-block .m-link-list__item
{
font-size: 1rem;
line-height: 1.2;
margin-bottom: .5rem;
}
.m-link-list.-block .m-link-list__anchor
{
display: block;
background-color: #333;
color: #fff;
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: .4s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
transition-delay: 0s;
padding-top: .9375rem;
padding-right: .9375rem;
padding-bottom: .75rem;
padding-left: .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 - .01px);
max-width: calc(100% / 3 - .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: .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: .25em;
margin-top: -.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: -.375rem;
margin-left: -.375rem;
}
.m-link-quick--column>[class*=col-]
{
display: block;
padding-right: .375rem;
padding-left: .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 - .01px);
max-width: calc(100% / 3 - .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 .4s cubic-bezier(.25,.46,.45,.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(.075,.82,.165,1);
}
a.btn-link img, a.btn-link--lg img
{
transition: opacity .4s cubic-bezier(.25,.46,.45,.94) 0s;
}
a.btn-link:hover img, a.btn-link--lg:hover img
{
opacity: .6;
transition-timing-function: cubic-bezier(.075,.82,.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: .25em;
margin-top: -.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.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 .4s cubic-bezier(.25,.46,.45,.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(.075,.82,.165,1);
}
a.btn-link-inline img
{
transition: opacity .4s cubic-bezier(.25,.46,.45,.94) 0s;
}
a.btn-link-inline:hover img
{
opacity: .6;
transition-timing-function: cubic-bezier(.075,.82,.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 #ccc;
transition: opacity .4s cubic-bezier(.785,.135,.15,.86);
}
@media print, screen and (min-width: 768px)
{
.m-link-block__link:hover, .m-link-block__link:active, .m-link-block__link:focus
{
opacity: .8;
}
}
.m-link-block__item
{
height: 100%;
}
.m-link-block__thumb
{
text-align: center;
}
.m-link-block__description
{
margin-top: .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: .5rem;
background-color: rgba(0,0,0,.25);
text-align: center;
transition: opacity .4s cubic-bezier(.075,.82,.165,1) 0s,transform .4s cubic-bezier(.6,.04,.98,.335) 0s;
bottom: .5rem;
bottom: calc(env(safe-area-inset-bottom) + 44px);
right: .5rem;
}
.m-page-top__btn::after
{
content: "";
background: url("/svg/8weu5k6p.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 .4s cubic-bezier(.075,.82,.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: -.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: -.5625rem;
margin-right: .75rem;
margin-left: .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: .25rem;
padding-right: .25rem;
}
.m-progress
{
margin-top: 2rem;
margin-bottom: 1rem;
}
.m-progress__body
{
border: 1px solid var(--color-border);
padding: 0 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: #858585;
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: .75rem;
padding-left: .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: .6875rem;
width: .5625rem;
height: .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 - .01px);
max-width: calc(100% / 3 - .01px);
width: calc(100% / 3 - .01px);
}
.m-progress__col--col-3
{
flex: 1 1 25%;
max-width: 25%;
width: 25%;
}
}
.m-progress__mark
{
position: absolute;
top: -.125rem;
left: 0;
font-size: 1.125rem;
color: #fff;
width: 1.875rem;
height: 1.875rem;
background-color: #d6d6d6;
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: .0625rem;
height: .625rem;
background-color: #8c8c8c;
position: absolute;
right: 0;
top: 50%;
margin-top: -.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: 80px;
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;
}
}
.m-breadcrumb--forHeader
{
margin-bottom: 0;
margin-top: 17px;
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: .5rem;
}
.m-breadcrumb__body>li:not(:last-child)>a
{
color: #515151;
}
.m-breadcrumb__body>li:not(:last-child)::after
{
content: "";
background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2216%22%20viewBox%3D%220%200%207%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L5.18655%207.05025C5.6731%207.75338%205.65883%208.68804%205.15105%209.37599L1%2015%22%20stroke%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fsvg%3E);
width: 7px;
height: 16px;
margin-left: .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: #000;
}
.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 .4s cubic-bezier(.25,.46,.45,.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(.075,.82,.165,1);
background-color: rgba(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: .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: .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: #333;
color: var(--color-text-white);
}
.m-btn .btn-primary::before
{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg,#239e7d 0%,#11906e 26.04%,#028462 51.46%,#0b8c62 76.06%,#26a464 100%);
opacity: 0;
transition: all .2s cubic-bezier(.25,.46,.45,.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: #333;
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: .25em;
margin-right: .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: .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% - .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 .4s cubic-bezier(.075,.82,.165,1) 0s;
}
.m-banner .row>.col a:hover, .m-banner .row>.col a:active, .m-banner .row>.col a:focus
{
opacity: .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: -.75rem;
margin-right: -.75rem;
margin-bottom: -.75rem;
margin-left: -.75rem;
}
}
@media print, screen and (min-width: 768px)
{
.m-banner--style_4column .row>.col
{
padding-top: .75rem;
padding-right: .75rem;
padding-bottom: .75rem;
padding-left: .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: .5rem;
}
.m-card__badge .m-badge
{
margin-bottom: .5rem;
}
.m-card__btn+.m-card__btn
{
margin-top: .75rem;
}
.m-card__btns .m-card__btn>.m-btn
{
margin-bottom: 0;
}
.m-card__btns .m-caption
{
margin-top: .25rem;
}
.m-card__btns+.m-card__btns
{
margin-top: .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 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: 0 0 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-card__title
{
font-size: 24px;
}
.m-vertical-card--style_3column .m-vertical-card__link
{
padding: 1.5rem;
}
.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-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: #fff;
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(.075,.82,.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: .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%;
}
} */
.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: .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: #808080;
}
.m-table--white .m-table__table
{
border-color: #ccc;
}
.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: #fff;
}
.m-table--black .m-table__tbody-row:nth-of-type(2n+1)
{
background-color: #fff;
}
.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: .875rem;
min-width: 80px;
border-width: 1px;
border-style: solid;
padding-top: .5rem;
padding-right: .5rem;
padding-bottom: .5rem;
padding-left: .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: #fff;
}
.m-table__cell--data
{
border-color: #ccc;
}
.m-table__cell__button
{
position: relative;
color: #fff;
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: -.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: .3125rem 0 0;
content: "❯";
}
.m-table__cell__button.-asc::before, .m-table__cell__button.-desc::after
{
color: #fff;
}
.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: .75rem;
margin-bottom: .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: 0;
}
}
@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 - .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: -.25rem;
margin-right: -.25rem;
margin-bottom: -.25rem;
margin-left: -.25rem;
}
@media print, screen and (min-width: 768px)
{
.m-img-layout__body
{
margin-top: -.5rem;
margin-right: -.5rem;
margin-bottom: -.5rem;
margin-left: -.5rem;
}
}
.m-img-layout__img
{
padding-top: .25rem;
padding-right: .25rem;
padding-bottom: .25rem;
padding-left: .25rem;
}
@media print, screen and (min-width: 768px)
{
.m-img-layout__img
{
padding-top: .5rem;
padding-right: .5rem;
padding-bottom: .5rem;
padding-left: .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 .4s cubic-bezier(.785,.135,.15,.86) 0s,visibility 0s cubic-bezier(.785,.135,.15,.86) .4s;
}
[data-js-content-header*=fiexd] .m-content-header__fiexd-arrow
{
display: inline-block;
border: 0;
background-color: transparent;
font-size: .875rem;
}
[data-js-content-header*=fiexd] .m-content-header__fiexd-arrow::before
{
display: block;
transition: transform .4s cubic-bezier(.785,.135,.15,.86) 0s;
transform: rotate(180deg);
}
[data-js-content-header*=fiexd--open] .m-content-header__wrap
{
transform: translateY(100%);
transition: transform .4s cubic-bezier(.785,.135,.15,.86) 0s;
}
[data-js-content-header*="--menu-open"] .m-content-header__menu
{
visibility: visible;
transform: translateY(0);
transition: transform .4s cubic-bezier(.785,.135,.15,.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: #fff;
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: #fff!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: .8125rem;
height: .8125rem;
position: relative;
top: .0625rem;
margin-left: .25rem;
background-image: url("/svg/7iypzbg5.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("/svg/w9njf8zo.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: .625rem;
height: .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,.4);
position: absolute;
visibility: hidden;
opacity: 0;
right: 0;
top: 2.5rem;
transform: translateY(-.5rem);
z-index: 50;
transition: transform .4s cubic-bezier(.785,.135,.15,.86) 0s,opacity .4s cubic-bezier(.785,.135,.15,.86) 0s,visibility 0s linear .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 .4s cubic-bezier(.785,.135,.15,.86) 0s,opacity .4s cubic-bezier(.785,.135,.15,.86) 0s,visibility .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: #fff;
}
.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: .125rem;
margin-left: .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: .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: .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: .5rem;
}
}
@media screen and (max-width: 767px)
{
.m-content-header__conversion
{
flex-direction: column;
}
.m-content-header__conversion>*
{
margin-top: .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: #fff;
color: #000;
}
}
.media-dtp .t-dark-title .m-content-header__body
{
background-color: #fff;
color: #000;
}
.m-content-header.t-dark-title .m-content-header__share-close, .m-content-header.t-dark-title .m-content-header__share-open
{
background-color: #333;
border-color: #8c8c8c;
color: #fff;
}
.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: #333!important;
}
.m-content-header.t-dark-title .m-content-header__share-open>span::after
{
background-image: url("/svg/nrnlbs8l.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("/svg/w9njf8zo.svg");
}
.m-content-header.t-dark-title .m-content-header__fiexd-arrow
{
color: #fff;
}
.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: #000;
}
.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: .875rem;
line-height: 1.5;
margin-top: .75rem;
margin-bottom: .75rem;
}
.m-box-inquiry
{
border: 4px solid #8c8c8c;
padding-top: .875rem;
padding-right: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
}
.m-box-inquiry__text
{
font-size: .875rem;
}
.m-box-field
{
page-break-inside: avoid;
background-color: #fff;/* 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 #333;
}
.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: .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 (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;
}
.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 (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: .75rem;
margin-bottom: .75rem;
}
li.m-caption
{
margin-top: .5rem;
margin-bottom: .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: .6875rem;
}
.m-note-list .m-caption__mark
{
display: table-cell;
padding-right: .3rem;
min-width: 2.5rem!important;
}
.m-note-list .m-caption__text
{
display: table-cell;
padding-top: .5rem;
padding-bottom: .5rem;
}
.m-note-list .m-caption .m-note
{
margin-top: .25rem;
margin-bottom: -.25rem;
}
.m-note-sup__link
{
color: #333;
font-family: var(--font-medium,sans-serif);
font-weight: 500;
}
.m-note-sup__sup
{
position: relative;
top: -.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: #fff;/* width: 2.5rem;*/
display: inline-block;
text-align: center;
margin-right: .5rem;
padding-top: .25rem;
padding-bottom: .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: .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(.075,.82,.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: #333;/* 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(.075,.82,.165,1);
}
.m-phone-number__freedial
{
display: inline-block;
width: 3.125rem;
margin-right: .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: .25em;
margin-top: -.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.m-download__filename
{
font-size: .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("/svg/cjlwriww.svg");
}
.m-download__filename.m-download__filename--document::before
{
background-image: url("/svg/4gcpafll.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: .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: .25em;
margin-top: -.15em;
vertical-align: middle;
background-color: var(--color-text-green);
}
.m-contact
{
display: block;
background-color: #fff;
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(.25,.46,.45,.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: 0 0 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: .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: .25rem;
padding-right: .5rem;
padding-bottom: .25rem;
padding-left: .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 - .01px);
max-width: calc(100% / 1.5 - .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 - .01px);
max-width: calc(100% / 3 - .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: -.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: .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: #fff;
border: 1px solid #d6d6d6;
}
.m-related-content__item:hover
{
box-shadow: 0 0 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: .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: 0;
margin-bottom: 0;
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 .4s cubic-bezier(.785,.135,.15,.86),transform .4s cubic-bezier(.785,.135,.15,.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("/svg/60hn7vop.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 .4s cubic-bezier(.25,.46,.45,.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: -.75rem;
margin-right: -.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: #333;
text-shadow: rgba(255,255,255,.4) 0 0 32px,rgba(255,255,255,.4) 0 0 16px,rgba(255,255,255,.4) 0 0 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: #fff;
text-shadow: rgba(0,0,0,.4) 0 0 32px,rgba(0,0,0,.4) 0 0 16px,rgba(0,0,0,.4) 0 0 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("/svg/60hn7vop.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: 0 0 32px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.4),0 0 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: 0 0 16px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 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: 0 0 16px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 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: 0 0 16px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.4),0 0 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(.25,.46,.45,.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,.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: 0 0 16px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.4),0 0 2px rgba(0,0,0,.3)!important;
}
.m-panel-links__item--style-white picture:after
{
background: linear-gradient(90deg,rgba(51,51,51,.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,.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: -.0625rem;
margin-right: -.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: 0 0 32px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.4),0 0 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: 0 0 32px rgba(0,0,0,.4),0 0 16px rgba(0,0,0,.4),0 0 8px rgba(0,0,0,.4);
}
.m-feature-large--style-white .btn-primary
{
color: #fff;
text-shadow: 0 0 16px #000,0 0 8px rgba(0,0,0,.8),0 0 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: 0 0 32px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.4),0 0 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(.25,.46,.45,.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: .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: .125rem;
padding-left: .0625rem;
padding-right: .0625rem;
}
}
@media screen and (max-width: 767px)
{
.m-feature-large__btn:not(:first-child)
{
margin-top: .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: #333;
}
}/* @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,.5),0 2px 20px #fff;
}
}
@media print, screen and (min-width: 768px)
{
.m-feature-large--style-white
{
color: #fff;
}
}/* @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,.3),0 0 20px rgba(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: #fff;
color: #000;
}
}
.media-dtp .m-feature-medium__body
{
background-color: #fff;
color: #000;
}
.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: .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: 0 0 16px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 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(.075,.82,.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: 0 0 16px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.6),0 0 2px rgba(255,255,255,.5);
}
.m-feature-small__label
{
top: 50%;
transform: translateY(-50%);
text-shadow: 0 1px 2px rgba(255,255,255,.5),0 2px 20px #fff;
}
}
@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: .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: 0 0 32px rgba(0,0,0,.4),0 0 16px rgba(0,0,0,.4),0 0 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: #fff;/* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.5);*/
text-shadow: 0 0 32px rgba(0,0,0,.4),0 0 16px rgba(0,0,0,.4),0 0 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,.3),0 0 20px rgba(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: .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("/svg/60hn7vop.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,#fff 0%,#fff 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,#fff 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,#fff 0%,#fff 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,#fff 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: .5rem;
line-height: 1;
display: inline-block;
width: 1.25em;
height: 1.25em;
background: var(--color-text);
transition: all .4s cubic-bezier(.25,.46,.45,.94);
transition-timing-function: cubic-bezier(.075,.82,.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(.25,.46,.45,.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: #fff;
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: .6s;
transition-timing-function: cubic-bezier(.39,.575,.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: .5;
transition-property: opacity;
transition-duration: .6s;
transition-timing-function: cubic-bezier(.075,.82,.165,1);
background-color: #000;
pointer-events: none;
}
.m-picture-panel.-current::after
{
opacity: 0;
}
.m-picture-panel__anchor
{
display: block;
color: #fff;
overflow: hidden;
height: 110vw;
}
.m-picture-panel__body
{
position: relative;
height: 100%;
transform: translate3d(0,-5vw,0);
transition-duration: .6s;
transition-timing-function: cubic-bezier(.39,.575,.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,.15) 0%,rgba(255,255,255,.05) 65%,rgba(255,255,255,.15) 100%);
z-index: 10;
transform: skewX(-52deg) translateX(120%);
}
.m-picture-panel__body::before
{
transition-property: transform;
transition-duration: .72s;
transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
.m-picture-panel__body::after
{
transition-property: transform;
transition-duration: .8s;
transition-timing-function: cubic-bezier(.47,0,.745,.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: .1em;
text-shadow: 0 2px 5px rgba(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: .4s,.4s;
transition-timing-function: cubic-bezier(.6,.04,.98,.335),cubic-bezier(.785,.135,.15,.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: -.1875rem;
}
.-current .m-picture-panel__title
{
transform: translateX(0%);
opacity: 1;
transition-property: transform,opacity;
transition-duration: .4s,.4s;
transition-timing-function: cubic-bezier(.075,.82,.165,1),cubic-bezier(.785,.135,.15,.86);
}
.m-picture-panel__subtitle
{
text-indent: .2em;
transition-property: transform,opacity;
transition-duration: .4s,.4s;
transition-timing-function: cubic-bezier(.6,.04,.98,.335),cubic-bezier(.785,.135,.15,.86);
font-size: 1rem;
}
.-current .m-picture-panel__subtitle
{
transform: translateX(0%);
opacity: 1;
transition-property: transform,opacity;
transition-duration: .4s,.4s;
transition-timing-function: cubic-bezier(.075,.82,.165,1),cubic-bezier(.785,.135,.15,.86);
transition-delay: .1s,.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(.445,.05,.55,.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: .6s;
transition-timing-function: cubic-bezier(.075,.82,.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: -.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: .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: .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: 0;
padding-left: 1.25rem;
cursor: pointer;
}
.m-form__label label:hover, .m-form-inner label:hover
{
color: inherit;
}
.m-form__required
{
font-size: .75rem;
color: #fb0020;
display: inline-block;
margin-left: .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: .75rem;
padding-right: .9375rem;
padding-bottom: .75rem;
padding-left: .9375rem;
}
.m-form__input, .m-form__select-item
{
padding-top: .1875rem;
padding-right: .625rem;
padding-bottom: .1875rem;
padding-left: .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: .5rem 1rem;
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: .5rem;
padding-bottom: .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% - .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: .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: #fff;
color: #333;
}
.m-form__radio
{
margin-top: 0;
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: 0;
}
.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,.6) inset;
background-color: #fff;
}
.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: .3125rem;
left: .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: .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: .3125rem;
left: .1875rem;
width: 13px;
height: 13px;
background-image: url("/png/cjlwriww.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: .75rem;
left: .625rem;
width: .375rem;
height: .375rem;
border-radius: 50%;
background-color: #fff;
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,.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: -.375rem;
margin-bottom: .5rem;
}
.m-form--error__text[data-order="1"]
{
margin-top: .4375rem;
}
.m-form--error__text-inner
{
font-size: .875rem;
color: #fb0020;
vertical-align: middle;
}
.m-form--error__image
{
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
margin-right: .375rem;
}
.m-form .row
{
display: grid;
grid-template-columns: 1fr 1fr;
gap: .5em;
margin: 0;
}
.m-form--check-list .row, .m-form--radio-list .row
{
margin-top: -.375rem;
margin-bottom: -.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: .375rem;
padding-bottom: .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 - .01px);
width: calc(100% / 6 - .01px);
max-width: calc(100% / 6 - .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 - .01px);
max-width: calc(100% / 2.4 - .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: .9375rem;
height: 1.0625rem;
background: url("/svg/6dppqo89.svg") no-repeat;
vertical-align: middle;
}
.-ver2 .m-icon__arrow-circle::before
{
background: url("/svg/60hn7vop.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(.25,.46,.45,.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: .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(.25,.46,.45,.94);
}
.m-sns-links__item:hover>img
{
transition-timing-function: cubic-bezier(.075,.82,.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: .8;
transition: opacity .4s cubic-bezier(.785,.135,.15,.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 .4s cubic-bezier(.075,.82,.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: #333!important;
color: #fff!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 .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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.565,1);
}
.m-slider__bullet:hover:before
{
background-color: #01916d;
opacity: 1;
}
.m-slider__bullet-text
{
position: absolute;
width: .0625rem;
height: .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: .0625rem;
height: .0625rem;
overflow: hidden;
}
.m-slider__prev::before, .m-slider__next::before
{
content: "";
display: inline-block;
width: .625rem;
height: .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("/svg/jmmq0uno.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.565,1);
}
.m-carousel__bullet-text
{
position: absolute;
width: .0625rem;
height: .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 .4s cubic-bezier(.6,.04,.98,.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: .5;
transition: opacity .4s cubic-bezier(.075,.82,.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 .4s linear 0s;
}
.js-carousel-item.js-carousel-move-left.js-carousel-move-next
{
animation: to-left-current .4s linear 0s;
}
.js-carousel-item.js-carousel-move-right:not(.js-carousel-move-prev)
{
animation: to-right .4s linear 0s;
}
.js-carousel-item.js-carousel-move-right.js-carousel-move-prev
{
animation: to-right-current .4s linear 0s;
}
.js-carousel-item.js-carousel-move--quick
{
transition: transform .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: #fff;
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: #fff;
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: .875rem;
letter-spacing: .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: #000;
font-size: .75rem;
letter-spacing: .36px;
}
.m-header__link-text:hover
{
opacity: .6;
color: #000;
}
.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 0 rgba(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,.3);
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: #000;
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: #000;
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: 0;
inset-block-end: 0;
}
.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(.075,.82,.165,1);
}
.m-header.type2 .m-header__body-inner
{
height: calc(100dvh - 92px);
padding: .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: #000;
transition: transform .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: #000;
transition: transform .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,.3);
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(.075,.82,.165,1);
}
.m-header__body-inner
{
height: calc(100dvh - 92px);
padding: .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: #000;
transition: transform .2s;
}
.m-header__btn::before, .m-header__btn::after
{
position: absolute;
content: "";
display: block;
left: 15px;
width: 19.5px;
height: 2px;
background-color: #000;
transition: transform .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,.3);
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 .4s linear;
background-color: #fff;
}
.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: #000;
}
.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(.25,.46,.45,.94),background 0s linear .4s;
}
.m-global-menu__link:hover
{
color: #000;
}
.m-global-menu__link:hover::after
{
background-color: #333;
transform: scaleX(1);
transition-timing-function: cubic-bezier(.075,.82,.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: #000;
}
.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('keywords.png');
}
.m-global-menu__top-link-txt:hover
{
opacity: .6;
color: #000;
}
@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: .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: .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: .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('keywords.png');
}
.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: 4.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: .75rem;
}
.m-footer_nav-child-list
{
margin-left: 1rem;
margin-top: .6rem;
font-size: .875rem;
}
.m-footer_nav-child-item:not(:first-child)
{
margin-top: .5rem;
}
.m-footer__nav-link
{
margin-top: .5rem;
margin-bottom: 0;
}
.m-footer__nav-link-text
{
font-size: .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: 2.5rem;
padding-top: 2.5rem;
border-top: 1px solid #d9d9d9;;
}
.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: .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: .875rem;
}
.m-footer__other-global-link-text::before
{
display: block;
position: absolute;
top: -2px;
left: 0;
content: '';
width: 24px;
height: 25px;
background-image: url('keywords.png');
}
.m-footer__copyright
{
margin-bottom: 0;
}
.m-footer__copyright-text
{
font-size: .75rem;
}
@media screen and (max-width: 920px)
{
.m-footer.type2 .m-breadcrumb-bottom__list
{
padding-top: 1rem;
}
.m-footer.type2 .m-footer__inner
{
padding-top: 3.2rem;
padding-bottom: 2.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: .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: .9rem;
}
.m-footer.type2 .m-footer__nav-link
{
margin-top: .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: .5rem;
}
.m-footer_nav-child-list
{
margin-top: 1.6rem;
margin-bottom: 2rem;
}
.m-footer_nav-child-item:not(:first-child)
{
margin-top: .9rem;
}
.m-footer__nav-link
{
margin-top: .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%;
}
}
.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 .5s cubic-bezier(.785,.135,.15,.86),visibility .5s linear!important;
overflow: hidden;
}
.m-accordion__item.open>.m-accordion__body.-open
{
visibility: hidden!important;
height: 0!important;
transition: height .5s cubic-bezier(.785,.135,.15,.86),visibility .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: .6;
transition: opacity .4s cubic-bezier(.075,.82,.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(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.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: .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 .5s cubic-bezier(.785,.135,.15,.86),visibility .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,.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,.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: .5s;
transition-timing-function: cubic-bezier(.785,.135,.15,.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: .75rem;
margin-right: .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: .5rem;
transition: transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);
transform: translateX(-50%) rotate(90deg);
}
.m-more__btn.-open::before
{
transition-timing-function: cubic-bezier(.075,.82,.165,1),cubic-bezier(.075,.82,.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 .4s cubic-bezier(.785,.135,.15,.86),visibility .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: .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: #fff;/* width: 30px;
height: 2px;
top: -2.3rem;
right: -16px; */
width: 1.25rem;
height: .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: .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: #fff;
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: .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: #fff;/* background: #333333; */
background: linear-gradient(90deg,#333 0%,#333 100%);/* transition-property: background-color;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); */
padding-top: .625rem;
padding-right: .625rem;
padding-bottom: .625rem;
padding-left: .625rem;
transition-duration: .4s;
transition: all .2s cubic-bezier(.25,.46,.45,.94) 0s;
}
.m-specPanel__link:hover
{
color: #fff;
}
.m-specPanel__link:hover, .m-specPanel__link:active, .m-specPanel__link:focus
{
background: linear-gradient(90deg,#239e7d 0%,#11906e 26.04%,#028462 51.46%,#0b8c62 76.06%,#26a464 100%);
}
.m-specPanel__link:active
{
transform: translateY(2px);
}
.m-specPanel .row
{
margin-top: -.625rem;
margin-right: -.625rem;
margin-bottom: -.625rem;
margin-left: -.625rem;
}
.m-specPanel .col
{
padding-top: .625rem;
padding-right: .625rem;
padding-bottom: .625rem;
padding-left: .625rem;
}
@media print, screen and (min-width: 768px)
{
.m-specPanel__text
{
font-size: .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: #333;
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: .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: .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: .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: .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,.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 #333;
border-right: 2px solid #333;
width: .75rem;
height: .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: .625rem;
padding-bottom: .9375rem;
padding-left: .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 .4s;
background-color: #fff;
z-index: 1;
}
.m-dm-filter__condition__wrap .m-form__exp
{
margin-left: .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,.06);
color: #000;
width: 100%;
padding: 1rem .5rem;
text-align: center;
}
.m-dm-filter__button-area__button.-search
{
border: 1px solid #c8c8c8;
background: #333;
border: none;
color: #fff;
}
@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(.25,.46,.45,.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(.075,.82,.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(.075,.82,.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(.645,.045,.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(.25,.46,.45,.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(.075,.82,.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(.645,.045,.355,1) .4s;
}
.c-hero-mv__body
{
opacity: 0;
transition: opacity .4s cubic-bezier(.445,.05,.55,.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: .85em;
height: .85em;
background: linear-gradient(180deg,#418f6e 0%,#7bc18c 100%);
margin-left: .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(.47,0,.745,.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(.445,.05,.55,.95),cubic-bezier(.39,.575,.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(.47,0,.745,.715),transform .4s cubic-bezier(.47,0,.745,.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(.39,.575,.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.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(.39,.575,.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(.25,.46,.45,.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(.075,.82,.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(.39,.575,.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.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(.25,.46,.45,.94);
}
.c-slider__item[disabled=false]
{
visibility: visible;
opacity: 1;
transition-timing-function: cubic-bezier(.075,.82,.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.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(.645,.045,.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(.39,.575,.565,1),background-color .4s cubic-bezier(.39,.575,.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;
}