@charset "UTF-8"; :root { --def: #333; --key: #FE7114; --lkey: #FAF7F5; --gry: #D9D9D9; --lgry: #f5f5f5; --dgry: #777; --wht: #fff; --link: #333; --red: #cc0000; --alert: #FD5254; --border: #D9D9D9; --bg: #ECEFF2; } @font-face { font-family: "icons"; font-weight: normal; font-style: normal; src: url("/dcms_media/common/icons.woff") format("woff"), url("/dcms_media/common/icons.ttf") format("truetype"); } /* body.dcms_editor &, body.page_mainimage &, [data-id="editor"] &, html.is-editor &{ } }*/ /*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)), *::before, *::after { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { margin: unset; -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: unset; } /* Fix mobile Safari increase font-size on landscape mode */ :where(html) { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ :where(a, button) { cursor: revert; } /* Remove list styles (bullets/numbers) */ :where(ol, ul, menu, summary) { list-style: none; padding: unset; } /* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ :where(ol) { counter-reset: revert; } /* For images to not be able to exceed their container */ :where(img) { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ :where(table) { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ :where(input, textarea) { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ :where(textarea) { white-space: revert; } /* minimum style to allow to style meter element */ :where(meter) { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } /* reset default text opacity of input placeholder */ /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } :focus-visible { outline: revert; } html { overflow-x: hidden; } @media screen and (max-width: 373.8px) { html { font-size: 89.5%; } } html.is-loading, html:has([id=dcms_global_header]) html, [data-id=editor] html { opacity: 1; } html, body { min-height: 100%; } body { color: var(--def); font-family: "Zen Kaku Gothic New", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif; line-height: 1; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; word-break: normal; line-break: strict; opacity: 0; -webkit-transition: opacity 0.3s 0.1s; transition: opacity 0.3s 0.1s; font-size: 1rem; } body:not(.is-waiting) { opacity: 1; } b, strong, .bold { font-weight: bold; } .medium { font-weight: 500; } .normal { font-weight: normal; } .black { font-weight: 900 !important; } small { font-size: inherit; } sub { font-size: 0.75rem; } sup { font-size: 0.75rem; vertical-align: text-top; } /* *:target { scroll-padding-top: calc($SP-header-height + 10px); @include mq(min,sm) { scroll-padding-top: calc($SP-header-height + 20px); } } */ :where(h1, h2, h3, h4, h5, h6) { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 0.06em; } :where(a) { color: var(--link); text-decoration: none; } @media (hover: hover) and (pointer: fine) { :where(a):hover :where(img) { -webkit-transform: scale(1.05); transform: scale(1.05); } } @media (hover: hover) and (pointer: fine) { :where(a).--opacity:hover img { -webkit-transform: unset; transform: unset; opacity: 0.8; } } :where(a):where(:not([class*=md-], [class*=hover-], [class*=btn])) { color: var(--link); text-decoration: underline; } @media (hover: hover) and (pointer: fine) { :where(a):where(:not([class*=md-], [class*=hover-], [class*=btn])):hover { color: var(--def); } } :where(a):where(:not([class*=md-], [class*=hover-], [class*=btn])) { /*&:has(.txt) { text-decoration: none; @include hover { .txt { text-decoration: underline; } } }*/ } a[href^="tel:"] { color: var(--def); text-decoration: none; } :where([class*=__btn]), :where([class*=__button]), :where([class*=__btn]) a, :where([class*=__button]) a { line-height: 1.3; text-decoration: none; } :where([class*=__thumb]:not(:has(.thumb))), :where(.thumb) { overflow: hidden; } :where([class*=__thumb]), :where(.thumb) { line-height: 0; font-size: 0; display: block; } :where([class*=__thumb]) p, :where([class*=__thumb]) figcaption, :where(.thumb) p, :where(.thumb) figcaption { line-height: 1.3; font-size: 1rem; } :where([class*=__thumb]) figcaption, :where(.thumb) figcaption { font-size: 0.8rem; margin-top: 10px; } :where([class*=__thumb]).--default :where(img), :where([class*=__thumb]).--default:where(img), :where(.thumb).--default :where(img), :where(.thumb).--default:where(img) { width: auto; max-width: 100%; } :where([class*=__thumb]) :where(img), :where([class*=__thumb]):where(img), :where(.thumb) :where(img), :where(.thumb):where(img) { max-width: none; width: 100%; height: auto; } :where([class*=__thumb]) :where(img)[src$=".svg"], :where([class*=__thumb]):where(img)[src$=".svg"], :where(.thumb) :where(img)[src$=".svg"], :where(.thumb):where(img)[src$=".svg"] { display: block; max-width: none; width: 100%; height: auto; } :where([class*=__thumb]) :where(img).--default, :where([class*=__thumb]):where(img).--default, :where(.thumb) :where(img).--default, :where(.thumb):where(img).--default { width: auto; max-width: 100%; } :where([class*=__thumb]) :where(picture), :where([class*=__thumb]):where(picture), :where(.thumb) :where(picture), :where(.thumb):where(picture) { display: block; } :where([class*=__thumb]) :where(picture) img, :where([class*=__thumb]):where(picture) img, :where(.thumb) :where(picture) img, :where(.thumb):where(picture) img { width: 100%; height: auto; max-width: none; } :where([class*=__thumb]) :where(a) img, :where(a) :where([class*=__thumb]) img, :where([class*=__thumb]):where(a) img, :where(.thumb) :where(a) img, :where(a) :where(.thumb) img, :where(.thumb):where(a) img { -webkit-transition: 0.3s; transition: 0.3s; } :where([class*=__thumb]):has(a), :where([class*=__thumb]):where(a), :where(.thumb):has(a), :where(.thumb):where(a) { overflow: hidden; } :where([class*=__thumb]):has([class*=object-fit]) img, :where(.thumb):has([class*=object-fit]) img { width: 100%; height: 100%; } :where(.thumb) { background-color: var(--wht); } [class*=logo] :where(.thumb) { overflow: unset; background: unset; } :where([aria-hidden=true]) { display: none; } html:has([id=dcms_global_header]) :where([aria-hidden=true])[class*=mce-], [data-id=editor] :where([aria-hidden=true])[class*=mce-] { display: block; } :where(br[aria-hidden=true]), :where([aria-hidden=false]) { display: block; } :where([aria-disabled=true]) { pointer-events: none; } /*.list style 解除 */ #tinymce ul, #tinymce ol { padding-left: unset; } #tinymce ul > li, #tinymce ol > li { list-style: none; } .dcms_fl_list { list-style: none; } .dcms_fl_list > li { list-style: none; } .is-editor ul[class*=dcms] li:before { display: none; } .is-editor .dcms_input_small, .is-editor .dcms_btn { text-decoration: none !important; } /*.クリッカブル無効 */ #tinymce a:not([class*=dcms]):not([class*=mce]), #tinymce button:not([class*=dcms]):not([class*=mce]), #tinymce input:not([class*=dcms]):not([class*=mce]), #tinymce select:not([class*=dcms]):not([class*=mce]), #tinymce textarea:not([class*=dcms]):not([class*=mce]), #tinymce input[type=submit]:not([class*=dcms]):not([class*=mce]), #tinymce input[type=button]:not([class*=dcms]):not([class*=mce]), .is-editor #contents a:not([class*=dcms]):not([class*=mce]), .is-editor #contents button:not([class*=dcms]):not([class*=mce]), .is-editor #contents input:not([class*=dcms]):not([class*=mce]), .is-editor #contents select:not([class*=dcms]):not([class*=mce]), .is-editor #contents textarea:not([class*=dcms]):not([class*=mce]), .is-editor #contents input[type=submit]:not([class*=dcms]):not([class*=mce]), .is-editor #contents input[type=button]:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container a:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container button:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container input:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container select:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container textarea:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container input[type=submit]:not([class*=dcms]):not([class*=mce]), .is-editor .main-visual__container input[type=button]:not([class*=dcms]):not([class*=mce]) { pointer-events: none; } .is-editor [class*=global-] a, .is-editor [class*=global-] button, .is-editor [class*=global-] input, .is-editor [class*=global-] select, .is-editor [class*=global-] textarea, .is-editor [class*=global-] input[type=submit], .is-editor [class*=global-] input[type=button] { pointer-events: none !important; } h1[class*=dcms]:before, h1[class*=dcms]:after, h2[class*=dcms]:before, h2[class*=dcms]:after, h3[class*=dcms]:before, h3[class*=dcms]:after, h4[class*=dcms]:before, h4[class*=dcms]:after, h5[class*=dcms]:before, h5[class*=dcms]:after { display: none; } .is-editor body.dcms_editor :where([class*=dcms]) a:after, .is-editor [id*=dcms] a:after { display: none; } .editor_block.view-mode { height: auto !important; } .mce-path .mce-divider { display: inline !important; } .invisible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) !important; height: 1px !important; overflow: hidden !important; width: 0px !important; height: 0px !important; border: 0 !important; opacity: 0 !important; z-index: -2 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; } .invisible:before, .invisible:after { display: none !important; } .invisible + * { margin-top: 0 !important; } .editor_block:has(.is-editor-txt) { height: auto !important; } .is-editor-txt { display: none; background-color: #FFEEEE; padding: 10px; color: #f00; font-weight: bold; font-size: 1.125rem; margin-top: 80px; margin-bottom: 16px; } html.is-editor .is-editor-txt, #tinymce .is-editor-txt { opacity: 1 !important; display: block !important; display: block; } .is-editor-txt + .section:not(.md-wide__container) { margin-top: 0; } .md-wide__container.--fill + .is-editor-txt + .md-wide__container.--fill { padding-top: 0; margin-top: 0; } .bownow { margin-bottom: 1.25rem !important; } @media screen and (min-width: 680px) { .bownow { margin-bottom: 2.5rem !important; } } .bownow-container { width: 100%; aspect-ratio: unset !important; max-width: unset !important; } .youtube, .movie, .iframe { width: 100%; aspect-ratio: 16/9; margin-left: auto; margin-right: auto; } .youtube:not([class*=w-max]), .movie:not([class*=w-max]), .iframe:not([class*=w-max]) { max-width: 600px; } .youtube iframe, .youtube video, .movie iframe, .movie video, .iframe iframe, .iframe video { width: 100%; height: 100%; } #dcms_layoutPageBlock > *:first-child { margin-top: 0; } #dcms_layoutPageBlock > div:not([class]):has(iframe) { width: 100%; aspect-ratio: 16/9; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 0; } #dcms_layoutPageBlock > div:not([class]):has(iframe) iframe { width: 100%; height: 100%; } #dcms_layoutPageBlock > div:not([class]):has(iframe)[style*="text-align:left"] { margin-left: unset; } #dcms_layoutPageBlock > div:not([class]):has(iframe)[style*="text-align:right"] { margin-right: unset; } .cf:after { content: ""; display: block; clear: both; } .nowrap { white-space: nowrap; } .break-all { word-break: break-all; } :where(.caution) { text-indent: -1em; padding-left: 1em; } :where(.caution) * { text-indent: unset; padding: unset; } @media print { body { width: calc(1200px + 1.5rem * 2) !important; zoom: 0.8; } .md-cta__container, .md-header__container, .md-footer__container, .md-breadcrumb__container { display: none !important; } #wrapper { padding-top: 0 !important; } .md-wide__container { width: 100vw; margin-left: calc((100vw - 100%) / 2 * -1) !important; margin-right: calc((100vw - 100%) / 2 * -1) !important; padding-left: calc((100vw - 100%) / 2) !important; padding-right: calc((100vw - 100%) / 2) !important; } .section:has([class*=bownow]) { display: none !important; } .md-hero__container { background: unset !important; min-height: unset !important; padding-top: 0 !important; } .md-toggle__panel[aria-hidden=true], .md-tab__panel[aria-hidden=true], .md-cnt-25 .md-toggle__btn { display: block !important; opacity: 1 !important; } .md-cnt-24 .md-tab__panel { border: var(--border) 1px solid; padding: 20px; margin-top: 20px; } .md-cnt-25 .md-toggle__btn { padding: 0 !important; font-size: 2rem; margin-bottom: 10px; } .md-cnt-25 .md-toggle__btn .txt:after, .md-cnt-25 .md-toggle__btn .txt:before { display: none !important; } .md-table__01 th, .md-table__01 td, .md-table__02 th, .md-table__02 td { display: table-cell !important; } .md-scroll__inside { width: unset !important; } .md-scroll__container { padding-top: 0 !important; } .md-scroll__container:before { display: none !important; } .md-flow-002 { padding-left: 90px !important; } .md-flow-002__txtarea { padding-left: 3rem !important; } .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; width: 100% !important; overflow: unset !important; -webkit-transform: unset !important; transform: unset !important; } .md-sld-002__thumb, .md-sld-003__thumb, .md-swiper__control { display: none !important; } .md-sld-002__main .swiper-wrapper, .md-sld-003__main .swiper-wrapper, .md-blog-004__slider .swiper-wrapper { gap: 15px; } .md-sld-002__main .swiper-slide, .md-sld-003__main .swiper-slide, .md-blog-004__slider .swiper-slide { width: calc(50% - 15px) !important; opacity: 1 !important; -webkit-transform: unset !important; transform: unset !important; margin: 0 !important; height: unset !important; } .js-media__slider .swiper-wrapper { gap: 15px; } .js-media__slider .swiper-slide { width: calc(25% - 15px) !important; opacity: 1 !important; -webkit-transform: unset !important; transform: unset !important; margin: 0 !important; height: unset !important; } } .global-cta__container { background: var(--bg); padding: 2.5rem 0; border-radius: 10px; } @media screen and (min-width: 980px) { .global-cta__container { border-radius: 10px; } } .global-cta__container { margin-inline: 1rem; } @media screen and (min-width: 680px) { .global-cta__container { margin-inline: 1.5rem; } } @media screen and (min-width: 1248px) { .global-cta__container { margin-inline: 2.5rem; } } .global-cta__container .md-link__btn.--WHT { -webkit-box-shadow: 4px 8px 24px #DAE0E5; box-shadow: 4px 8px 24px #DAE0E5; } @media screen and (min-width: 980px) { .global-cta__fixed { display: none; } } .global-fixed__cv { position: fixed; bottom: 5px; width: 100%; text-align: center; background: rgba(254, 113, 20, 0.8); padding: 0.9375rem 0.3125rem; z-index: 5; display: none; } .is-scroll .global-fixed__cv { display: block; } .global-fixed__cv-inside { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.3125rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .global-fixed__cv-inside .md-link__btn { padding: 0.3125rem; min-height: 35px; } .global-fixed__cv-inside .md-link__btn .txt { font-size: 0.8125rem; } @media print, screen and (max-width: 479.8px) { .global-fixed__cv-inside .md-link__btn { min-width: 150px; } } .global-fixed__cv-label { font-size: 0.6875rem; font-weight: bold; margin-bottom: 6px; } body:has(.no-cta-page) .global-cta__container, body:has(.no-cta-page) .global-cta__fixed { display: none; } body:has(.global-cta__fixed) .global-footer__container { padding-bottom: 9.375rem; } @media screen and (min-width: 980px) { body:has(.global-cta__fixed) .global-footer__container { padding-bottom: 0; } } .global-footer__container { background: var(--wht); } .global-footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; margin-inline: auto; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media screen and (min-width: 680px) { .global-footer__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } } @media screen and (min-width: 980px) { .global-footer__inner { padding-top: 3.75rem; padding-bottom: 3.75rem; } } .global-footer__cc { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } @media screen and (min-width: 680px) { .global-footer__cc { width: 11.25rem; } } @media screen and (min-width: 980px) { .global-footer__cc { width: 17.5rem; } } .global-footer__pd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .global-footer__brand { font-weight: 700; font-size: 1.125rem; margin-bottom: 0.625rem; color: var(--def); } @media screen and (min-width: 980px) { .global-footer__brand { font-size: 1rem; margin-bottom: 1.875rem; } } .global-footer__brand a { color: var(--def); text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; line-height: 1.3; font-weight: bold; } @media screen and (min-width: 980px) { .global-footer__brand a { font-size: 1.375rem; } } @media (hover: hover) and (pointer: fine) { .global-footer__brand a:hover { color: var(--key); } } .global-footer__cc .global-footer__brand a { color: var(--dgry); } @media (hover: hover) and (pointer: fine) { .global-footer__cc .global-footer__brand a:hover { color: var(--key); } } .global-footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 680px) { .global-footer__nav { gap: 0.625rem; } } .global-footer__nav.--pd-list { width: 100%; } @media screen and (min-width: 980px) { .global-footer__nav.--pd-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (min-width: 1248px) { .global-footer__nav.--pd-list { width: calc(33.33333% - 60px); } } @media screen and (min-width: 980px) and (max-width: 1247.8px) { .global-footer__nav.--pd-list { width: calc(50% - 60px); } } @media screen and (max-width: 679.8px) { .global-footer__nav__link { font-weight: normal; position: relative; padding-left: 20px; } } @media screen and (max-width: 679.8px) and (hover: hover) and (pointer: fine) { .global-footer__nav__link:hover { color: var(--key); } } @media screen and (max-width: 679.8px) { .global-footer__nav__link::before { content: ""; position: absolute; top: 0.65em; left: 0.3125rem; width: 0.625rem; height: 0px; background: unset; opacity: 0.5; border-bottom: 2px solid currentColor; border-radius: unset; } } .global-footer__item { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.05em; color: var(--def); } .global-footer__cc .global-footer__item { color: var(--dgry); } @media screen and (max-width: 679.8px) { .global-footer__cc .global-footer__item { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 680px) { .global-footer__item { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.75rem; } } .global-footer__item a { color: inherit; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (hover: hover) and (pointer: fine) { .global-footer__item a:hover { color: var(--key); } } .global-footer__item a::after { margin-top: -0.3em; } .global-footer__item .nolink { color: var(--dgry); cursor: default; } @media screen and (max-width: 679.8px) { .global-footer__item .js-toggle__panel { overflow: hidden; -webkit-transition: height 0.3s ease, display 0.3s allow-discrete; transition: height 0.3s ease, display 0.3s allow-discrete; } @starting-style { .global-footer__item .js-toggle__panel { height: 0; } } } @media screen and (max-width: 679.8px) { .global-footer__item .js-toggle__panel .global-footer__child { padding-bottom: 10px; } } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__item { border-bottom: 1px solid var(--gry); font-weight: 500; } } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__item > a, .global-footer__pd .global-footer__item > button { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 0.875rem; } .global-footer__pd .global-footer__item > a::after, .global-footer__pd .global-footer__item > button::after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); background: currentColor; } } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__item > a::after { -webkit-transform: rotate(269deg); transform: rotate(269deg); } } .global-footer__pd .global-footer__item > button { background: none; border: none; cursor: pointer; text-align: left; font-weight: 500; color: inherit; } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__item > button::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .global-footer__pd .global-footer__item > button[aria-expanded=true]::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (hover: hover) and (pointer: fine) { .global-footer__pd .global-footer__item > button:hover { color: var(--key); } .global-footer__pd .global-footer__item > button:hover::after { background: var(--key); } } .global-footer__child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.375rem; margin-top: 0.3125rem; padding-left: 1rem; } .global-footer__child > li { font-size: 0.875rem; font-weight: 400; position: relative; padding-left: 5px; } @media screen and (min-width: 680px) { .global-footer__child > li { font-size: 0.75rem; } } .global-footer__child > li::before { content: ""; position: absolute; top: 0.65em; left: -0.625rem; width: 0.625rem; height: 0px; background: unset; opacity: 0.5; border-bottom: 2px solid currentColor; border-radius: unset; } .global-footer__child > li a { color: var(--def); text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (hover: hover) and (pointer: fine) { .global-footer__child > li a:hover { color: var(--key); } } .global-footer__cc .global-footer__child > li a { color: var(--dgry); } @media (hover: hover) and (pointer: fine) { .global-footer__cc .global-footer__child > li a:hover { color: var(--key); } } .global-footer__sns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.75rem; margin-top: 1.5rem; } .global-footer__sns a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (hover: hover) and (pointer: fine) { .global-footer__sns a:hover { opacity: 0.7; } } .global-footer__sns .thumb { display: block; border-radius: unset; } .global-footer__sns .thumb img { width: 1.875rem; height: 1.875rem; border-radius: unset; -o-object-fit: contain; object-fit: contain; display: block; } .global-footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 980px) { .global-footer__row { gap: 1.5rem 3.75rem; } } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__row > ul:last-child { margin-left: 0; width: 100%; margin-top: 20px; } } .global-footer__pd .global-footer__row > ul:last-child .global-footer__item { font-weight: 400; color: var(--dgry); font-size: 0.625rem; letter-spacing: 0; border-bottom: 0; } .global-footer__pd .global-footer__row > ul:last-child .global-footer__item a { color: var(--dgry); } @media screen and (max-width: 679.8px) { .global-footer__pd .global-footer__row > ul:last-child .global-footer__item a { padding: 5px 0; } .global-footer__pd .global-footer__row > ul:last-child .global-footer__item a::after { display: none; } } @media (hover: hover) and (pointer: fine) { .global-footer__pd .global-footer__row > ul:last-child .global-footer__item a:hover { color: var(--key); } } .global-footer__btn { font-weight: bold; } @media screen and (min-width: 680px) { .global-footer__btn { display: none; } } .global-footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; padding: 1.5rem 1.25rem; border-top: 1px solid #D9D9D9; text-align: center; } .global-footer__logo a { display: inline-block; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (hover: hover) and (pointer: fine) { .global-footer__logo a:hover { opacity: 0.7; } } .global-footer__logo .thumb img { height: 2rem; width: auto; display: block; } .global-footer__copyright { font-size: 0.625rem; color: var(--dgry); font-weight: 400; } @media screen and (max-width: 979.8px) { html.is-open { overflow: hidden; } } .global-navMain__panel { width: 100%; height: calc(100vh - 50px); top: 50px; right: 0; background: #f5f5f5; z-index: 11; position: fixed; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .global-navMain__panel[aria-hidden=false] { -webkit-transform: translateY(0); transform: translateY(0); display: block; } @starting-style { .global-navMain__panel[aria-hidden=false] { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media screen and (min-width: 980px) { .global-navMain__panel[aria-hidden=false] { -webkit-transform: unset; transform: unset; } } .global-navMain__panel[aria-hidden=true] { -webkit-transform: translateY(110vw); transform: translateY(110vw); } @starting-style { .global-navMain__panel[aria-hidden=true] { -webkit-transform: translateY(0); transform: translateY(0); } } @media screen and (min-width: 980px) { .global-navMain__panel { position: unset; -webkit-transform: unset; transform: unset; height: unset; width: unset; z-index: unset; background: unset; -webkit-box-shadow: unset; box-shadow: unset; padding-top: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0 0 0 1.25rem; gap: 0.5rem; grid-column: 2; grid-row: 1; margin-left: auto; -webkit-transition: unset; transition: unset; backdrop-filter: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } } .global-navMain__cover { width: 100%; } @media screen and (max-width: 979.8px) { .global-navMain__cover { max-height: calc(100dvh - 50px); overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-color: #FAF7F5 #f5f5f5; scrollbar-width: thin; } .global-navMain__cover::-webkit-scrollbar { width: 10px; } .global-navMain__cover::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--wht); } .global-navMain__cover::-webkit-scrollbar-track { background-color: #f5f5f5; } } @media screen and (min-width: 980px) { .global-navMain__cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .global-navMain__inside { padding-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 980px) { .global-navMain__inside { display: contents; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .global-navMain__inside { padding-left: 1.875rem; padding-right: 1.875rem; } } @media screen and (max-width: 679.8px) { .global-navMain__inside { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (max-width: 979.8px) { .global-navMain__inside { padding-top: 1rem; position: relative; } } .global-navMain__list { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } @media screen and (min-width: 980px) { .global-navMain__list { margin-top: unset; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: unset; border: unset; border-radius: unset; overflow: visible; margin-top: unset; gap: 0.625rem 0.3125rem; } } @media screen and (max-width: 979.8px) { .global-navMain__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .global-navMain__list > li { margin-top: unset; } @media screen and (min-width: 980px) { .global-navMain__list > li { margin: unset; position: relative; border: none; } } .global-navMain__item:has(button) { position: relative; } @media screen and (max-width: 979.8px) { .global-navMain__item:has(button) { border-bottom: 1px solid var(--gry); padding-bottom: 1rem; } } @media screen and (min-width: 980px) { .global-navMain__item { border-bottom: unset; } } .global-navMain__item.is-active > .global-nav__btn { color: var(--key); } .global-navMain__btn { width: 100%; padding: 0.875rem 0.625rem; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-weight: bold; line-height: 1.3; min-height: 3.125rem; border-radius: unset; } @media screen and (max-width: 979.8px) { .global-navMain__btn[aria-expanded=false] { display: none; } } @media screen and (min-width: 980px) { .global-navMain__btn { min-height: unset; color: var(--def); } } .global-navMain__btn[target=_blank], .global-navMain__btn[href^="https://saas.actibookone.com/"], .global-navMain__btn[href$=".pdf"] { padding-right: 1.375rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .global-navMain__btn[target=_blank], .global-navMain__btn[href^="https://saas.actibookone.com/"], .global-navMain__btn[href$=".pdf"] { gap: 0.75rem; } } .global-navMain__btn[target=_blank]:after, .global-navMain__btn[href^="https://saas.actibookone.com/"]:after, .global-navMain__btn[href$=".pdf"]:after { content: ""; width: 30px; aspect-ratio: 1; margin: 0; display: block; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); -ms-flex-negative: 0; flex-shrink: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } .global-navMain__btn[target=_blank]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-navMain__btn[href^="https://saas.actibookone.com/"]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-navMain__btn[href$=".pdf"]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } .global-navMain__btn[target=_blank]:where([target=_blank]):after, .global-navMain__btn[href^="https://saas.actibookone.com/"]:where([target=_blank]):after, .global-navMain__btn[href$=".pdf"]:where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.875rem; } .global-navMain__btn[target=_blank]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-navMain__btn[href^="https://saas.actibookone.com/"]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-navMain__btn[href$=".pdf"]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } .global-navMain__btn[target=_blank], .global-navMain__btn[href^="https://saas.actibookone.com/"], .global-navMain__btn[href$=".pdf"] { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ } .global-navMain__btn[target=_blank]:after { right: 0px; width: 14px !important; height: 14px !important; } @media screen and (min-width: 980px) { .global-navMain__btn[target=_blank]:after { background: var(--def); } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-navMain__btn[target=_blank]:after { top: 8px; } } @media screen and (min-width: 980px) { .global-navMain__btn[aria-expanded]:not([target=_blank]) .txt { position: relative; padding-right: 25px; width: 100%; display: block; } .global-navMain__btn[aria-expanded]:not([target=_blank]) .txt:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } @media screen and (min-width: 980px) { .global-navMain__btn[aria-expanded]:not([target=_blank]) .txt::before { display: none; } } @media screen and (min-width: 980px) { .global-navMain__btn[aria-expanded]:not([target=_blank]) .txt::after { -webkit-transform: rotate(88deg); transform: rotate(88deg); top: 0.0625rem; right: 0.3125rem; width: 14px; height: 14px; } } @media screen and (min-width: 980px) { .global-navMain__btn[aria-expanded][aria-expanded=true] .txt::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @media screen and (max-width: 979.8px) { .global-navMain__btn { padding-left: 0; position: relative; color: var(--def); } } @media screen and (max-width: 979.8px) and (hover: hover) and (pointer: fine) { .global-navMain__btn:hover { color: var(--key); } } @media screen and (max-width: 979.8px) { .global-navMain__btn:not([aria-expanded]):after { right: 1.125rem; width: 0.875rem; height: 0.875rem; background: var(--def) !important; } .global-navMain__btn[target=_blank]:after { right: 0.625rem; } } .global-navMain__btn[aria-expanded=true] > .txt::before { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } @media screen and (min-width: 980px) { .global-navMain__btn { position: relative; font-size: 0.875rem; z-index: 10; } } @media screen and (min-width: 980px) and (hover: hover) and (pointer: fine) { .global-navMain__btn:hover { text-decoration: underline; opacity: 0.9; } } @media screen and (min-width: 980px) { .global-navMain__utility { margin-left: auto; } } .global-navMain__utility-inside { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media screen and (max-width: 979.8px) { .global-navMain__utility-inside { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.25rem; } } @media screen and (min-width: 980px) { .global-navMain__utility-btn .txt { font-weight: bold; font-size: 0.875rem; } } @media screen and (max-width: 979.8px) { .global-navMain__utility-btn .txt { position: relative; padding-right: 25px; width: 100%; display: block; } .global-navMain__utility-btn .txt:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } .global-navMain__login { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 500; gap: 5px; border: 1px solid #ccc; border-radius: 30px; padding: 3px 5px; } .global-navMain__login::before { content: ""; width: 25px; height: 25px; background-size: contain; background-image: url(/dcms_media/image/fs_icon_login.png); background-repeat: no-repeat; background-position: top center; -ms-flex-negative: 0; flex-shrink: 0; } @media (hover: hover) and (pointer: fine) { .global-navMain__login:hover { text-decoration: none; } .global-navMain__login:hover .txt { text-decoration: none; color: var(--key); } } @media screen and (max-width: 979.8px) { .global-navMain__login { position: absolute; top: 2rem; width: 100px; right: 20px; } } .global-navMain-child__sp { font-weight: bold; border-bottom: 1px solid var(--gry); padding-bottom: 0.9375rem; margin-bottom: 1.25rem; } @media screen and (min-width: 980px) { .global-navMain-child__sp { display: none; } } @media screen and (min-width: 980px) { .globalMain-child__cover { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; scrollbar-color: var(--wht) #f5f5f5; scrollbar-width: thin; } .globalMain-child__cover::-webkit-scrollbar { width: 10px; } .globalMain-child__cover::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--wht); background-color: var(--key); } .globalMain-child__cover::-webkit-scrollbar-track { background-color: #f5f5f5; } .globalMain-child__cover { max-height: calc(100dvh - 50px); scrollbar-color: var(--key) #f5f5f5; } } @media screen and (min-width: 980px) { .globalMain-child__container { padding: 3.75rem 1.5rem 3.75rem 1.5rem; display: grid; gap: 1.5rem; max-width: calc(1200px + 1.5rem * 2); margin-left: auto; margin-right: auto; } } @media screen and (min-width: 980px) { .globalMain-child__panel { position: fixed; top: 50px; left: 50%; z-index: 11; width: 100vw; padding: 0 !important; background: #f2f2f2; -webkit-transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72), display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete; transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72), display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); display: none; opacity: 0; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); max-height: calc(100vw - 50px); } .globalMain-child__panel[aria-hidden=false] { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block; opacity: 1; } @starting-style { .globalMain-child__panel[aria-hidden=false] { -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } } .globalMain-child__panel[aria-hidden=true] { -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); opacity: 0; } @starting-style { .globalMain-child__panel[aria-hidden=true] { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } } .globalMain-child__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 0.625rem; } @media screen and (min-width: 980px) { .globalMain-child__nav { max-width: 1000px; margin-left: auto; margin-right: auto; padding: 0; } } .globalMain-child__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px 10px; } @media screen and (min-width: 980px) { .globalMain-child__list { gap: 40px 10px; } } .globalMain-child__item { padding: 0; border-radius: unset; width: calc(50% - 5px); } @media screen and (min-width: 980px) { .globalMain-child__item { width: calc(25% - 13px); } } .globalMain-child__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (hover: hover) and (pointer: fine) { .globalMain-child__item a:hover { opacity: 0.8; } .globalMain-child__item a:hover img { -webkit-transform: none; transform: none; } } .globalMain-child__item a .thumb { height: 36px; background: unset; width: auto; } .globalMain-child__item a .thumb img { width: auto; -o-object-fit: contain; object-fit: contain; } @media screen and (min-width: 980px) { .globalMain-child__item a .thumb img { width: auto; } } .globalMain-child__item a:has(.thumb) .txt { font-size: 0.625rem; margin-top: 6px; font-weight: bold; } .globalMain-child__item a:has(.thumb) .txt::after { display: none; } .globalMain-child__item a:has(.thumb) { padding: 0; } @media screen and (min-width: 980px) { .globalMain-child__item a:has(.thumb) { padding-top: 1rem; padding-bottom: 1rem; } } .globalMain-child__headline { width: 50%; font-weight: bold; padding-top: 2.5rem; font-size: 0.875rem; margin-left: auto; } @media screen and (min-width: 980px) { .globalMain-child__headline { width: 25%; } } .globalMain-child__headline .txt { position: relative; padding-right: 25px; width: 100%; display: block; } .globalMain-child__headline .txt:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } .global-main__btn { margin-right: 10px; } @media screen and (min-width: 980px) { .global-main__btn { display: none; } } .global-main__btn[aria-expanded=true] .global-main__arrow::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .global-main__arrow { width: 30px; height: 30px; position: relative; padding-right: 25px; width: 100%; display: block; } .global-main__arrow:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } .global-main__arrow::after { top: 11px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } @media screen and (min-width: 980px) { .global-sub-menu { display: none; } } .global-sub-menu__inside { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; padding-inline: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-scroll-chaining: none; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-color: rgba(254, 113, 20, 0.5019607843) var(--lgry); scrollbar-width: thin; gap: 0.9375rem; background: var(--key); } .global-sub-menu__inside::-webkit-scrollbar { width: 10px; } .global-sub-menu__inside::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--key); } .global-sub-menu__inside::-webkit-scrollbar-track { background-color: #f5f5f5; } .global-sub-menu__btn { padding: 0.625rem 0.3125rem; display: block; color: var(--wht); white-space: nowrap; font-size: 0.875rem; } @media (hover: hover) and (pointer: fine) { .global-sub-menu__btn:hover { text-decoration: underline; } } @media screen and (max-width: 979.8px) { html.is-open { overflow: hidden; } } @media screen and (min-width: 980px) { body:has(.global-child__panel[aria-hidden=false], .global-search__panel[aria-hidden=false]):after { visibility: visible; opacity: 1; } } .global-nav__panel { width: 100%; height: calc(100vh - 110px); height: calc(100dvh - 110px); top: 110px; right: 0; background: var(--lkey); z-index: 9; position: fixed; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .global-nav__panel[aria-hidden=false] { -webkit-transform: translateY(0); transform: translateY(0); display: block; } @starting-style { .global-nav__panel[aria-hidden=false] { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @media screen and (min-width: 980px) { .global-nav__panel[aria-hidden=false] { -webkit-transform: unset; transform: unset; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .global-nav__panel[aria-hidden=false]:before { content: ""; width: 100%; position: absolute; top: -110px; background: var(--wht); height: 110px; } } .global-nav__panel[aria-hidden=true] { -webkit-transform: translateY(110vw); transform: translateY(110vw); } @starting-style { .global-nav__panel[aria-hidden=true] { -webkit-transform: translateY(0); transform: translateY(0); } } @media screen and (min-width: 980px) { .global-nav__panel { position: unset; -webkit-transform: unset; transform: unset; height: unset; width: unset; z-index: unset; background: unset; -webkit-box-shadow: unset; box-shadow: unset; padding-top: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0 0 0 1.25rem; gap: 0.5rem; grid-column: 2; grid-row: 1; margin-left: auto; -webkit-transition: unset; transition: unset; backdrop-filter: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } } @media screen and (max-width: 979.8px) { .global-nav__panel .d-sp-none { display: none !important; } } .global-nav__cover { width: 100%; } @media screen and (max-width: 979.8px) { .global-nav__cover { max-height: calc(100dvh - 110px); overflow-x: hidden; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-color: #FAF7F5 #f5f5f5; scrollbar-width: thin; } .global-nav__cover::-webkit-scrollbar { width: 10px; } .global-nav__cover::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--wht); } .global-nav__cover::-webkit-scrollbar-track { background-color: #f5f5f5; } } @media screen and (min-width: 980px) { .global-nav__cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-nav__cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 0.625rem; margin-top: 0.625rem; } } .global-nav__inside { padding-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 980px) { .global-nav__inside { display: contents; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .global-nav__inside { padding-left: 1.875rem; padding-right: 1.875rem; } } @media screen and (max-width: 679.8px) { .global-nav__inside { padding-left: 1.25rem; padding-right: 1.25rem; } } @media screen and (max-width: 979.8px) { .global-nav__inside { padding-top: 0rem; position: relative; } } .global-nav__megaclose { display: none; } @media screen and (min-width: 980px) { .global-nav__megaclose { position: relative; width: 50px; height: 50px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: 10px; } } @media screen and (min-width: 980px) and (hover: hover) and (pointer: fine) { .global-nav__megaclose:hover::before, .global-nav__megaclose:hover::after { background: var(--key); } } @media screen and (min-width: 980px) { .global-nav__megaclose::before, .global-nav__megaclose::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; background: var(--def); -webkit-transform-origin: center; transform-origin: center; } .global-nav__megaclose::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .global-nav__megaclose::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } } .global-nav__list { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; overflow: hidden; } @media screen and (min-width: 980px) { .global-nav__list { margin-top: unset; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: unset; border: unset; border-radius: unset; overflow: visible; margin-top: unset; gap: 0.625rem 0.3125rem; } } .global-nav__list > li { margin-top: unset; } @media screen and (min-width: 980px) { .global-nav__list > li { margin: unset; position: relative; border: none; } } .global-nav__item:has(button) { position: relative; } .global-nav__item { border-bottom: 1px solid var(--gry); } @media screen and (min-width: 980px) { .global-nav__item { border-bottom: unset; } } .global-nav__item.is-active > .global-nav__btn { color: var(--key); } .global-nav__btn { width: 100%; padding: 0.875rem 0.625rem; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-weight: bold; line-height: 1.3; min-height: 3.375rem; border-radius: unset; } @media screen and (max-width: 979.8px) { .global-nav__btn:not([target=_blank]) .txt, .global-nav__btn:not([target=_blank]) .ttl { position: relative; padding-right: 25px; width: 100%; display: block; } .global-nav__btn:not([target=_blank]) .txt:after, .global-nav__btn:not([target=_blank]) .ttl:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } @media screen and (min-width: 980px) { .global-nav__btn { min-height: unset; color: var(--def); } } .global-nav__btn[target=_blank], .global-nav__btn[href^="https://saas.actibookone.com/"], .global-nav__btn[href$=".pdf"] { padding-right: 1.375rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .global-nav__btn[target=_blank], .global-nav__btn[href^="https://saas.actibookone.com/"], .global-nav__btn[href$=".pdf"] { gap: 0.75rem; } } .global-nav__btn[target=_blank]:after, .global-nav__btn[href^="https://saas.actibookone.com/"]:after, .global-nav__btn[href$=".pdf"]:after { content: ""; width: 30px; aspect-ratio: 1; margin: 0; display: block; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); -ms-flex-negative: 0; flex-shrink: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } .global-nav__btn[target=_blank]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-nav__btn[href^="https://saas.actibookone.com/"]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-nav__btn[href$=".pdf"]:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } .global-nav__btn[target=_blank]:where([target=_blank]):after, .global-nav__btn[href^="https://saas.actibookone.com/"]:where([target=_blank]):after, .global-nav__btn[href$=".pdf"]:where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.875rem; } .global-nav__btn[target=_blank]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-nav__btn[href^="https://saas.actibookone.com/"]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, .global-nav__btn[href$=".pdf"]:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } .global-nav__btn[target=_blank], .global-nav__btn[href^="https://saas.actibookone.com/"], .global-nav__btn[href$=".pdf"] { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ } .global-nav__btn[target=_blank]:after { right: 0px; width: 14px !important; height: 14px !important; } @media screen and (min-width: 980px) { .global-nav__btn[target=_blank]:after { background: var(--def); } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-nav__btn[target=_blank]:after { top: 8px; } } @media screen and (min-width: 980px) { .global-nav__btn[aria-expanded]:not([target=_blank]) .txt { position: relative; padding-right: 25px; width: 100%; display: block; } .global-nav__btn[aria-expanded]:not([target=_blank]) .txt:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } @media screen and (min-width: 980px) { .global-nav__btn[aria-expanded]:not([target=_blank]) .txt::before { display: none; } } @media screen and (min-width: 980px) { .global-nav__btn[aria-expanded]:not([target=_blank]) .txt::after { -webkit-transform: rotate(88deg); transform: rotate(88deg); top: 0.0625rem; right: 0.3125rem; width: 14px; height: 14px; } } @media screen and (min-width: 980px) { .global-nav__btn[aria-expanded][aria-expanded=true] .txt::after { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @media screen and (max-width: 979.8px) { .global-nav__btn { padding-left: 0; position: relative; color: var(--def); } } @media screen and (max-width: 979.8px) and (hover: hover) and (pointer: fine) { .global-nav__btn:hover { color: var(--key); } } @media screen and (max-width: 979.8px) { .global-nav__btn:not([aria-expanded]):after { right: 1.125rem; width: 0.875rem; height: 0.875rem; background: var(--def) !important; } .global-nav__btn[target=_blank]:after { right: 0.625rem; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-nav__btn { padding-top: 0 !important; } } @media screen and (max-width: 979.8px) { .global-nav__btn[aria-expanded] > .txt:before, .global-nav__btn[aria-expanded] > .txt:after { content: ""; position: absolute; right: 0.3125rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 2px; background: var(--def); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: 1; -webkit-mask-image: unset; mask-image: unset; } .global-nav__btn[aria-expanded] > .txt:before { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } } @media screen and (min-width: 980px) { .global-nav__btn[aria-expanded]::before { left: calc(50% - 26.5px); } } .global-nav__btn[aria-expanded=true] > .txt::before { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } @media screen and (min-width: 980px) { .global-nav__btn { position: relative; font-size: 0.875rem; z-index: 10; } .global-nav__btn:before { content: ""; width: 28px; height: 3px; display: block; background: var(--key); left: calc(50% - 14px); bottom: 9px; top: unset; position: absolute; -webkit-transform: scale(1, 0) !important; transform: scale(1, 0) !important; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; margin-top: 2px; } } @media screen and (min-width: 980px) and (hover: hover) and (pointer: fine) { .global-nav__btn:hover { color: var(--key); } .global-nav__btn:hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1) !important; transform: scale(1, 1) !important; } } @media screen and (min-width: 980px) { .global-child__cover { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; scrollbar-color: var(--wht) #f5f5f5; scrollbar-width: thin; } .global-child__cover::-webkit-scrollbar { width: 10px; } .global-child__cover::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--wht); background-color: var(--key); } .global-child__cover::-webkit-scrollbar-track { background-color: #f5f5f5; } .global-child__cover { max-height: calc(100dvh - 9.375rem); scrollbar-color: var(--key) #f5f5f5; } } .global-child__close { display: inline-block; height: 2.875rem; width: 100px; position: fixed; left: 0; top: 0; z-index: 1; color: var(--wht); font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 0.875rem; padding-left: 1.5rem; padding-top: 0.25rem; padding-right: unset !important; } @media screen and (min-width: 680px) { .global-child__close { font-size: 1.125rem; margin-left: 0.875rem; padding-top: 1.375rem; } } .global-child__close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .global-child__close { gap: 0.75rem; } } .global-child__close:after { content: ""; width: 30px; aspect-ratio: 1; margin: 0; display: block; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); -ms-flex-negative: 0; flex-shrink: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } .global-child__close:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } .global-child__close:where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.875rem; } .global-child__close:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } .global-child__close { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ } .global-child__close:before, .global-child__close:after { right: unset; left: 0.5rem; margin-top: 0.25rem; } @media screen and (min-width: 680px) { .global-child__close:before, .global-child__close:after { margin-top: 0.8125rem; } } .global-child__close:before { display: none; } .global-child__close:after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); background: var(--wht); } @media screen and (min-width: 680px) { .global-child__close { height: 4rem; } } @media screen and (min-width: 980px) { .global-child__close { display: none; } } @media screen and (min-width: 980px) { .global-child__container { padding: 1.25rem 3.75rem 3.75rem; display: grid; gap: 1.5rem; } } @media screen and (min-width: 1248px) { .global-child__container { gap: 1rem; grid-template-columns: 200px 1fr; } } @media screen and (min-width: 980px) { .global-child__container:not(:has(.global-child__headline)) { grid-template-columns: none; padding: 0; } } @media screen and (min-width: 980px) { .global-child__headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-top: unset; padding-right: 1.5rem; padding-top: 0.5rem; } } @media screen and (min-width: 980px) { .global-child__headline { padding: unset; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 979.8px) { .global-child__headline { padding-top: 0; } } .global-child__headline .global-child__item { line-height: 1.3; padding-right: unset; margin-top: unset; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 980px) { .global-child__headline .global-child__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 979.8px) { .global-child__headline .global-child__item { border-bottom: 1px solid #f5f5f5; } } .global-child__headline .global-child__item > a { font-size: 0.9375rem; font-weight: 500; } @media screen and (min-width: 980px) { .global-child__headline .global-child__item > a { font-size: 1.25rem; font-weight: bold; gap: 0.5rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (min-width: 1248px) { .global-child__headline .global-child__item > a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0.25rem; } } .global-child__headline .global-child__item > a > .txt { text-decoration: none; display: none; } @media screen and (min-width: 980px) { .global-child__headline .global-child__item > a > .txt { font-size: 0.75rem; position: relative; padding-left: unset; margin-top: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 979.8px) { .global-child__headline .global-child__item > a > .txt:after { display: none !important; } } @media screen and (min-width: 980px) { .global-child__headline .global-child__item > a > .txt:after { left: unset; right: 17px; width: 14px; height: 14px; z-index: 1; -webkit-transition: background 0.3s; transition: background 0.3s; -webkit-transform: none; transform: none; position: unset; -ms-flex-negative: 0; flex-shrink: 0; } } .global-child__headline .global-child__item > a:before, .global-child__headline .global-child__item > a:after { display: none !important; } @media screen and (min-width: 980px) { .global-child__column { display: grid; padding: 1rem 1rem 0; } .global-child__column:has(.thumb) { gap: 1rem; grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width: 980px) { .global-child__column { padding: unset; gap: 1.25rem; grid-template-columns: repeat(4, 1fr); } .global-child__column:has(.thumb) { gap: 1.5rem; } } @media screen and (min-width: 680px) { .global-child__bottom { padding-inline: 0.5rem; } } @media screen and (min-width: 980px) { .global-child__bottom { padding-inline: unset; margin-top: 1.5rem; padding-top: 0.875rem; border-top: #D9D9D9 1px solid; } } @media screen and (min-width: 680px) { .global-child__col { min-width: 0; margin: unset !important; } .global-child__col:has(.thumb) { display: grid; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .global-child__col { /* &:not(:has(.thumb)) { display: contents; .global-child__list { display: contents; } }*/ } } @media screen and (min-width: 680px) { .global-child__col > a { margin: unset !important; } } @media screen and (max-width: 979.8px) { .global-child__panel { position: relative; width: 100%; padding: 0 0 0 0px; height: 0; overflow: hidden; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; pointer-events: none; } .global-child__panel[aria-hidden=false] { pointer-events: auto; padding-bottom: 10px; } } @media screen and (min-width: 980px) { .global-child__panel { position: fixed; top: 9.375rem; left: unset; z-index: 9; padding: 0 !important; background: var(--wht); -webkit-transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72), display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete; transition: opacity 0.1s cubic-bezier(0.34, 0.81, 0.94, 0.72), top 0.3s, transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72), display 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72) allow-discrete, -webkit-transform 0.3s cubic-bezier(0.34, 0.81, 0.94, 0.72); display: none; opacity: 0; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); max-height: calc(100vw - 9.375rem); border: 1px solid #E6E6E6; border-top: 0; -webkit-box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.08); box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.08); border-radius: 0px 0px 8px 8px; } .global-child__panel[aria-hidden=false] { -webkit-transform: translate(0, 0); transform: translate(0, 0); display: block; opacity: 1; } @starting-style { .global-child__panel[aria-hidden=false] { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); } } .global-child__panel[aria-hidden=true] { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } @starting-style { .global-child__panel[aria-hidden=true] { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } } @media screen and (min-width: 980px) { .global-child__ghead { position: relative; padding-bottom: 11px; } } @media screen and (min-width: 980px) and (hover: hover) and (pointer: fine) { .global-child__ghead:hover .txt { text-decoration: none !important; color: var(--key); } } @media screen and (min-width: 980px) { .global-child__ghead:before { content: ""; width: 100%; height: 0.0625rem; background: var(--key); position: absolute; left: 0; bottom: 0; } .global-child__ghead:after { content: ""; width: 1.8125rem; height: 0.0625rem; background: var(--key); position: absolute; left: 0; bottom: 0; } .global-child__ghead .txt { position: relative; color: var(--def); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; font-size: 1rem; font-weight: bold; padding-right: 20px; } .global-child__ghead .txt:before { content: ""; width: 18px; height: 18px; border: var(--def) 1px solid; background: var(--wht); border-radius: 50%; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .global-child__ghead .txt:after { content: ""; width: 8px; height: 8px; margin: 0; display: block !important; position: absolute; background-image: unset; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0.25rem; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: var(--def); -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } .global-child__ghead + .global-grand__list { margin-top: 1rem; } @media screen and (max-width: 979.8px) { .global-child__ghead { padding: 0px 0.625rem; margin-bottom: 0.625rem; } } .global-child__ghead a { font-size: 0.9375rem; } @media screen and (max-width: 979.8px) { .global-child__ghead a { color: var(--def); padding-top: 0.625rem; display: block; } } @media (hover: hover) and (pointer: fine) { .global-child__ghead a:hover .txt { color: var(--key); text-decoration: none !important; } } .global-child__item { margin-top: 0.625rem; border-radius: unset; } @media screen and (max-width: 979.8px) { .global-child__item { margin-top: 0; } .global-child__item:not(:has(.global-sub__list)) { padding: 0; } .global-child__item .global-sub__list { border-top: 1px solid var(--gry); } } @media screen and (max-width: 979.8px) { .global-grand__list .global-child__item { border: 0; } } @media screen and (max-width: 979.8px) { .global-child__item:not([target=_blank]) .txt, .global-child__item:not([target=_blank]) .ttl { position: relative; padding-right: 25px; width: 100%; display: block; } .global-child__item:not([target=_blank]) .txt:after, .global-child__item:not([target=_blank]) .ttl:after { content: ""; width: 14px; height: 14px; position: absolute; top: 50%; right: 0.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; background-color: #333; -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } } .global-child__col .global-child__item { position: relative; } .global-child__col .global-child__item:before { width: calc(100% - 20px); content: ""; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; bottom: -5px; left: 10px; } @media screen and (min-width: 980px) { .global-child__item { border-top: unset; padding: 0.9375rem 1.25rem !important; } .global-child__item ~ li { margin-top: 1rem; border-top: 1px solid var(--gry); } } .global-child__item > a { color: var(--def); display: block; padding: 0.625rem; font-size: 0.9375rem; position: relative; line-height: 1.3; } @media screen and (min-width: 980px) { .global-child__item > a { padding: unset; } } @media (hover: hover) and (pointer: fine) { .global-child__item > a:hover > .txt, .global-child__item > a:hover .ttl { text-decoration: none !important; color: var(--key); } } .global-child__item > a > .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; } @media screen and (min-width: 980px) { .global-child__item > a > .txt { padding-inline: 1rem 0; font-weight: 500; } } @media screen and (min-width: 980px) { .global-child__item > a > .txt::before { content: ""; position: absolute; top: 50%; left: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; display: block !important; top: 0.5em; -webkit-transform: unset; transform: unset; width: 5px; height: 5px; border-radius: 5px; background: var(--key); } } .global-child__item > a .thumb { display: none; } @media screen and (min-width: 980px) { .global-child__item > a .thumb { width: 100%; } .global-child__item > a .thumb img { width: 100%; height: 100%; } .global-child__item > a .thumb img { -o-object-fit: cover; object-fit: cover; } .global-child__item > a .thumb { border-radius: 8px; display: block; overflow: hidden; } } .global-child__item > a .thumb img { border-radius: 8px; } .global-child__item > a:has(.thumb) { color: var(--def); } @media screen and (min-width: 980px) { .global-child__item > a:has(.thumb) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin: 0.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.9375rem; font-weight: 500; padding-right: unset; gap: 1rem; } .global-child__item > a:has(.thumb) .txt { display: block; } } .global-child__item > a:has(.thumb) > .txt { display: block; position: relative; width: 100%; } @media screen and (min-width: 980px) { .global-child__item > a:has(.thumb) > .txt { padding-inline: 0; text-align: left; } } .global-child__item > a:has(.thumb) > .txt:after { background: var(--def); } @media screen and (min-width: 980px) { .global-child__item > a:has(.thumb) > .txt:after { display: none !important; } } @media (hover: hover) and (pointer: fine) { .global-child__item > a:has(.thumb):hover { color: var(--key); } .global-child__item > a:has(.thumb):hover .txt { text-decoration: none; } } @media screen and (min-width: 980px) { .global-child__column .global-child__item > a:not(:has(.thumb)) { border-bottom: 1px solid #D9D9D9; padding-bottom: 10px !important; } } @media screen and (max-width: 979.8px) { .global-child__item > a:where([target=_blank]) :where(.txt):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg) !important; mask-image: url(/dcms_media/common/ico_blank.svg) !important; width: 0.75rem; right: 0 !important; } } @media screen and (max-width: 979.8px) { .global-child__item > a:where([href^="https://saas.actibookone.com/"]) :where(.txt):after, .global-child__item > a:where([href$=".pdf"]) :where(.txt):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg) !important; mask-image: url(/dcms_media/common/ico_pdf.svg) !important; width: 1rem; right: 0 !important; } } @media screen and (max-width: 979.8px) { .global-sub__list .global-child__item { margin-top: 0; } } @media screen and (max-width: 979.8px) { .global-grand__list { margin-bottom: 20px; } } @media screen and (max-width: 979.8px) { .global-grand__list .global-child__item a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 5px; padding-bottom: 0; padding: 0 1.25rem; } .global-grand__list .global-child__item a::before { content: ""; width: 10px; height: 1px; border-top: 1px solid var(--def); -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; } } @media screen and (max-width: 979.8px) { .global-grand__list .global-child__item a .txt, .global-grand__list .global-child__item a .ttl { padding-right: 0; } .global-grand__list .global-child__item a .txt::before, .global-grand__list .global-child__item a .txt::after, .global-grand__list .global-child__item a .ttl::before, .global-grand__list .global-child__item a .ttl::after { display: none; } } @media screen and (max-width: 979.8px) { .global-grand__list .global-child__item + .global-child__item a { padding-top: 0.625rem; } } @media screen and (min-width: 980px) { .d-nav-sp { display: none; } } .d-nav-pc { display: none; } @media screen and (min-width: 980px) { .d-nav-pc { display: block; } } @media screen and (min-width: 980px) { .--order-pc-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .--order-pc-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .--order-pc-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .--order-pc-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .--order-pc-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .--order-pc-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .--order-pc-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .--order-pc-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .--order-pc-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .--order-pc-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .--order-pc-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .--order-pc-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .--order-pc-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .--order-pc-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .--order-pc-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .--order-pc-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .--order-pc-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .--order-pc-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .--order-pc-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .--order-pc-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } } @media screen and (max-width: 979.8px) { .--order-sp-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .--order-sp-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .--order-sp-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .--order-sp-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .--order-sp-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .--order-sp-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .--order-sp-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .--order-sp-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .--order-sp-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .--order-sp-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .--order-sp-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .--order-sp-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .--order-sp-13 { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .--order-sp-14 { -webkit-box-ordinal-group: 15; -ms-flex-order: 14; order: 14; } .--order-sp-15 { -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } .--order-sp-16 { -webkit-box-ordinal-group: 17; -ms-flex-order: 16; order: 16; } .--order-sp-17 { -webkit-box-ordinal-group: 18; -ms-flex-order: 17; order: 17; } .--order-sp-18 { -webkit-box-ordinal-group: 19; -ms-flex-order: 18; order: 18; } .--order-sp-19 { -webkit-box-ordinal-group: 20; -ms-flex-order: 19; order: 19; } .--order-sp-20 { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; } } @media screen and (min-width: 980px) { .global-header__main { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 230px 1fr 0px; padding: 2px 1.5rem; max-width: calc(1200px + 1.5rem * 2); margin-left: auto; margin-right: auto; position: relative; border: unset; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-header__main { grid-template-columns: 160px 1fr 0px; } } .global-headerMain__container a { text-decoration: none; } .global-headerMain__inner { -webkit-transition: height 0.3s; transition: height 0.3s; } .global-headerMain__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 50px; position: relative; z-index: 10; } @media screen and (min-width: 980px) { .global-headerMain__bar { display: contents; height: 50px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 979.8px) { .is-open .global-headerMain__bar { background: var(--wht); } } .global-headerMain__logo { line-height: 0; height: 100%; } .global-headerMain__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; padding: 20px 0px; } @media screen and (min-width: 980px) { .global-headerMain__logo a { padding: 0; } } .global-headerMain__logo .thumb { height: 20px; -webkit-transition: 0.3s; transition: 0.3s; background: unset; } @media (hover: hover) and (pointer: fine) { .global-headerMain__logo .thumb:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } } .global-headerMain__logo .thumb img { width: auto; height: 100%; } @media screen and (min-width: 980px) { .global-headerMain__logo .thumb { height: 29px; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-headerMain__logo .thumb { height: 25px; } } [class*=global] :where(ul, ol) > :where(li) { padding-left: unset; } :where([class*=global] :where(ul, ol) > :where(li):before) { display: none; position: static; width: unset; height: unset; } .global-header__container { position: fixed; top: 0; left: 0; z-index: 10; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; width: 100%; background: var(--wht); } .is-scroll .global-header__container { top: calc(0px - 9.375rem); } @media screen and (max-width: 979.8px) { .is-scroll.is-open .global-header__container { top: 0; } } .is-scroll-up .global-header__container { top: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); } .global-header__container a { text-decoration: none; } #wrapper:has(.main-visual__container) .global-header__container { background: unset; } .is-scroll #wrapper:has(.main-visual__container) .global-header__container { background: var(--wht); } .global-header__inner { -webkit-transition: height 0.3s; transition: height 0.3s; } @media screen and (min-width: 980px) { .global-header__inner { height: 9.375rem; } } @media screen and (min-width: 980px) { .global-header__inner:has(.global-nav__btn[aria-expanded=true]) { background: var(--wht); } } .global-header__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; position: relative; z-index: 10; } @media screen and (min-width: 980px) { .global-header__bar { display: contents; height: 64px; } } @media screen and (max-width: 979.8px) { .is-open .global-header__bar { background: var(--lkey); } } .global-header__product { border-top: 1px solid var(--gry); } @media screen and (min-width: 980px) { .global-header__product { display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-template-columns: 258px 1fr 0px; padding: 18px 1.5rem; max-width: calc(1200px + 1.5rem * 2); margin-left: auto; margin-right: auto; position: relative; border: unset; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-header__product { padding-top: 0; padding-bottom: 0; } } @media screen and (min-width: 980px) { .global-header__product::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; height: 1px; background: var(--gry); } } .global-header__logo { line-height: 0; height: 100%; } .global-header__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 20px 15px; } @media screen and (min-width: 980px) { .global-header__logo a { padding: 0; } } .global-header__logo .thumb { height: 30px; -webkit-transition: 0.3s; transition: 0.3s; background: unset; } @media (hover: hover) and (pointer: fine) { .global-header__logo .thumb:hover img { -webkit-transform: scale(1.02); transform: scale(1.02); } } .global-header__logo .thumb img { width: auto; height: 100%; } @media screen and (min-width: 980px) { .global-header__logo .thumb { height: 64px; } } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-header__logo .thumb { height: 40px; } } .global-menu__btn { position: relative; background: var(--wht); width: 100px; height: 30px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 50%; font-size: 0.875rem; border-radius: 20px; border: 1px solid var(--def); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; } @media screen and (min-width: 980px) { .global-menu__btn { display: none; } } .global-menu__btn .line-btn { position: relative; width: 30px; height: 30px; display: block; } .global-menu__btn .line-btn .line { position: absolute; left: 25%; width: 50%; height: 2px; background-color: var(--key); border-radius: unset; -webkit-transition: 0.5s; transition: 0.5s; } .global-menu__btn .line-btn .line:nth-of-type(1) { top: 39%; } .global-menu__btn .line-btn .line:nth-of-type(2) { top: 59%; opacity: 1; } .global-menu__btn[aria-expanded=true] .line-btn .line:nth-of-type(1) { -webkit-transform: unset; transform: unset; top: 35%; } .global-menu__btn[aria-expanded=true] .line-btn .line:nth-of-type(2) { opacity: 1; } .global-menu__btn[aria-expanded=true] .line-btn .line:nth-of-type(3) { -webkit-transform: unset; transform: unset; width: 25%; top: unset; bottom: 34%; } .global-menu__btn[aria-expanded=true] .line-btn .line:nth-of-type(1) { -webkit-transform: translateY(5px) rotate(47deg); transform: translateY(5px) rotate(47deg); width: 50%; top: 34%; } .global-menu__btn[aria-expanded=true] .line-btn .line:nth-of-type(2) { -webkit-transform: translateY(-8px) rotate(-47deg); transform: translateY(-8px) rotate(-47deg); width: 50%; bottom: 16%; top: unset; } .global-contact__container { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 980px) { .global-contact__container { margin-top: 0; grid-column: 3; grid-row: 1; -webkit-transition: margin 0.3s; transition: margin 0.3s; } } .global-contact__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 980px) and (max-width: 1279.8px) { .global-contact__btn { padding-top: 10px; padding-bottom: 10px; min-height: 30px; } } .global-utility__container { margin-top: 1rem; padding-inline: 1rem; max-width: 400px; margin-inline: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (min-width: 680px) { .global-utility__container { max-width: 460px; } } @media screen and (min-width: 980px) { .global-utility__container { max-width: unset; margin: unset; padding: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0.9375rem; -webkit-transition: margin 0.3s; transition: margin 0.3s; -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset; } } .global-utility__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.5rem; } @media screen and (min-width: 980px) { .global-utility__list { gap: 1rem; } } .global-utility__list > li a { color: var(--wht); } @media screen and (min-width: 680px) { .global-utility__list > li a { font-size: 1.125rem; } } @media screen and (min-width: 980px) { .global-utility__list > li a { font-size: 0.75rem; } #wrapper:has(.main-visual__container) .global-utility__list > li a { color: #777; } } .global-utility__list > li a > .txt { letter-spacing: -0.04em; } @media screen and (min-width: 680px) { .global-utility__list > li a > .txt { letter-spacing: unset; } } @media screen and (min-width: 980px) { .global-utility__list > li a > .txt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .global-utility__list > li a > .txt:before { background: var(--wht); margin-top: unset; width: 1.4em; height: 1.4em; } @media screen and (min-width: 980px) { .global-utility__list > li a > .txt:before { background: #777; -webkit-transition: background 0.3s; transition: background 0.3s; } } @media (hover: hover) and (pointer: fine) { .global-utility__list > li a:hover > .txt:before { background: var(--wht); } } .align-C { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-S { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-E { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-B { -webkit-box-align: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } @media screen and (max-width: 679.8px) { .align-sp-C { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-sp-S { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-sp-E { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-sp-B { -webkit-box-align: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } } @media screen and (min-width: 680px) { .align-sm-C { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-sm-S { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-sm-E { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-sm-B { -webkit-box-align: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .align-tb-C { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-tb-S { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-tb-E { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-tb-B { -webkit-box-align: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } } @media screen and (min-width: 980px) { .align-pc-C { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-pc-S { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-pc-E { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-pc-B { -webkit-box-align: space-between !important; -ms-flex-align: space-between !important; align-items: space-between !important; } } /*.md-wide__container.--fill:has(.md-anchor__overwrap) { @include mq(max,sm) { padding-left: unset; padding-right: unset; } }*/ .md-anchor { /*&__overwrap { @include mq(max,sm) { overflow-x: auto; text-align: center; } }*/ } .md-anchor__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .md-anchor__list.md-flex__container .md-anchor__btn { width: 100%; } .md-anchor__list { /*.md-anchor__overwrap & { flex-wrap: nowrap; width: auto; margin: unset; @include mq(max,sm) { white-space: nowrap; display: inline-flex; } }*/ } .md-anchor__list > li { display: -webkit-box; display: -ms-flexbox; display: flex; /*.md-anchor__overwrap & { display: flex; + li { position: relative; &:after { content: ""; width: 1px; height: 100%; display: block; background: var(--gry); position: absolute; left: -5px; top: 0; } } }*/ } .md-anchor__btn { border: var(--def) 1px solid; min-height: 48px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.75rem; padding-right: 2rem; position: relative; background-color: var(--def); color: var(--wht); min-width: 170px; overflow: hidden; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1), border 0.3s cubic-bezier(0.37, 0, 0.63, 1), color 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1), border 0.3s cubic-bezier(0.37, 0, 0.63, 1), color 0.3s cubic-bezier(0.37, 0, 0.63, 1); display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .md-anchor__btn { gap: 0.75rem; } } .md-anchor__btn:after { content: ""; position: absolute; top: 4px; right: 0; width: 8px; aspect-ratio: 1; border-top: 2px solid var(--key); border-right: 2px solid var(--key); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: border-color 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: border-color 0.3s cubic-bezier(0.37, 0, 0.63, 1), transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: border-color 0.3s cubic-bezier(0.37, 0, 0.63, 1), transform 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); display: block; width: 8px; border-color: var(--wht); top: 50%; right: 0.75rem; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .md-anchor__btn:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } .md-anchor__btn:where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.75rem; } .md-anchor__btn:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } .md-anchor__btn { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ } @media screen and (min-width: 680px) { .md-anchor__btn { padding: 0.75rem 1.125rem; padding-right: 2rem; min-height: 50px; } } @media (hover: hover) and (pointer: fine) { .md-anchor__btn:hover:after { -webkit-transform: translateY(calc(-50% + 4px)) rotate(135deg); transform: translateY(calc(-50% + 4px)) rotate(135deg); } } .md-badge__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; font-size: 0.75rem; } .md-badge__container + .md-badge__container { margin-top: 5px; } .badge { display: inline-block; border-style: solid; border-width: 1px; font-size: 0.75rem; text-decoration: none !important; padding: 4px 8px; line-height: 1.25; background-color: var(--key); border-color: var(--key); color: var(--wht); border-color: var(--key); border-radius: 5px; } @media (hover: hover) and (pointer: fine) { a.badge:hover { background: var(--wht); color: var(--key); } } :where(.md-breadcrumb__container) { font-size: 0.75rem; position: relative; margin-top: 1.25rem; } @media screen and (min-width: 980px) { :where(.md-breadcrumb__container) { margin-top: 2.5rem; } } :where(.md-breadcrumb__inside) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-inline: 1rem; position: relative; z-index: 2; } @media screen and (min-width: 1025px) { :where(.md-breadcrumb__inside) { width: 100%; max-width: calc(1200px + 1.5rem * 2); margin-left: auto; margin-right: auto; padding-inline: 2rem; } } :where(.md-breadcrumb__list) { display: -webkit-box; display: -ms-flexbox; display: flex; /*overflow-x: auto; white-space: nowrap; padding-bottom: rem(4px); scrollbar-color: var(--dgry) #f5f5f5; scrollbar-width: thin;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; /*&::-webkit-scrollbar { width: 10px; height: 10px; } &::-webkit-scrollbar-thumb { border-radius: 10px; border: 3px solid transparent; background-clip: content-box; background-color: var(--dgry); } &::-webkit-scrollbar-track { background-color: #f5f5f5; }*/ } :where(.md-breadcrumb__list) li { position: relative; padding-left: 20px; } :where(.md-breadcrumb__list) li a { color: var(--dgry); text-decoration: none; } :where(.md-breadcrumb__list) li a:after { display: none; } @media (hover: hover) and (pointer: fine) { :where(.md-breadcrumb__list) li a:hover { color: var(--def); } } :where(.md-breadcrumb__list) li a[aria-current=location] { text-decoration: none; color: var(--def); pointer-events: none; } :where(.md-breadcrumb__list) li a + meta + a { position: relative; display: inline-block; padding-left: 20px; } :where(.md-breadcrumb__list) li a + meta + a:after { content: ""; width: 1px; height: 60%; position: absolute; top: 22%; left: 10px; background: var(--gry); } :where(.md-breadcrumb__list) li:after { content: ""; width: 6px; height: 6px; border-top: 1px solid var(--dgry); border-right: 1px solid var(--dgry); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: calc(50% - 3px); left: 0.5em; border-radius: unset; } @media screen and (max-width: 373.8px) { :where(.md-breadcrumb__list) li:after { top: 0.7em; } } @media screen and (min-width: 680px) { :where(.md-breadcrumb__list) li:after { /* width: 8px; height: 8px; top: .65em; left: .3em;*/ } } :where(.md-breadcrumb__list) li:first-child { padding-left: 0; } :where(.md-breadcrumb__list) li:first-child:after { display: none; } .md-btn__container { margin-top: 1.25rem; } @media screen and (min-width: 680px) { .md-btn__container { margin-top: 1.875rem; } } .md-btn__container.md-flex__container > li { display: -webkit-box; display: -ms-flexbox; display: flex; } .md-btn__container > li { max-width: 360px; } @media screen and (max-width: 679.8px) { .md-btn__container.SP\:1 li.--harf { width: calc(50% - 10px); } } .md-btn__item + .md-btn__item { margin-top: 10px; } .colBLK { color: var(--blk) !important; } .colKEY { color: var(--key) !important; } .colLKEY { color: var(--lkey) !important; } .colGRY { color: var(--gry) !important; } .colLGRY { color: var(--lgry) !important; } .colDGRY { color: var(--dgry) !important; } .colWHT { color: var(--wht) !important; } .colRED { color: var(--red) !important; } .colALERT { color: var(--alert) !important; } .colBG { color: var(--bg) !important; } .--BLK { background-color: var(--blk) !important; } .--KEY { background-color: var(--key) !important; } .--LKEY { background-color: var(--lkey) !important; } .--GRY { background-color: var(--gry) !important; } .--LGRY { background-color: var(--lgry) !important; } .--DGRY { background-color: var(--dgry) !important; } .--WHT { background-color: var(--wht) !important; } .--RED { background-color: var(--red) !important; } .--ALERT { background-color: var(--alert) !important; } .--BG { background-color: var(--bg) !important; } @media screen and (max-width: 679.8px) { :where(.md-asym__container) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; row-gap: 2rem; } :where(.md-asym__container).SP\:1 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 2); } :where(.md-asym__container).SP\:1 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 22); } :where(.md-asym__container).SP\:2 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 4); } :where(.md-asym__container).SP\:2 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 20); } :where(.md-asym__container).SP\:3 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 6); } :where(.md-asym__container).SP\:3 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 18); } :where(.md-asym__container).SP\:4 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 8); } :where(.md-asym__container).SP\:4 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 16); } :where(.md-asym__container).SP\:5 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 10); } :where(.md-asym__container).SP\:5 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 14); } :where(.md-asym__container).SP\:6 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 12); } :where(.md-asym__container).SP\:6 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 12); } :where(.md-asym__container).SP\:7 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 14); } :where(.md-asym__container).SP\:7 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 10); } :where(.md-asym__container).SP\:8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 16); } :where(.md-asym__container).SP\:8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 8); } :where(.md-asym__container).SP\:9 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 18); } :where(.md-asym__container).SP\:9 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 6); } :where(.md-asym__container).SP\:10 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 20); } :where(.md-asym__container).SP\:10 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 4); } :where(.md-asym__container).SP\:11 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 22); } :where(.md-asym__container).SP\:11 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 2); } :where(.md-asym__container).SP\:1h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 3); } :where(.md-asym__container).SP\:1h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 21); } :where(.md-asym__container).SP\:2h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 5); } :where(.md-asym__container).SP\:2h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 19); } :where(.md-asym__container).SP\:3h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 7); } :where(.md-asym__container).SP\:3h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 17); } :where(.md-asym__container).SP\:4h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 9); } :where(.md-asym__container).SP\:4h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 15); } :where(.md-asym__container).SP\:5h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 11); } :where(.md-asym__container).SP\:5h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 13); } :where(.md-asym__container).SP\:6h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 13); } :where(.md-asym__container).SP\:6h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 11); } :where(.md-asym__container).SP\:7h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 15); } :where(.md-asym__container).SP\:7h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 9); } :where(.md-asym__container).SP\:8h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 17); } :where(.md-asym__container).SP\:8h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 7); } :where(.md-asym__container).SP\:9h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 19); } :where(.md-asym__container).SP\:9h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 5); } :where(.md-asym__container).SP\:10h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 21); } :where(.md-asym__container).SP\:10h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 3); } :where(.md-asym__container).SP\:11h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.25rem) / 24 * 23); } :where(.md-asym__container).SP\:11h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.25rem) / 24 * 1); } :where(.md-asym__container).SP\:1.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).SP\:1.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).SP\:1.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).SP\:1h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).SP\:1h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).SP\:2.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).SP\:2.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).SP\:2.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).SP\:2h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).SP\:2h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).SP\:3.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).SP\:3.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).SP\:3.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).SP\:3h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).SP\:3h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).SP\:4.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).SP\:4.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).SP\:4.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).SP\:4h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).SP\:4h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).SP\:5.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).SP\:5.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).SP\:5.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).SP\:5h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).SP\:5h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).SP\:6.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).SP\:6.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).SP\:6.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).SP\:6h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).SP\:6h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).SP\:7.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).SP\:7.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).SP\:7.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).SP\:7h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).SP\:7h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).SP\:8.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).SP\:8.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).SP\:8.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).SP\:8h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).SP\:8h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).SP\:9.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).SP\:9.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).SP\:9.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).SP\:9h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).SP\:9h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).SP\:10.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).SP\:10.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).SP\:10.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).SP\:10h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).SP\:10h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).SP\:11.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 1); } :where(.md-asym__container).SP\:11.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).SP\:11.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).SP\:11h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 23); } :where(.md-asym__container).SP\:11h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 1); } :where(.md-asym__container).SP\:12.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * -1); } :where(.md-asym__container).SP\:12.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 24); } :where(.md-asym__container).SP\:12.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 0); } :where(.md-asym__container).SP\:12h.colgap-sp-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 25); } :where(.md-asym__container).SP\:12h.colgap-sp-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * -1); } :where(.md-asym__container).SP\:12 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } :where(.md-asym__container).SP\:12 > :where(*) { width: 100%; } :where(.md-asym__container).SP\:12 > :where([class*=__thumb]) { margin-inline: auto; } } @media screen and (max-width: 679.8px) and (min-width: 680px) { :where(.md-asym__container).SP\:12 > :where([class*=__thumb]) { max-width: 600px; } } @media screen and (max-width: 679.8px) { :where(.md-asym__container).SP\:12[data-reverse-v-sp=true], :where(.md-asym__container).SP\:12[data-reverse-v=true] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } :where(.md-asym__container)[data-reverse-sp=true]:not(.SP\:12), :where(.md-asym__container)[data-reverse=true]:not(.SP\:12) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-asym__container) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; row-gap: 3rem; } :where(.md-asym__container).TB\:1 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 2); } :where(.md-asym__container).TB\:1 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 22); } :where(.md-asym__container).TB\:2 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 4); } :where(.md-asym__container).TB\:2 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 20); } :where(.md-asym__container).TB\:3 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 6); } :where(.md-asym__container).TB\:3 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 18); } :where(.md-asym__container).TB\:4 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 8); } :where(.md-asym__container).TB\:4 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 16); } :where(.md-asym__container).TB\:5 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 10); } :where(.md-asym__container).TB\:5 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 14); } :where(.md-asym__container).TB\:6 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 12); } :where(.md-asym__container).TB\:6 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 12); } :where(.md-asym__container).TB\:7 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 14); } :where(.md-asym__container).TB\:7 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 10); } :where(.md-asym__container).TB\:8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 16); } :where(.md-asym__container).TB\:8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 8); } :where(.md-asym__container).TB\:9 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 18); } :where(.md-asym__container).TB\:9 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 6); } :where(.md-asym__container).TB\:10 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 20); } :where(.md-asym__container).TB\:10 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 4); } :where(.md-asym__container).TB\:11 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 22); } :where(.md-asym__container).TB\:11 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 2); } :where(.md-asym__container).TB\:1h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 3); } :where(.md-asym__container).TB\:1h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 21); } :where(.md-asym__container).TB\:2h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 5); } :where(.md-asym__container).TB\:2h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 19); } :where(.md-asym__container).TB\:3h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 7); } :where(.md-asym__container).TB\:3h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 17); } :where(.md-asym__container).TB\:4h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 9); } :where(.md-asym__container).TB\:4h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 15); } :where(.md-asym__container).TB\:5h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 11); } :where(.md-asym__container).TB\:5h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 13); } :where(.md-asym__container).TB\:6h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 13); } :where(.md-asym__container).TB\:6h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 11); } :where(.md-asym__container).TB\:7h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 15); } :where(.md-asym__container).TB\:7h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 9); } :where(.md-asym__container).TB\:8h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 17); } :where(.md-asym__container).TB\:8h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 7); } :where(.md-asym__container).TB\:9h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 19); } :where(.md-asym__container).TB\:9h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 5); } :where(.md-asym__container).TB\:10h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 21); } :where(.md-asym__container).TB\:10h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 3); } :where(.md-asym__container).TB\:11h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 1.875rem) / 24 * 23); } :where(.md-asym__container).TB\:11h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 1.875rem) / 24 * 1); } :where(.md-asym__container).TB\:1.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).TB\:1.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).TB\:1.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).TB\:1h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).TB\:1h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).TB\:2.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).TB\:2.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).TB\:2.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).TB\:2h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).TB\:2h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).TB\:3.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).TB\:3.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).TB\:3.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).TB\:3h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).TB\:3h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).TB\:4.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).TB\:4.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).TB\:4.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).TB\:4h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).TB\:4h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).TB\:5.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).TB\:5.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).TB\:5.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).TB\:5h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).TB\:5h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).TB\:6.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).TB\:6.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).TB\:6.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).TB\:6h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).TB\:6h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).TB\:7.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).TB\:7.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).TB\:7.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).TB\:7h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).TB\:7h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).TB\:8.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).TB\:8.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).TB\:8.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).TB\:8h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).TB\:8h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).TB\:9.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).TB\:9.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).TB\:9.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).TB\:9h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).TB\:9h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).TB\:10.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).TB\:10.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).TB\:10.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).TB\:10h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).TB\:10h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).TB\:11.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 1); } :where(.md-asym__container).TB\:11.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).TB\:11.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).TB\:11h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 23); } :where(.md-asym__container).TB\:11h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 1); } :where(.md-asym__container).TB\:12.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * -1); } :where(.md-asym__container).TB\:12.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 24); } :where(.md-asym__container).TB\:12.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 0); } :where(.md-asym__container).TB\:12h.colgap-tb-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 25); } :where(.md-asym__container).TB\:12h.colgap-tb-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * -1); } :where(.md-asym__container).TB\:12 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } :where(.md-asym__container).TB\:12 > :where(*) { width: 100%; } :where(.md-asym__container).TB\:12 > :where([class*=__thumb]) { margin-inline: auto; } } @media screen and (min-width: 680px) and (max-width: 979.8px) and (min-width: 680px) { :where(.md-asym__container).TB\:12 > :where([class*=__thumb]) { max-width: 600px; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-asym__container).TB\:12[data-reverse-v-tb=true], :where(.md-asym__container).TB\:12[data-reverse-v=true] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } :where(.md-asym__container)[data-reverse-tb=true]:not(.TB\:12), :where(.md-asym__container)[data-reverse=true]:not(.TB\:12) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media screen and (min-width: 980px) { :where(.md-asym__container) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 5rem; } :where(.md-asym__container).PC\:1 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 2); } :where(.md-asym__container).PC\:1 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 22); } :where(.md-asym__container).PC\:2 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 4); } :where(.md-asym__container).PC\:2 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 20); } :where(.md-asym__container).PC\:3 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 6); } :where(.md-asym__container).PC\:3 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 18); } :where(.md-asym__container).PC\:4 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 8); } :where(.md-asym__container).PC\:4 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 16); } :where(.md-asym__container).PC\:5 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 10); } :where(.md-asym__container).PC\:5 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 14); } :where(.md-asym__container).PC\:6 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 12); } :where(.md-asym__container).PC\:6 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 12); } :where(.md-asym__container).PC\:7 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 14); } :where(.md-asym__container).PC\:7 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 10); } :where(.md-asym__container).PC\:8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 16); } :where(.md-asym__container).PC\:8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 8); } :where(.md-asym__container).PC\:9 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 18); } :where(.md-asym__container).PC\:9 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 6); } :where(.md-asym__container).PC\:10 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 20); } :where(.md-asym__container).PC\:10 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 4); } :where(.md-asym__container).PC\:11 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 22); } :where(.md-asym__container).PC\:11 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 2); } :where(.md-asym__container).PC\:1h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 3); } :where(.md-asym__container).PC\:1h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 21); } :where(.md-asym__container).PC\:2h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 5); } :where(.md-asym__container).PC\:2h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 19); } :where(.md-asym__container).PC\:3h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 7); } :where(.md-asym__container).PC\:3h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 17); } :where(.md-asym__container).PC\:4h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 9); } :where(.md-asym__container).PC\:4h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 15); } :where(.md-asym__container).PC\:5h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 11); } :where(.md-asym__container).PC\:5h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 13); } :where(.md-asym__container).PC\:6h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 13); } :where(.md-asym__container).PC\:6h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 11); } :where(.md-asym__container).PC\:7h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 15); } :where(.md-asym__container).PC\:7h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 9); } :where(.md-asym__container).PC\:8h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 17); } :where(.md-asym__container).PC\:8h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 7); } :where(.md-asym__container).PC\:9h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 19); } :where(.md-asym__container).PC\:9h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 5); } :where(.md-asym__container).PC\:10h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 21); } :where(.md-asym__container).PC\:10h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 3); } :where(.md-asym__container).PC\:11h > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 2.5rem) / 24 * 23); } :where(.md-asym__container).PC\:11h > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 2.5rem) / 24 * 1); } :where(.md-asym__container).PC\:1.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).PC\:1.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).PC\:1.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).PC\:1h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).PC\:1h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).PC\:2.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).PC\:2.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).PC\:2.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).PC\:2h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).PC\:2h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).PC\:3.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).PC\:3.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).PC\:3.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).PC\:3h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).PC\:3h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).PC\:4.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).PC\:4.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).PC\:4.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).PC\:4h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).PC\:4h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).PC\:5.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).PC\:5.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).PC\:5.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).PC\:5h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).PC\:5h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).PC\:6.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 11); } :where(.md-asym__container).PC\:6.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).PC\:6.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 12); } :where(.md-asym__container).PC\:6h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 13); } :where(.md-asym__container).PC\:6h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 11); } :where(.md-asym__container).PC\:7.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 9); } :where(.md-asym__container).PC\:7.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 14); } :where(.md-asym__container).PC\:7.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 10); } :where(.md-asym__container).PC\:7h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 15); } :where(.md-asym__container).PC\:7h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 9); } :where(.md-asym__container).PC\:8.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 7); } :where(.md-asym__container).PC\:8.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 16); } :where(.md-asym__container).PC\:8.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 8); } :where(.md-asym__container).PC\:8h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 17); } :where(.md-asym__container).PC\:8h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 7); } :where(.md-asym__container).PC\:9.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 5); } :where(.md-asym__container).PC\:9.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 18); } :where(.md-asym__container).PC\:9.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 6); } :where(.md-asym__container).PC\:9h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 19); } :where(.md-asym__container).PC\:9h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 5); } :where(.md-asym__container).PC\:10.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 3); } :where(.md-asym__container).PC\:10.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 20); } :where(.md-asym__container).PC\:10.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 4); } :where(.md-asym__container).PC\:10h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 21); } :where(.md-asym__container).PC\:10h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 3); } :where(.md-asym__container).PC\:11.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 1); } :where(.md-asym__container).PC\:11.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 22); } :where(.md-asym__container).PC\:11.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 2); } :where(.md-asym__container).PC\:11h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 23); } :where(.md-asym__container).PC\:11h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 1); } :where(.md-asym__container).PC\:12.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-8 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 8px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-8 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 8px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-16 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 16px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-16 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 16px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-24 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 24px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-24 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 24px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-32 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 32px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-32 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 32px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-40 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 40px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-40 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 40px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-48 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 48px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-48 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 48px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-56 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 56px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-56 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 56px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-64 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 64px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-64 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 64px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-72 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 72px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-72 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 72px) / 24 * -1); } :where(.md-asym__container).PC\:12.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 24); } :where(.md-asym__container).PC\:12.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * 0); } :where(.md-asym__container).PC\:12h.colgap-pc-80 > :where([class*=__thumb], [class*=__headline]) { width: calc((100% - 80px) / 24 * 25); } :where(.md-asym__container).PC\:12h.colgap-pc-80 > :not(:where([class*=__thumb], [class*=__headline])) { width: calc((100% - 80px) / 24 * -1); } :where(.md-asym__container).PC\:12 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } :where(.md-asym__container).PC\:12 > :where(*) { width: 100%; } :where(.md-asym__container).PC\:12 > :where([class*=__thumb]) { margin-inline: auto; } } @media screen and (min-width: 980px) and (min-width: 680px) { :where(.md-asym__container).PC\:12 > :where([class*=__thumb]) { max-width: 600px; } } @media screen and (min-width: 980px) { :where(.md-asym__container).PC\:12[data-reverse-v-pc=true], :where(.md-asym__container).PC\:12[data-reverse-v=true] { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } :where(.md-asym__container)[data-reverse-pc=true]:not(.PC\:12), :where(.md-asym__container)[data-reverse=true]:not(.PC\:12) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } :where(.md-asym__container) > :where([class*=__txtarea]) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } :where(.md-fill__container) { padding: 1.25rem; } @media screen and (min-width: 680px) { :where(.md-fill__container) { padding: 2.125rem; } } :where(.md-fill__container).--min { padding: 0.75rem; } @media screen and (min-width: 680px) { :where(.md-fill__container).--min { padding: 1.25rem; } } :where(.md-fill__container).--balloon { position: relative; } :where(.md-fill__container).--balloon:after { content: ""; position: absolute; bottom: -28px; left: 50%; -webkit-transform: translateX(-50px); transform: translateX(-50px); width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 30px 40px 0 40px; border-top-color: #fff; } @media screen and (min-width: 680px) { :where(.md-fill__container).--balloon:after { bottom: -48px; border-width: 50px 50px 0 50px; border-color: #fff transparent transparent; } } :where(.md-fill__container).--balloon + .section { margin-top: 3rem; } @media screen and (min-width: 680px) { :where(.md-fill__container).--balloon + .section { margin-top: 4.5rem; } } ul.md-flex__container.md-indent__list, ol.md-flex__container.md-indent__list { row-gap: 5px; } :where(.md-flex__container) { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } :where(.md-flex__container) > :where(*).--wide { width: 100%; } @media screen and (max-width: 679.8px) { :where(.md-flex__container) { -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; row-gap: 2rem; } :where(.md-flex__container):where([class*="SP:1"]) > :where(*) { width: calc((100% - 1.25rem * (1 - 1)) / 1); } :where(.md-flex__container):where([class*="SP:2"]) > :where(*) { width: calc((100% - 1.25rem * (2 - 1)) / 2); } :where(.md-flex__container):where([class*="SP:3"]) > :where(*) { width: calc((100% - 1.25rem * (3 - 1)) / 3); } :where(.md-flex__container):where([class*="SP:4"]) > :where(*) { width: calc((100% - 1.25rem * (4 - 1)) / 4); } :where(.md-flex__container):where([class*="SP:5"]) > :where(*) { width: calc((100% - 1.25rem * (5 - 1)) / 5); } :where(.md-flex__container):where([class*="SP:6"]) > :where(*) { width: calc((100% - 1.25rem * (6 - 1)) / 6); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-sp-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="SP:1"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="SP:2"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="SP:3"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="SP:4"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="SP:5"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="SP:6"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container) { -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; row-gap: 3rem; } :where(.md-flex__container):where([class*="TB:1"]) > :where(*) { width: calc((100% - 1.875rem * (1 - 1)) / 1); } :where(.md-flex__container):where([class*="TB:2"]) > :where(*) { width: calc((100% - 1.875rem * (2 - 1)) / 2); } :where(.md-flex__container):where([class*="TB:3"]) > :where(*) { width: calc((100% - 1.875rem * (3 - 1)) / 3); } :where(.md-flex__container):where([class*="TB:4"]) > :where(*) { width: calc((100% - 1.875rem * (4 - 1)) / 4); } :where(.md-flex__container):where([class*="TB:5"]) > :where(*) { width: calc((100% - 1.875rem * (5 - 1)) / 5); } :where(.md-flex__container):where([class*="TB:6"]) > :where(*) { width: calc((100% - 1.875rem * (6 - 1)) / 6); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-tb-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="TB:1"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="TB:2"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="TB:3"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="TB:4"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="TB:5"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="TB:6"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } } @media screen and (min-width: 980px) { :where(.md-flex__container) { -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 5rem; } :where(.md-flex__container):where([class*="PC:1"]) > :where(*) { width: calc((100% - 2.5rem * (1 - 1)) / 1); } :where(.md-flex__container):where([class*="PC:2"]) > :where(*) { width: calc((100% - 2.5rem * (2 - 1)) / 2); } :where(.md-flex__container):where([class*="PC:3"]) > :where(*) { width: calc((100% - 2.5rem * (3 - 1)) / 3); } :where(.md-flex__container):where([class*="PC:4"]) > :where(*) { width: calc((100% - 2.5rem * (4 - 1)) / 4); } :where(.md-flex__container):where([class*="PC:5"]) > :where(*) { width: calc((100% - 2.5rem * (5 - 1)) / 5); } :where(.md-flex__container):where([class*="PC:6"]) > :where(*) { width: calc((100% - 2.5rem * (6 - 1)) / 6); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-pc-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 0) / 1); } :where(.md-flex__container):where([class*="PC:1"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 0) / 1); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 1) / 2); } :where(.md-flex__container):where([class*="PC:2"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 1) / 2); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 2) / 3); } :where(.md-flex__container):where([class*="PC:3"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 2) / 3); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 3) / 4); } :where(.md-flex__container):where([class*="PC:4"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 3) / 4); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 4) / 5); } :where(.md-flex__container):where([class*="PC:5"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 4) / 5); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-8]) > :where(*) { width: calc((100% - 8px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-16]) > :where(*) { width: calc((100% - 16px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-24]) > :where(*) { width: calc((100% - 24px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-32]) > :where(*) { width: calc((100% - 32px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-40]) > :where(*) { width: calc((100% - 40px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-48]) > :where(*) { width: calc((100% - 48px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-56]) > :where(*) { width: calc((100% - 56px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-64]) > :where(*) { width: calc((100% - 64px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-72]) > :where(*) { width: calc((100% - 72px * 5) / 6); } :where(.md-flex__container):where([class*="PC:6"]):where([class*=colgap-80]) > :where(*) { width: calc((100% - 80px * 5) / 6); } } :where(.md-flex__container).--full { -webkit-column-gap: unset !important; -moz-column-gap: unset !important; column-gap: unset !important; row-gap: unset !important; } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:1"]) > :where(*) { width: calc(100% / 1); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:1"]) > :where(*) { width: calc(100% / 1); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:1"]) > :where(*) { width: calc(100% / 1); } } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:2"]) > :where(*) { width: calc(100% / 2); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:2"]) > :where(*) { width: calc(100% / 2); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:2"]) > :where(*) { width: calc(100% / 2); } } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:3"]) > :where(*) { width: calc(100% / 3); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:3"]) > :where(*) { width: calc(100% / 3); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:3"]) > :where(*) { width: calc(100% / 3); } } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:4"]) > :where(*) { width: calc(100% / 4); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:4"]) > :where(*) { width: calc(100% / 4); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:4"]) > :where(*) { width: calc(100% / 4); } } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:5"]) > :where(*) { width: calc(100% / 5); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:5"]) > :where(*) { width: calc(100% / 5); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:5"]) > :where(*) { width: calc(100% / 5); } } @media screen and (max-width: 679.8px) { :where(.md-flex__container).--full:where([class*="SP:6"]) > :where(*) { width: calc(100% / 6); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-flex__container).--full:where([class*="TB:6"]) > :where(*) { width: calc(100% / 6); } } @media screen and (min-width: 980px) { :where(.md-flex__container).--full:where([class*="PC:6"]) > :where(*) { width: calc(100% / 6); } } :where(.md-flex__container):where(.--free) { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 0.8rem; } :where(.md-flex__container):where(.--free) > li { width: unset; } :where(.md-grid__container) { display: grid; } :where(.md-grid__container) > :where(*) { margin-top: unset; width: 100%; } @media screen and (max-width: 679.8px) { :where(.md-grid__container) { -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; row-gap: 2rem; } :where(.md-grid__container):where([class*="SP:1"]) { grid-template-columns: repeat(1, 1fr); } :where(.md-grid__container):where([class*="SP:2"]) { grid-template-columns: repeat(2, 1fr); } :where(.md-grid__container):where([class*="SP:3"]) { grid-template-columns: repeat(3, 1fr); } :where(.md-grid__container):where([class*="SP:4"]) { grid-template-columns: repeat(4, 1fr); } :where(.md-grid__container):where([class*="SP:5"]) { grid-template-columns: repeat(5, 1fr); } :where(.md-grid__container):where([class*="SP:6"]) { grid-template-columns: repeat(6, 1fr); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-grid__container) { -webkit-column-gap: 1.875rem; -moz-column-gap: 1.875rem; column-gap: 1.875rem; row-gap: 3rem; } :where(.md-grid__container):where([class*="TB:1"]) { grid-template-columns: repeat(1, 1fr); } :where(.md-grid__container):where([class*="TB:2"]) { grid-template-columns: repeat(2, 1fr); } :where(.md-grid__container):where([class*="TB:3"]) { grid-template-columns: repeat(3, 1fr); } :where(.md-grid__container):where([class*="TB:4"]) { grid-template-columns: repeat(4, 1fr); } :where(.md-grid__container):where([class*="TB:5"]) { grid-template-columns: repeat(5, 1fr); } :where(.md-grid__container):where([class*="TB:6"]) { grid-template-columns: repeat(6, 1fr); } } @media screen and (min-width: 980px) { :where(.md-grid__container) { -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 5rem; } :where(.md-grid__container):where([class*="PC:1"]) { grid-template-columns: repeat(1, 1fr); } :where(.md-grid__container):where([class*="PC:2"]) { grid-template-columns: repeat(2, 1fr); } :where(.md-grid__container):where([class*="PC:3"]) { grid-template-columns: repeat(3, 1fr); } :where(.md-grid__container):where([class*="PC:4"]) { grid-template-columns: repeat(4, 1fr); } :where(.md-grid__container):where([class*="PC:5"]) { grid-template-columns: repeat(5, 1fr); } :where(.md-grid__container):where([class*="PC:6"]) { grid-template-columns: repeat(6, 1fr); } } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } :where(.md-grid__container) > :where(*):not(:has([class*=__link])):has([class*=__thumb]) > :where(*):nth-child(6) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } :where(.md-grid__container) > :where(*):has([class*=__link]) > :where([class*=__link]) > :where(*):nth-child(6) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } :where(.md-grid__container) > :where(*) :where([class*=__title]) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } :where(.md-grid__container) > :where(*) :where([class*=__thumb]) { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; margin-top: unset; } :where(.md-grid__container) > :where(*) :not(.md-link__btn):where([class*=__btn]) { padding-top: 16px; } :where(.md-grid__container) > :where([class*=__item]) { display: grid; grid-template-rows: subgrid; gap: 15px; line-height: 1.5; } :where(.md-grid__container) > :where([class*=__item]) > :where([class*=__link]) { display: contents !important; } :where(.md-grid__container):where([data-subgrid="1"]) > :where([class*=__item]) { grid-row: span 1; } :where(.md-grid__container):where([data-subgrid="2"]) > :where([class*=__item]) { grid-row: span 2; } :where(.md-grid__container):where([data-subgrid="3"]) > :where([class*=__item]) { grid-row: span 3; } :where(.md-grid__container):where([data-subgrid="4"]) > :where([class*=__item]) { grid-row: span 4; } :where(.md-grid__container):where([data-subgrid="5"]) > :where([class*=__item]) { grid-row: span 5; } :where(.md-grid__container):where([data-subgrid="6"]) > :where([class*=__item]) { grid-row: span 6; } :where(.md-grid__row) > :where(*) > [class*=txtarea] { display: contents; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(4) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(5) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } :where(.md-grid__row) > :where(*) > [class*=txtarea] > :where(*):nth-child(6) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-grid__row) { row-gap: 15px; } :where(.md-grid__row) > :where(*) { display: -webkit-box; display: -ms-flexbox; display: flex; } :where(.md-grid__row) > :where(*) > [class*=txtarea] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; padding-left: 15px; margin-top: 0; } :where(.md-grid__row) > :where(*) > :where([data-width="1em"]) { width: 1em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="2em"]) { width: 2em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="3em"]) { width: 3em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="4em"]) { width: 4em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="5em"]) { width: 5em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="6em"]) { width: 6em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="7em"]) { width: 7em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="8em"]) { width: 8em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="9em"]) { width: 9em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="10em"]) { width: 10em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="11em"]) { width: 11em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="12em"]) { width: 12em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="13em"]) { width: 13em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="14em"]) { width: 14em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="15em"]) { width: 15em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="16em"]) { width: 16em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="17em"]) { width: 17em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="18em"]) { width: 18em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="19em"]) { width: 19em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="20em"]) { width: 20em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="21em"]) { width: 21em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="22em"]) { width: 22em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="23em"]) { width: 23em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="24em"]) { width: 24em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="25em"]) { width: 25em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="26em"]) { width: 26em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="27em"]) { width: 27em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="28em"]) { width: 28em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="29em"]) { width: 29em; font-size: 0.625rem; } :where(.md-grid__row) > :where(*) > :where([data-width="30em"]) { width: 30em; font-size: 0.625rem; } } :where(.md-round__container):where(.md-wide__container) { border-radius: 20px; background: var(--lkey); } body:has(.--basePNK) :where(.md-round__container):where(.md-wide__container) { background: var(--wht); } @media screen and (min-width: 680px) { :where(.md-round__container):where(.md-wide__container) { border-radius: 40px; } } body:has(.--basePNK) :where(.md-round__container):where(.md-wide__container):first-child { border-top-right-radius: 0; border-top-left-radius: 0; -webkit-box-shadow: 0 20px 20px 0 rgba(216, 210, 198, 0.5); box-shadow: 0 20px 20px 0 rgba(216, 210, 198, 0.5); } :where(.md-round__container):where(.md-wide__container):not(.--margin) + .md-round__container { margin-top: -3.75rem; padding-top: 2.5rem; } @media screen and (min-width: 680px) { :where(.md-round__container):where(.md-wide__container):not(.--margin) + .md-round__container { margin-top: -5rem; padding-top: 3rem; } } #dcms_layoutPageBlock > :where(.md-wide__container.md-round__container:last-child) { margin-bottom: unset !important; } :where(.md-wide__container) { background-size: cover; background-position: center center; background-repeat: no-repeat; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; } @media screen and (min-width: 680px) { :where(.md-wide__container) { margin-left: calc((100vw - 100%) / 2 * -1); margin-right: calc((100vw - 100%) / 2 * -1); padding-left: calc((100vw - 100%) / 2); padding-right: calc((100vw - 100%) / 2); } } @media screen and (min-width: 1025px) { .md-column__main :where(.md-wide__container) { margin-left: unset; margin-right: unset; padding-right: unset; padding-left: unset; } } :where(.md-wide__container):where(.--fill) { padding-top: 3.75rem; padding-bottom: 3.75rem; } @media screen and (min-width: 680px) { :where(.md-wide__container):where(.--fill) { padding-top: 5rem; padding-bottom: 5rem; } } #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):first-child { margin-top: -6.875rem; } @media screen and (min-width: 680px) { #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):first-child { margin-top: -9.375rem; } } body:has(.--basePNK) #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):first-child { margin-top: -3.75rem; padding-top: 1.5rem; } @media screen and (min-width: 680px) { body:has(.--basePNK) #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):first-child { margin-top: -5rem; padding-top: 3rem; } } #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):last-child { margin-bottom: -3.75rem; } @media screen and (min-width: 680px) { #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):last-child { margin-bottom: -5rem; } } body:has(.--basePNK) #dcms_layoutPageBlock > :where(.md-wide__container):where(.--fill):last-child { margin-bottom: unset; } :where(.md-wide__container):where(.--fill).--MDL { padding-top: 3.75rem; padding-bottom: 3.75rem; } @media screen and (min-width: 680px) { :where(.md-wide__container):where(.--fill).--MDL { padding-top: 5rem; padding-bottom: 5rem; } } :where(.md-wide__container).--full { padding-left: 0; padding-right: 0; } @media screen and (min-width: 680px) { :where(.md-wide__container).--full { padding-left: 0; padding-right: 0; } } :where(.md-wide__container).--break-L [class*=__thumb] { margin-inline: calc(1rem * -1); width: calc(100% + 1rem * 2); } :where(.md-wide__container).--break-L [class*=__thumb] img { width: 100%; height: 100%; } :where(.md-wide__container).--break-L [class*=__thumb] img { -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 680px) { :where(.md-wide__container).--break-L:has(:not([class*="TB:12"])) [class*=__thumb] { margin-left: calc((100vw - 100%) / 2 * -1); margin-right: unset; } :where(.md-wide__container).--break-L:has(:not([class*="TB:12"])) [class*=__thumb] img { width: 100%; height: 100%; } :where(.md-wide__container).--break-L:has(:not([class*="TB:12"])) [class*=__thumb] img { -o-object-fit: cover; object-fit: cover; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-wide__container).--break-L:has([class*="TB:12"]) [class*=__thumb] { margin-inline: calc(1.5rem * -1); width: calc(100% + 1.5rem * 2); max-width: unset; } } @media screen and (min-width: 980px) { :where(.md-wide__container).--break-L { margin-left: calc((100vw - 100%) / 2 * -1); margin-right: calc(-50vw + 50%); } } :where(.md-wide__container).--break-R [class*=__thumb] { margin-inline: calc(1rem * -1); width: calc(100% + 1rem * 2); } @media screen and (min-width: 680px) { :where(.md-wide__container).--break-R:has(:not([class*="TB:12"])) [class*=__thumb] { margin-right: calc((100vw - 100%) / 2 * -1); margin-left: unset; } :where(.md-wide__container).--break-R:has(:not([class*="TB:12"])) [class*=__thumb] img { width: 100%; height: 100%; } :where(.md-wide__container).--break-R:has(:not([class*="TB:12"])) [class*=__thumb] img { -o-object-fit: cover; object-fit: cover; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-wide__container).--break-R:has([class*="TB:12"]) [class*=__thumb] { margin-inline: calc(1.5rem * -1); width: calc(100% + 1.5rem * 2); } } @media screen and (min-width: 980px) { :where(.md-wide__container).--break-R { margin-right: calc((100vw - 100%) / 2 * -1); margin-left: calc(-50vw + 50%); } :where(.md-wide__container).--break-R img { width: 100%; height: 100%; } :where(.md-wide__container).--break-R img { -o-object-fit: cover; object-fit: cover; } } :where(.md-wide__container) + .md-wide__container:not(:where(.--margin)) { margin-top: 0; } @media screen and (max-width: 679.8px) { :where(.md-wide__container).--space { padding-left: 1rem !important; padding-right: 1rem !important; margin-left: unset; margin-right: unset; } } @media screen and (min-width: 680px) { :where(.md-wide__container).--space { margin-left: calc((100vw - 100%) / 2 * -1 + 24px) !important; margin-right: calc((100vw - 100%) / 2 * -1 + 24px) !important; } } @media screen and (min-width: 1248px) { :where(.md-wide__container).--space { margin-left: calc((100vw - 100%) / 2 * -1 + 40px) !important; margin-right: calc((100vw - 100%) / 2 * -1 + 40px) !important; } } #dcms_layoutPageBlock > :where(.md-wide__container:not(.--type2, .--margin):last-child) { margin-bottom: -3.75rem; } @media screen and (min-width: 680px) { #dcms_layoutPageBlock > :where(.md-wide__container:not(.--type2, .--margin):last-child) { margin-bottom: -5rem; } } @media screen and (min-width: 1025px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container) { margin-top: 5rem; } } @media screen and (min-width: 1025px) and (min-width: 980px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container) { margin-top: 6.25rem; } } @media screen and (min-width: 1025px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container):where(.--min) { margin-top: 2.5rem; } } @media screen and (min-width: 1025px) and (min-width: 980px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container):where(.--min) { margin-top: 3rem; } } @media screen and (min-width: 1025px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container):where(.--mdl) { margin-top: 3.75rem; } } @media screen and (min-width: 1025px) and (min-width: 980px) { .md-column__container #dcms_layoutPageBlock > :where(.md-wide__container) + :where(.md-wide__container):where(.--mdl) { margin-top: 5rem; } } @media screen and (min-width: 1025px) { .md-column__container #dcms_layoutPageBlock > .md-wide__container:last-child { margin-bottom: unset; } } .md-column__container { /* &:has(.md-column__side) { #dcms_layoutPageBlock { @include mq(max,lg) { > *:last-child:has(.md-wide__container) > .md-wide__container:last-child, > *:last-child:has(.md-fv__container) .md-wide__container, > .md-wide__container:last-child { margin-bottom: calc((3rem + 15px) * -1); } } } } */ } @media screen and (min-width: 680px) { :where(#wrapper):where([style*="--scroll"]) .md-wide__container { margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2); margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2); padding-left: calc((100vw - 100%) / 2 - var(--scroll) / 2); padding-right: calc((100vw - 100%) / 2 - var(--scroll) / 2); } :where(#wrapper):where([style*="--scroll"]) .md-wide__container.--full { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 680px) { :where(#wrapper):where([style*="--scroll"]) .md-wide__container.--space { margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2 + 24px) !important; margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2 + 24px) !important; } } @media screen and (min-width: 1248px) { :where(#wrapper):where([style*="--scroll"]) .md-wide__container.--space { margin-left: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2 + 40px) !important; margin-right: calc((100vw - 100%) / 2 * -1 + var(--scroll) / 2 + 40px) !important; } } :where(#wrapper):where([style*="--scroll"]) { /*:where(.--fill-box) .md-wide__container { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); padding-left: 10px; padding-right: 10px; @include mq(min,sm) { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); padding-left: 20px; padding-right: 20px; } @include mq(min,md) { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); padding-left: 30px; padding-right: 30px; } @include mq(min,lg) { margin-left: -50px; margin-right: -50px; width: calc(100% + 100px); padding-left: 50px; padding-right: 50px; } }*/ } @media screen and (min-width: 1025px) { :where(#wrapper):where([style*="--scroll"]) .md-column__main .md-wide__container { margin-left: unset; margin-right: unset; padding-right: unset; padding-left: unset; } } body:has(.--basePNK) { background: var(--lkey); } :where(.section) { margin-top: 5rem; } @media screen and (min-width: 680px) { :where(.section) { margin-top: 6.25rem; } } :where(.section):where(.--ss) { margin-top: 1.25rem; } @media screen and (min-width: 680px) { :where(.section):where(.--ss) { margin-top: 1.5rem; } } :where(.section):where(.--min) { margin-top: 2.5rem; } @media screen and (min-width: 680px) { :where(.section):where(.--min) { margin-top: 3rem; } } :where(.section):where(.--mdl) { margin-top: 3.75rem; } @media screen and (min-width: 680px) { :where(.section):where(.--mdl) { margin-top: 5rem; } } :where(.section):first-child { margin-top: 0; } :where(.section):where(.--anchor) { margin-top: 0; padding-top: 5rem; } @media screen and (min-width: 680px) { :where(.section):where(.--anchor) { padding-top: 6.25rem; } } .hr-line { border-top: var(--border) 1px solid; width: 100%; margin-top: 3.75rem; padding-top: 3.75rem; } @media screen and (min-width: 680px) { .hr-line { margin-top: 5rem; padding-top: 5rem; } } .hr-line + .section { margin-top: unset !important; } .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill) { margin-top: 2rem; } @media screen and (min-width: 680px) { .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill) { margin-top: 2.5rem; } } .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill).--min { margin-top: 0.5rem; } @media screen and (min-width: 680px) { .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill).--min { margin-top: 1rem; } } .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill).--mdl { margin-top: 1rem; } @media screen and (min-width: 680px) { .md-repeat__section + .md-repeat__section:not(.md-wide__container.--fill).--mdl { margin-top: 1.5rem; } } .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill { padding-top: 1.5rem; margin-top: -2.5rem; } @media screen and (min-width: 680px) { .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill { padding-top: 2.5rem; margin-top: -3rem; } } .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill.--min { padding-top: 0.5rem; } @media screen and (min-width: 680px) { .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill.--min { padding-top: 1rem; } } .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill.--mdl { padding-top: 1rem; } @media screen and (min-width: 680px) { .md-repeat__section.md-wide__container.--fill + .md-repeat__section.md-wide__container.--fill.--mdl { padding-top: 1.5rem; } } .invisible + .section { margin-top: 0; } #wrapper { overflow: clip; min-height: 100vh; min-height: 100dvh; line-height: 1.75; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: calc(110px); } @media screen and (min-width: 980px) { #wrapper { padding-top: calc(9.375rem); } } #contents { width: 100%; margin: 0 auto; padding: 6.875rem 1rem 3.75rem; max-width: calc(1200px + 1.5rem * 2); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 680px) { #contents { padding: 9.375rem 1.5rem 5rem; } } body:has(.--basePNK) #contents { padding-block: 3.75rem; } @media screen and (min-width: 680px) { body:has(.--basePNK) #contents { padding-block: 5rem; } } @media screen and (min-width: 980px) { body:has(.--basePNK) #contents { padding-block: 5rem 7.5rem; } } :where(.wrap) { width: 100%; margin: 0 auto; padding-left: 1rem; padding-right: 1rem; max-width: calc(1200px + 1.5rem * 2); } @media screen and (min-width: 680px) { :where(.wrap) { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (min-width: 980px) { .md-column__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2.5rem; } } @media screen and (min-width: 980px) { :where(.md-column__main) { position: relative; width: calc(100% - 16.25rem); } } :where(.md-column__side) { /*&:not(.media-column__side) { display: none; background-color: var(--mdRY); padding:$SPM-MDL 0; &:has(.wrap) { display: block; } @include mq(min,md) { padding: $PCM-MDL 0; } .wrap { } }*/ } .md-column__container :where(.md-column__side) { margin-top: 3.75rem; } @media screen and (min-width: 680px) { .md-column__container :where(.md-column__side) { margin-top: 5rem; } } .md-column__container :where(.md-column__side).media-column__side { margin-top: 3rem; } @media screen and (min-width: 980px) { .md-column__container :where(.md-column__side).media-column__side { margin-top: 0; } } @media screen and (min-width: 980px) { .md-column__container :where(.md-column__side) { width: 16.25rem; margin-top: 0; padding: 0; } .md-column__container :where(.md-column__side) .wrap { padding: 0; } } :where(.md-column__btm):empty { display: none; } .d-ib { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-inline { display: inline !important; } .d-none { display: none !important; } @media screen and (max-width: 679.8px) { .d-sp-ib { display: inline-block !important; } .d-sp-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sp-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sp-inline { display: inline !important; } .d-sp-block { display: block !important; } .d-sp-none { display: none !important; } } @media screen and (min-width: 680px) { .d-sm-ib { display: inline-block !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sm-inline { display: inline !important; } .d-sm-block { display: block !important; } .d-sm-none { display: none !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .d-tb-ib { display: inline-block !important; } .d-tb-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-tb-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-tb-inline { display: inline !important; } .d-tb-block { display: block !important; } .d-tb-none { display: none !important; } } @media screen and (min-width: 980px) { .d-pc-ib { display: inline-block !important; } .d-pc-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-pc-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-pc-inline { display: inline !important; } .d-pc-block { display: block !important; } .d-pc-none { display: none !important; } } @media screen and (min-width: 980px) { .d-nav-ib { display: inline-block !important; } .d-nav-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-nav-iflex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-nav-inline { display: inline !important; } .d-nav-block { display: block !important; } .d-nav-none { display: none !important; } } :where(.md-dl__table) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .--WHT :where(.md-dl__table) { padding-inline: 1rem; } .--WHT :where(.md-dl__table) > dt, .--WHT :where(.md-dl__table) > dd { background: unset; } @media screen and (min-width: 680px) { .--WHT :where(.md-dl__table) { padding-inline: 24px; } } @media screen and (min-width: 680px) { :where(.md-dl__table):where(.--betweem) > dt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } :where(.md-dl__table).--default { background: unset; } :where(.md-dl__table).--default > dt, :where(.md-dl__table).--default > dd { padding: 0; background: unset; border: none; } :where(.md-dl__table).--default > dd { padding-left: unset; } :where(.md-dl__table).--default > dd + dt { margin-top: 1rem; } :where(.md-dl__table).--default > dd + dt + dd { margin-top: 1rem; } :where(.md-dl__table).--default.--min > dd + dt { margin-top: 0.3125rem; } :where(.md-dl__table).--default.--min > dd + dt + dd { margin-top: 0.3125rem; } :where(.md-dl__table).--colon > dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } :where(.md-dl__table).--colon > dt:after { content: ":"; margin-right: 0.9em; } :where(.md-dl__table) > dt:where([data-width="1em"]) { width: 1em; } :where(.md-dl__table) > dt:where([data-width="1em"]) + dd { width: calc(100% - 1em); } :where(.md-dl__table) > dt:where([data-width="2em"]) { width: 2em; } :where(.md-dl__table) > dt:where([data-width="2em"]) + dd { width: calc(100% - 2em); } :where(.md-dl__table) > dt:where([data-width="3em"]) { width: 3em; } :where(.md-dl__table) > dt:where([data-width="3em"]) + dd { width: calc(100% - 3em); } :where(.md-dl__table) > dt:where([data-width="4em"]) { width: 4em; } :where(.md-dl__table) > dt:where([data-width="4em"]) + dd { width: calc(100% - 4em); } :where(.md-dl__table) > dt:where([data-width="5em"]) { width: 5em; } :where(.md-dl__table) > dt:where([data-width="5em"]) + dd { width: calc(100% - 5em); } :where(.md-dl__table) > dt:where([data-width="6em"]) { width: 6em; } :where(.md-dl__table) > dt:where([data-width="6em"]) + dd { width: calc(100% - 6em); } :where(.md-dl__table) > dt:where([data-width="7em"]) { width: 7em; } :where(.md-dl__table) > dt:where([data-width="7em"]) + dd { width: calc(100% - 7em); } :where(.md-dl__table) > dt:where([data-width="8em"]) { width: 8em; } :where(.md-dl__table) > dt:where([data-width="8em"]) + dd { width: calc(100% - 8em); } :where(.md-dl__table) > dt:where([data-width="9em"]) { width: 9em; } :where(.md-dl__table) > dt:where([data-width="9em"]) + dd { width: calc(100% - 9em); } :where(.md-dl__table) > dt:where([data-width="10em"]) { width: 10em; } :where(.md-dl__table) > dt:where([data-width="10em"]) + dd { width: calc(100% - 10em); } :where(.md-dl__table) > dt:where([data-width="11em"]) { width: 11em; } :where(.md-dl__table) > dt:where([data-width="11em"]) + dd { width: calc(100% - 11em); } :where(.md-dl__table) > dt:where([data-width="12em"]) { width: 12em; } :where(.md-dl__table) > dt:where([data-width="12em"]) + dd { width: calc(100% - 12em); } :where(.md-dl__table) > dt:where([data-width="13em"]) { width: 13em; } :where(.md-dl__table) > dt:where([data-width="13em"]) + dd { width: calc(100% - 13em); } :where(.md-dl__table) > dt:where([data-width="14em"]) { width: 14em; } :where(.md-dl__table) > dt:where([data-width="14em"]) + dd { width: calc(100% - 14em); } :where(.md-dl__table) > dt:where([data-width="15em"]) { width: 15em; } :where(.md-dl__table) > dt:where([data-width="15em"]) + dd { width: calc(100% - 15em); } :where(.md-dl__table) > dt:where([data-width="16em"]) { width: 16em; } :where(.md-dl__table) > dt:where([data-width="16em"]) + dd { width: calc(100% - 16em); } :where(.md-dl__table) > dt:where([data-width="17em"]) { width: 17em; } :where(.md-dl__table) > dt:where([data-width="17em"]) + dd { width: calc(100% - 17em); } :where(.md-dl__table) > dt:where([data-width="18em"]) { width: 18em; } :where(.md-dl__table) > dt:where([data-width="18em"]) + dd { width: calc(100% - 18em); } :where(.md-dl__table) > dt:where([data-width="19em"]) { width: 19em; } :where(.md-dl__table) > dt:where([data-width="19em"]) + dd { width: calc(100% - 19em); } :where(.md-dl__table) > dt:where([data-width="20em"]) { width: 20em; } :where(.md-dl__table) > dt:where([data-width="20em"]) + dd { width: calc(100% - 20em); } :where(.md-dl__table) > dt:where([data-width="21em"]) { width: 21em; } :where(.md-dl__table) > dt:where([data-width="21em"]) + dd { width: calc(100% - 21em); } :where(.md-dl__table) > dt:where([data-width="22em"]) { width: 22em; } :where(.md-dl__table) > dt:where([data-width="22em"]) + dd { width: calc(100% - 22em); } :where(.md-dl__table) > dt:where([data-width="23em"]) { width: 23em; } :where(.md-dl__table) > dt:where([data-width="23em"]) + dd { width: calc(100% - 23em); } :where(.md-dl__table) > dt:where([data-width="24em"]) { width: 24em; } :where(.md-dl__table) > dt:where([data-width="24em"]) + dd { width: calc(100% - 24em); } :where(.md-dl__table) > dt:where([data-width="25em"]) { width: 25em; } :where(.md-dl__table) > dt:where([data-width="25em"]) + dd { width: calc(100% - 25em); } :where(.md-dl__table) > dt:where([data-width="26em"]) { width: 26em; } :where(.md-dl__table) > dt:where([data-width="26em"]) + dd { width: calc(100% - 26em); } :where(.md-dl__table) > dt:where([data-width="27em"]) { width: 27em; } :where(.md-dl__table) > dt:where([data-width="27em"]) + dd { width: calc(100% - 27em); } :where(.md-dl__table) > dt:where([data-width="28em"]) { width: 28em; } :where(.md-dl__table) > dt:where([data-width="28em"]) + dd { width: calc(100% - 28em); } :where(.md-dl__table) > dt:where([data-width="29em"]) { width: 29em; } :where(.md-dl__table) > dt:where([data-width="29em"]) + dd { width: calc(100% - 29em); } :where(.md-dl__table) > dt:where([data-width="30em"]) { width: 30em; } :where(.md-dl__table) > dt:where([data-width="30em"]) + dd { width: calc(100% - 30em); } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="1em"]) { width: 1em; } :where(.md-dl__table) > dt:where([data-width-tb="1em"]) + dd { width: calc(100% - 1em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="2em"]) { width: 2em; } :where(.md-dl__table) > dt:where([data-width-tb="2em"]) + dd { width: calc(100% - 2em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="3em"]) { width: 3em; } :where(.md-dl__table) > dt:where([data-width-tb="3em"]) + dd { width: calc(100% - 3em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="4em"]) { width: 4em; } :where(.md-dl__table) > dt:where([data-width-tb="4em"]) + dd { width: calc(100% - 4em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="5em"]) { width: 5em; } :where(.md-dl__table) > dt:where([data-width-tb="5em"]) + dd { width: calc(100% - 5em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="6em"]) { width: 6em; } :where(.md-dl__table) > dt:where([data-width-tb="6em"]) + dd { width: calc(100% - 6em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="7em"]) { width: 7em; } :where(.md-dl__table) > dt:where([data-width-tb="7em"]) + dd { width: calc(100% - 7em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="8em"]) { width: 8em; } :where(.md-dl__table) > dt:where([data-width-tb="8em"]) + dd { width: calc(100% - 8em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="9em"]) { width: 9em; } :where(.md-dl__table) > dt:where([data-width-tb="9em"]) + dd { width: calc(100% - 9em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="10em"]) { width: 10em; } :where(.md-dl__table) > dt:where([data-width-tb="10em"]) + dd { width: calc(100% - 10em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="11em"]) { width: 11em; } :where(.md-dl__table) > dt:where([data-width-tb="11em"]) + dd { width: calc(100% - 11em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="12em"]) { width: 12em; } :where(.md-dl__table) > dt:where([data-width-tb="12em"]) + dd { width: calc(100% - 12em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="13em"]) { width: 13em; } :where(.md-dl__table) > dt:where([data-width-tb="13em"]) + dd { width: calc(100% - 13em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="14em"]) { width: 14em; } :where(.md-dl__table) > dt:where([data-width-tb="14em"]) + dd { width: calc(100% - 14em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="15em"]) { width: 15em; } :where(.md-dl__table) > dt:where([data-width-tb="15em"]) + dd { width: calc(100% - 15em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="16em"]) { width: 16em; } :where(.md-dl__table) > dt:where([data-width-tb="16em"]) + dd { width: calc(100% - 16em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="17em"]) { width: 17em; } :where(.md-dl__table) > dt:where([data-width-tb="17em"]) + dd { width: calc(100% - 17em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="18em"]) { width: 18em; } :where(.md-dl__table) > dt:where([data-width-tb="18em"]) + dd { width: calc(100% - 18em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="19em"]) { width: 19em; } :where(.md-dl__table) > dt:where([data-width-tb="19em"]) + dd { width: calc(100% - 19em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="20em"]) { width: 20em; } :where(.md-dl__table) > dt:where([data-width-tb="20em"]) + dd { width: calc(100% - 20em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="21em"]) { width: 21em; } :where(.md-dl__table) > dt:where([data-width-tb="21em"]) + dd { width: calc(100% - 21em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="22em"]) { width: 22em; } :where(.md-dl__table) > dt:where([data-width-tb="22em"]) + dd { width: calc(100% - 22em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="23em"]) { width: 23em; } :where(.md-dl__table) > dt:where([data-width-tb="23em"]) + dd { width: calc(100% - 23em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="24em"]) { width: 24em; } :where(.md-dl__table) > dt:where([data-width-tb="24em"]) + dd { width: calc(100% - 24em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="25em"]) { width: 25em; } :where(.md-dl__table) > dt:where([data-width-tb="25em"]) + dd { width: calc(100% - 25em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="26em"]) { width: 26em; } :where(.md-dl__table) > dt:where([data-width-tb="26em"]) + dd { width: calc(100% - 26em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="27em"]) { width: 27em; } :where(.md-dl__table) > dt:where([data-width-tb="27em"]) + dd { width: calc(100% - 27em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="28em"]) { width: 28em; } :where(.md-dl__table) > dt:where([data-width-tb="28em"]) + dd { width: calc(100% - 28em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="29em"]) { width: 29em; } :where(.md-dl__table) > dt:where([data-width-tb="29em"]) + dd { width: calc(100% - 29em); } } @media screen and (min-width: 680px) and (max-width: 979.8px) { :where(.md-dl__table) > dt:where([data-width-tb="30em"]) { width: 30em; } :where(.md-dl__table) > dt:where([data-width-tb="30em"]) + dd { width: calc(100% - 30em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="1em"]) { width: 1em; } :where(.md-dl__table) > dt:where([data-width-pc="1em"]) + dd { width: calc(100% - 1em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="2em"]) { width: 2em; } :where(.md-dl__table) > dt:where([data-width-pc="2em"]) + dd { width: calc(100% - 2em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="3em"]) { width: 3em; } :where(.md-dl__table) > dt:where([data-width-pc="3em"]) + dd { width: calc(100% - 3em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="4em"]) { width: 4em; } :where(.md-dl__table) > dt:where([data-width-pc="4em"]) + dd { width: calc(100% - 4em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="5em"]) { width: 5em; } :where(.md-dl__table) > dt:where([data-width-pc="5em"]) + dd { width: calc(100% - 5em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="6em"]) { width: 6em; } :where(.md-dl__table) > dt:where([data-width-pc="6em"]) + dd { width: calc(100% - 6em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="7em"]) { width: 7em; } :where(.md-dl__table) > dt:where([data-width-pc="7em"]) + dd { width: calc(100% - 7em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="8em"]) { width: 8em; } :where(.md-dl__table) > dt:where([data-width-pc="8em"]) + dd { width: calc(100% - 8em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="9em"]) { width: 9em; } :where(.md-dl__table) > dt:where([data-width-pc="9em"]) + dd { width: calc(100% - 9em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="10em"]) { width: 10em; } :where(.md-dl__table) > dt:where([data-width-pc="10em"]) + dd { width: calc(100% - 10em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="11em"]) { width: 11em; } :where(.md-dl__table) > dt:where([data-width-pc="11em"]) + dd { width: calc(100% - 11em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="12em"]) { width: 12em; } :where(.md-dl__table) > dt:where([data-width-pc="12em"]) + dd { width: calc(100% - 12em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="13em"]) { width: 13em; } :where(.md-dl__table) > dt:where([data-width-pc="13em"]) + dd { width: calc(100% - 13em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="14em"]) { width: 14em; } :where(.md-dl__table) > dt:where([data-width-pc="14em"]) + dd { width: calc(100% - 14em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="15em"]) { width: 15em; } :where(.md-dl__table) > dt:where([data-width-pc="15em"]) + dd { width: calc(100% - 15em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="16em"]) { width: 16em; } :where(.md-dl__table) > dt:where([data-width-pc="16em"]) + dd { width: calc(100% - 16em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="17em"]) { width: 17em; } :where(.md-dl__table) > dt:where([data-width-pc="17em"]) + dd { width: calc(100% - 17em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="18em"]) { width: 18em; } :where(.md-dl__table) > dt:where([data-width-pc="18em"]) + dd { width: calc(100% - 18em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="19em"]) { width: 19em; } :where(.md-dl__table) > dt:where([data-width-pc="19em"]) + dd { width: calc(100% - 19em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="20em"]) { width: 20em; } :where(.md-dl__table) > dt:where([data-width-pc="20em"]) + dd { width: calc(100% - 20em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="21em"]) { width: 21em; } :where(.md-dl__table) > dt:where([data-width-pc="21em"]) + dd { width: calc(100% - 21em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="22em"]) { width: 22em; } :where(.md-dl__table) > dt:where([data-width-pc="22em"]) + dd { width: calc(100% - 22em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="23em"]) { width: 23em; } :where(.md-dl__table) > dt:where([data-width-pc="23em"]) + dd { width: calc(100% - 23em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="24em"]) { width: 24em; } :where(.md-dl__table) > dt:where([data-width-pc="24em"]) + dd { width: calc(100% - 24em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="25em"]) { width: 25em; } :where(.md-dl__table) > dt:where([data-width-pc="25em"]) + dd { width: calc(100% - 25em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="26em"]) { width: 26em; } :where(.md-dl__table) > dt:where([data-width-pc="26em"]) + dd { width: calc(100% - 26em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="27em"]) { width: 27em; } :where(.md-dl__table) > dt:where([data-width-pc="27em"]) + dd { width: calc(100% - 27em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="28em"]) { width: 28em; } :where(.md-dl__table) > dt:where([data-width-pc="28em"]) + dd { width: calc(100% - 28em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="29em"]) { width: 29em; } :where(.md-dl__table) > dt:where([data-width-pc="29em"]) + dd { width: calc(100% - 29em); } } @media screen and (min-width: 980px) { :where(.md-dl__table) > dt:where([data-width-pc="30em"]) { width: 30em; } :where(.md-dl__table) > dt:where([data-width-pc="30em"]) + dd { width: calc(100% - 30em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="1em"]) { width: 1em; } :where(.md-dl__table) > dt:where([data-width-sm="1em"]) + dd { width: calc(100% - 1em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="2em"]) { width: 2em; } :where(.md-dl__table) > dt:where([data-width-sm="2em"]) + dd { width: calc(100% - 2em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="3em"]) { width: 3em; } :where(.md-dl__table) > dt:where([data-width-sm="3em"]) + dd { width: calc(100% - 3em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="4em"]) { width: 4em; } :where(.md-dl__table) > dt:where([data-width-sm="4em"]) + dd { width: calc(100% - 4em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="5em"]) { width: 5em; } :where(.md-dl__table) > dt:where([data-width-sm="5em"]) + dd { width: calc(100% - 5em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="6em"]) { width: 6em; } :where(.md-dl__table) > dt:where([data-width-sm="6em"]) + dd { width: calc(100% - 6em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="7em"]) { width: 7em; } :where(.md-dl__table) > dt:where([data-width-sm="7em"]) + dd { width: calc(100% - 7em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="8em"]) { width: 8em; } :where(.md-dl__table) > dt:where([data-width-sm="8em"]) + dd { width: calc(100% - 8em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="9em"]) { width: 9em; } :where(.md-dl__table) > dt:where([data-width-sm="9em"]) + dd { width: calc(100% - 9em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="10em"]) { width: 10em; } :where(.md-dl__table) > dt:where([data-width-sm="10em"]) + dd { width: calc(100% - 10em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="11em"]) { width: 11em; } :where(.md-dl__table) > dt:where([data-width-sm="11em"]) + dd { width: calc(100% - 11em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="12em"]) { width: 12em; } :where(.md-dl__table) > dt:where([data-width-sm="12em"]) + dd { width: calc(100% - 12em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="13em"]) { width: 13em; } :where(.md-dl__table) > dt:where([data-width-sm="13em"]) + dd { width: calc(100% - 13em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="14em"]) { width: 14em; } :where(.md-dl__table) > dt:where([data-width-sm="14em"]) + dd { width: calc(100% - 14em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="15em"]) { width: 15em; } :where(.md-dl__table) > dt:where([data-width-sm="15em"]) + dd { width: calc(100% - 15em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="16em"]) { width: 16em; } :where(.md-dl__table) > dt:where([data-width-sm="16em"]) + dd { width: calc(100% - 16em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="17em"]) { width: 17em; } :where(.md-dl__table) > dt:where([data-width-sm="17em"]) + dd { width: calc(100% - 17em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="18em"]) { width: 18em; } :where(.md-dl__table) > dt:where([data-width-sm="18em"]) + dd { width: calc(100% - 18em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="19em"]) { width: 19em; } :where(.md-dl__table) > dt:where([data-width-sm="19em"]) + dd { width: calc(100% - 19em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="20em"]) { width: 20em; } :where(.md-dl__table) > dt:where([data-width-sm="20em"]) + dd { width: calc(100% - 20em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="21em"]) { width: 21em; } :where(.md-dl__table) > dt:where([data-width-sm="21em"]) + dd { width: calc(100% - 21em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="22em"]) { width: 22em; } :where(.md-dl__table) > dt:where([data-width-sm="22em"]) + dd { width: calc(100% - 22em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="23em"]) { width: 23em; } :where(.md-dl__table) > dt:where([data-width-sm="23em"]) + dd { width: calc(100% - 23em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="24em"]) { width: 24em; } :where(.md-dl__table) > dt:where([data-width-sm="24em"]) + dd { width: calc(100% - 24em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="25em"]) { width: 25em; } :where(.md-dl__table) > dt:where([data-width-sm="25em"]) + dd { width: calc(100% - 25em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="26em"]) { width: 26em; } :where(.md-dl__table) > dt:where([data-width-sm="26em"]) + dd { width: calc(100% - 26em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="27em"]) { width: 27em; } :where(.md-dl__table) > dt:where([data-width-sm="27em"]) + dd { width: calc(100% - 27em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="28em"]) { width: 28em; } :where(.md-dl__table) > dt:where([data-width-sm="28em"]) + dd { width: calc(100% - 28em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="29em"]) { width: 29em; } :where(.md-dl__table) > dt:where([data-width-sm="29em"]) + dd { width: calc(100% - 29em); } } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt:where([data-width-sm="30em"]) { width: 30em; } :where(.md-dl__table) > dt:where([data-width-sm="30em"]) + dd { width: calc(100% - 30em); } } :where(.md-dl__table) > dt, :where(.md-dl__table) > dd { border-top: var(--lgry) 2px solid; padding: 1rem; line-height: 1.5; margin-top: -2px; background: var(--wht); } .--WHT :where(.md-dl__table) > dt, .--WHT :where(.md-dl__table) > dd { padding: 1rem 0; border-top: var(--border) 1px solid; } @media screen and (min-width: 680px) { :where(.md-dl__table) > dt, :where(.md-dl__table) > dd { padding: 1.5rem; } .--WHT :where(.md-dl__table) > dt, .--WHT :where(.md-dl__table) > dd { padding: 1.5rem 0; } } :where(.md-dl__table) > dt { font-weight: 500; } :where(.md-dl__table) > dt:first-child { margin-top: 0; border-top: unset; } :where(.md-dl__table) > dt:first-child + dd { margin-top: 0; border-top: unset; } :where(.md-dl__table) > dd { border-left: var(--lgry) 2px solid; } .--WHT :where(.md-dl__table) > dd { border-left: none; padding-left: 1.5rem; } @media screen and (max-width: 679.8px) { .--WHT :where(.md-dl__table)[data-vertical=SP] { padding: 1rem; } } @media screen and (max-width: 679.8px) { :where(.md-dl__table)[data-vertical=SP] > dt, :where(.md-dl__table)[data-vertical=SP] > dd { width: 100%; padding: 10px; } } @media screen and (max-width: 679.8px) { :where(.md-dl__table)[data-vertical=SP] > dt { background: var(--lgry); border-top: unset; } } @media screen and (max-width: 679.8px) { :where(.md-dl__table)[data-vertical=SP] > dd { padding-top: 5px; border-top: unset; border-top: unset; } :where(.md-dl__table)[data-vertical=SP] > dd + dt { margin-top: 1rem; } :where(.md-dl__table)[data-vertical=SP] > dd + dt + dd { margin-top: unset; } } @media screen and (max-width: 679.8px) { :where(.md-dl__table)[data-vertical=SP].--min > dd + dt { margin-top: 0.3125rem; } } @media screen and (max-width: 859.8px) { .--WHT :where(.md-dl__table)[data-vertical=TB] { padding: 1rem; } } @media screen and (max-width: 859.8px) { :where(.md-dl__table)[data-vertical=TB] > dt, :where(.md-dl__table)[data-vertical=TB] > dd { width: 100%; padding: 10px; } } @media screen and (max-width: 859.8px) { :where(.md-dl__table)[data-vertical=TB] > dt { background: var(--lgry); border-top: unset; } } @media screen and (max-width: 859.8px) { :where(.md-dl__table)[data-vertical=TB] > dd { padding-top: 5px; border-top: unset; border-top: unset; } :where(.md-dl__table)[data-vertical=TB] > dd + dt { margin-top: 1rem; } :where(.md-dl__table)[data-vertical=TB] > dd + dt + dd { margin-top: unset; } } @media screen and (max-width: 859.8px) { :where(.md-dl__table)[data-vertical=TB].--min > dd + dt { margin-top: 0.3125rem; } } .md-faq__container + .md-faq__container { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--gry); } @media screen and (min-width: 980px) { .md-faq__container + .md-faq__container { margin-top: 25px; padding-top: 25px; } } .md-faq__title { position: relative; padding-left: 1.5625rem; font-weight: bold; font-size: 1.125rem; } @media screen and (min-width: 980px) { .md-faq__title { font-size: 1.25rem; } } .md-faq__title:before { content: "Q"; position: absolute; left: 0px; font-weight: bold; font-size: 1.75rem; z-index: 1; color: var(--key); -webkit-transition: color 0.3s; transition: color 0.3s; top: 0.01em; font-family: "Oswald", sans-serif; line-height: 1; } @media screen and (min-width: 680px) { .md-faq__title:before { font-size: 1.875rem; top: 0.09em; } } .md-faq__title:after { /*content: ""; width: 1px; height: 22px; background: var(--border); position: absolute; left: rem(46px); top: rem(23px); @include mq(min,sm) { height: 26px; left: rem(72px); top: rem(38px); } @include mq(min,md) { left: rem(84px); top: rem(48px); }*/ } .md-faq__btn { /*&:before, &:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 2px; background: var(--key); transition: transform .3s; @include mq(min,sm) { width: 20px; right: 14px; } } &:before { transform: translateY(-50%) rotate(-90deg); } &:after { } }*/ } .md-faq__answer { margin-top: 0.625rem; padding-left: 1.5625rem; } .md-faq__answer > * ~ * { margin-top: 0.3125rem; } .md-follow__container { position: relative; } .md-follow__container > .md-column__side { position: sticky; margin-top: unset; top: 60px; left: 0; z-index: 5; } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-follow__container > .md-column__side { width: 324px; left: unset; right: 0; margin-left: unset; -webkit-transform: translateX(calc(100vw - 24px)); transform: translateX(calc(100vw - 24px)); } } @media screen and (min-width: 980px) { .md-follow__container > .md-column__side { width: 16.25rem; top: 80px; } } .md-follow__container > .md-column__main { margin-top: 2rem; } @media screen and (min-width: 680px) { .md-follow__container > .md-column__main { margin-top: unset; } } @media screen and (min-width: 980px) { .md-follow__btn { display: none; } } .md-follow__select { width: calc(100% + 32px); margin-inline: -16px; background: var(--lkey); padding: 0.25rem 1rem; border-radius: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 48px; -webkit-box-shadow: 0 3px 5px rgba(231, 29, 24, 0.3); box-shadow: 0 3px 5px rgba(231, 29, 24, 0.3); font-weight: 500; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .md-follow__select { width: 60px; aspect-ratio: 1; position: absolute; left: -60px; top: 0; margin: unset; background: var(--key); -webkit-box-shadow: unset; box-shadow: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (min-width: 980px) { .md-follow__select { display: none; } } .md-follow__select:after { content: ""; width: 16px; aspect-ratio: 1; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; display: block; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media screen and (min-width: 680px) { .md-follow__select:after { background: var(--wht); width: 24px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } } @media (hover: hover) and (pointer: fine) { .md-follow__select:hover { color: var(--key); } .md-follow__select:hover .txt { text-decoration: none; } } .md-follow__select { /* &:focus { color: var(--key); .txt { text-decoration: none; } }*/ } @media screen and (min-width: 680px) { .md-follow__select[aria-expanded=true] { -webkit-transform: translateX(-324px); transform: translateX(-324px); -webkit-transition: -webkit-transform 0.1s; transition: -webkit-transform 0.1s; transition: transform 0.1s; transition: transform 0.1s, -webkit-transform 0.1s; } } .md-follow__select[aria-expanded=true]:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } @media screen and (min-width: 680px) { .md-follow__select[aria-expanded=true]:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } @media screen and (min-width: 680px) { .md-follow__select[aria-expanded=false] { left: -76px; } } @media screen and (min-width: 680px) { .md-follow__txt { position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; width: 0px; height: 0px; border: 0; opacity: 0; z-index: -2; margin: 0; padding: 0; font-size: 0; } } @media screen and (min-width: 980px) { .md-follow__txt { display: none; } } .md-follow__title { display: none; } @media screen and (min-width: 680px) { .md-follow__title { display: block; padding: 1rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 60px; } } @media screen and (min-width: 980px) { .md-follow__title { min-height: unset; padding: unset; } } .md-follow__nav { display: block; visibility: hidden; opacity: 0; background: var(--wht); width: calc(100% + 32px); margin-inline: -16px; -webkit-box-shadow: 0 10px 10px rgba(231, 29, 24, 0.3); box-shadow: 0 10px 10px rgba(231, 29, 24, 0.3); position: absolute; left: 0; top: 48px; } @media screen and (min-width: 680px) { .md-follow__nav { opacity: 1; margin: unset; width: 100%; top: 0; -webkit-transition: unset; transition: unset; -webkit-box-shadow: unset; box-shadow: unset; } } @media screen and (min-width: 980px) { .md-follow__nav { position: unset; margin-top: unset; padding: 20px; border-radius: 10px; } } .md-follow__nav[aria-hidden=false] { -webkit-transition: opacity 0.1s, visibility 0.1s, display 0.1s allow-discrete, -webkit-transform 0.1s; transition: opacity 0.1s, visibility 0.1s, display 0.1s allow-discrete, -webkit-transform 0.1s; transition: opacity 0.1s, visibility 0.1s, transform 0.1s, display 0.1s allow-discrete; transition: opacity 0.1s, visibility 0.1s, transform 0.1s, display 0.1s allow-discrete, -webkit-transform 0.1s; } @media screen and (max-width: 679.8px) { .md-follow__nav[aria-hidden=false] { opacity: 1; visibility: visible; } @starting-style { .md-follow__nav[aria-hidden=false] { opacity: 0; } } } @media screen and (min-width: 680px) { .md-follow__nav[aria-hidden=false] { visibility: visible; -webkit-transition: 0.1s; transition: 0.1s; -webkit-transform: translateX(-324px); transform: translateX(-324px); -webkit-box-shadow: 0 0 10px rgba(231, 29, 24, 0.3); box-shadow: 0 0 10px rgba(231, 29, 24, 0.3); } } @media screen and (min-width: 980px) { .md-follow__nav[aria-hidden=false] { -webkit-transform: unset; transform: unset; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: unset; transition: unset; } } @media screen and (max-width: 679.8px) { .md-follow__nav[aria-hidden=true] { visibility: hidden; opacity: 0; } @starting-style { .md-follow__nav[aria-hidden=true] { opacity: 1; } } } .md-follow__list { counter-reset: bullet; } .md-follow__list > li { counter-increment: bullet; } .md-follow__list > li a { padding-left: 2em; position: relative; } @media screen and (min-width: 980px) { .md-follow__list > li a { padding-left: 1em; } } .md-follow__list > li a:before { content: ""; display: block; position: absolute; left: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.6em; height: 0.6em; padding-right: 2px; background: var(--key); } @media screen and (min-width: 980px) { .md-follow__list > li a:before { left: 0; } } @media screen and (min-width: 980px) { .md-follow__list > li { margin-top: 1.25rem; } } .md-follow__item { border-top: var(--lkey) 1px solid; } @media screen and (min-width: 980px) { .md-follow__item { border: none; } } .md-follow__item:first-child { border-top: none; } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-follow__item:first-child { border-top: var(--lkey) 1px solid; } } @media screen and (min-width: 980px) { .md-follow__item + li { margin-top: 1rem; } } .md-follow__item a { color: var(--def); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 48px; padding: 0.5rem 1rem; -webkit-transition: color 0.3s; transition: color 0.3s; font-weight: bold; } @media screen and (min-width: 980px) { .md-follow__item a { min-height: unset; padding: unset; font-size: 0.875rem; } } .md-follow__item a { text-decoration: none; } .md-follow__item a .txt { text-decoration: none; } @media (hover: hover) and (pointer: fine) { .md-follow__item a:hover { color: var(--key); } .md-follow__item a:hover .txt { text-decoration: underline; } } .md-follow__item a:focus { color: var(--key); } .md-follow__item a:focus .txt { text-decoration: underline; } .md-follow__item.is-active a { font-weight: 500; color: var(--key); text-decoration: underline; } .fntS { font-size: 1.2rem; } .fs10 { font-size: 0.625rem !important; } .fs12 { font-size: 0.75rem !important; } .fs14 { font-size: 0.875rem !important; } .fs16 { font-size: 1rem !important; } .fs18 { font-size: 1.125rem !important; } .fs20 { font-size: 1.25rem !important; } .fs22 { font-size: 1.375rem !important; } .fs24 { font-size: 1.5rem !important; } .fs26 { font-size: 1.625rem !important; } .fs28 { font-size: 1.75rem !important; } .fs30 { font-size: 1.875rem !important; } .fs32 { font-size: 2rem !important; } .fs34 { font-size: 2.125rem !important; } .fs36 { font-size: 2.25rem !important; } .fs38 { font-size: 2.375rem !important; } .fs40 { font-size: 2.5rem !important; } @media screen and (min-width: 980px) { .fs-pc-10 { font-size: 0.625rem !important; } } @media screen and (min-width: 980px) { .fs-pc-12 { font-size: 0.75rem !important; } } @media screen and (min-width: 980px) { .fs-pc-14 { font-size: 0.875rem !important; } } @media screen and (min-width: 980px) { .fs-pc-16 { font-size: 1rem !important; } } @media screen and (min-width: 980px) { .fs-pc-18 { font-size: 1.125rem !important; } } @media screen and (min-width: 980px) { .fs-pc-20 { font-size: 1.25rem !important; } } @media screen and (min-width: 980px) { .fs-pc-22 { font-size: 1.375rem !important; } } @media screen and (min-width: 980px) { .fs-pc-24 { font-size: 1.5rem !important; } } @media screen and (min-width: 980px) { .fs-pc-26 { font-size: 1.625rem !important; } } @media screen and (min-width: 980px) { .fs-pc-28 { font-size: 1.75rem !important; } } @media screen and (min-width: 980px) { .fs-pc-30 { font-size: 1.875rem !important; } } @media screen and (min-width: 980px) { .fs-pc-32 { font-size: 2rem !important; } } @media screen and (min-width: 980px) { .fs-pc-34 { font-size: 2.125rem !important; } } @media screen and (min-width: 980px) { .fs-pc-36 { font-size: 2.25rem !important; } } @media screen and (min-width: 980px) { .fs-pc-38 { font-size: 2.375rem !important; } } @media screen and (min-width: 980px) { .fs-pc-40 { font-size: 2.5rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-10 { font-size: 0.625rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-12 { font-size: 0.75rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-14 { font-size: 0.875rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-16 { font-size: 1rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-18 { font-size: 1.125rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-20 { font-size: 1.25rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-22 { font-size: 1.375rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-24 { font-size: 1.5rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-26 { font-size: 1.625rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-28 { font-size: 1.75rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-30 { font-size: 1.875rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-32 { font-size: 2rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-34 { font-size: 2.125rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-36 { font-size: 2.25rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-38 { font-size: 2.375rem !important; } } @media screen and (max-width: 679.8px) { .fs-sp-40 { font-size: 2.5rem !important; } } @media screen and (min-width: 680px) { .fs-sm-10 { font-size: 0.625rem !important; } } @media screen and (min-width: 680px) { .fs-sm-12 { font-size: 0.75rem !important; } } @media screen and (min-width: 680px) { .fs-sm-14 { font-size: 0.875rem !important; } } @media screen and (min-width: 680px) { .fs-sm-16 { font-size: 1rem !important; } } @media screen and (min-width: 680px) { .fs-sm-18 { font-size: 1.125rem !important; } } @media screen and (min-width: 680px) { .fs-sm-20 { font-size: 1.25rem !important; } } @media screen and (min-width: 680px) { .fs-sm-22 { font-size: 1.375rem !important; } } @media screen and (min-width: 680px) { .fs-sm-24 { font-size: 1.5rem !important; } } @media screen and (min-width: 680px) { .fs-sm-26 { font-size: 1.625rem !important; } } @media screen and (min-width: 680px) { .fs-sm-28 { font-size: 1.75rem !important; } } @media screen and (min-width: 680px) { .fs-sm-30 { font-size: 1.875rem !important; } } @media screen and (min-width: 680px) { .fs-sm-32 { font-size: 2rem !important; } } @media screen and (min-width: 680px) { .fs-sm-34 { font-size: 2.125rem !important; } } @media screen and (min-width: 680px) { .fs-sm-36 { font-size: 2.25rem !important; } } @media screen and (min-width: 680px) { .fs-sm-38 { font-size: 2.375rem !important; } } @media screen and (min-width: 680px) { .fs-sm-40 { font-size: 2.5rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-10 { font-size: 0.625rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-12 { font-size: 0.75rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-14 { font-size: 0.875rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-16 { font-size: 1rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-18 { font-size: 1.125rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-20 { font-size: 1.25rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-22 { font-size: 1.375rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-24 { font-size: 1.5rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-26 { font-size: 1.625rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-28 { font-size: 1.75rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-30 { font-size: 1.875rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-32 { font-size: 2rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-34 { font-size: 2.125rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-36 { font-size: 2.25rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-38 { font-size: 2.375rem !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .fs-tb-40 { font-size: 2.5rem !important; } } .headline-h1 { line-height: 1.5; font-size: clamp(1.75rem, 0.9718543046rem + 3.3112582781vw, 3rem); } .headline-h2 { line-height: 1.5; font-size: clamp(1.5rem, 0.8774834437rem + 2.6490066225vw, 2.5rem); } .headline-h3 { line-height: 1.5; font-size: clamp(1.375rem, 1.1415562914rem + 0.9933774834vw, 1.75rem); } .headline-h4 { line-height: 1.5; font-size: clamp(1.125rem, 0.8915562914rem + 0.9933774834vw, 1.5rem); } .headline-h5 { line-height: 1.5; font-size: clamp(1rem, 0.9221854305rem + 0.3311258278vw, 1.125rem); } .headline-h6 { line-height: 1.5; font-size: clamp(1rem, 1rem + 0vw, 1rem); } .fntEN { font-family: "Oswald", sans-serif; line-height: 1; text-transform: uppercase; } .nomarl { font-weight: normal !important; } .lh-def { line-height: 1.75; } .lh-13 { line-height: 1.3; } .lh-15 { line-height: 1.5; } fieldset, fieldset > legend { display: contents; } .md-form-flow__container { text-align: center; } .md-form-flow__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px 15px; } @media screen and (min-width: 980px) { .md-form-flow__list { gap: 5px 25px; } } @media screen and (min-width: 1025px) { .md-form-flow__list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .md-form-flow__list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: var(--lgry); width: 33.3333333333%; text-align: center; line-height: 1.25; padding: 5px; min-height: 50px; } @media screen and (min-width: 1025px) { .md-form-flow__list > li { min-width: 300px; } } .md-form-flow__list > li[aria-current=step] { background-color: var(--key); color: var(--wht); } .md-form-flow__list > li ~ li { position: relative; } .md-form-flow__list > li ~ li:before { content: ""; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 10px; height: 10px; position: absolute; left: -12px; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); font-size: 0.75rem; color: var(--key); } @media screen and (min-width: 980px) { .md-form-flow__list > li ~ li:before { left: -17px; } } .md-form__intro { width: 100%; } .md-form__intro:empty { display: none; } .md-form__main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .md-form__item { width: 100%; border-bottom: var(--border) 1px solid; padding: 15px 10px; } @media screen and (min-width: 980px) { .md-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; } } .md-form__item:first-child { border-top: var(--border) 1px solid; } @media screen and (min-width: 980px) { .md-form__item:first-child .md-form__title { border: none; } } @media screen and (min-width: 980px) { .md-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; } } .md-form__item .is-required { background-color: var(--red); color: var(--wht); font-size: 0.75rem; display: inline-block; padding: 8px 10px; line-height: 1; margin-left: 10px; white-space: nowrap; } @media screen and (min-width: 980px) { .md-form__item .is-required { margin-top: -6px; } } .md-form__item:has([class*=zip]) > fieldset > .md-form__input { border: var(--border) 1px solid; margin-top: 10px; width: calc(100% + 20px); padding: 10px; position: relative; } .md-form__item:has([class*=zip]) > fieldset > .md-form__input .md-form__input { margin: unset; width: 100%; } @media screen and (min-width: 980px) { .md-form__item:has([class*=zip]) > fieldset > .md-form__input { width: calc(100% - 200px); border: none; margin: 0; padding: 0; } } .md-form__item:has([class*=zip]) > fieldset > .md-form__input > .md-form__address:first-child .md-form__title { padding-top: 0; } .md-form__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.25; font-weight: bold; padding: 10px; margin: -15px -10px 10px; background-color: var(--lgry); } @media screen and (min-width: 980px) { .md-form__title { width: 300px; padding: 12px 2rem 0 0; margin: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: unset; } .--confirm .md-form__title { padding-top: 0.25em; } } .md-form__input { width: calc(100% + 20px); padding-top: 5px; margin-left: -10px; margin-right: -10px; } .md-form__input .md-form__title, .md-form__input .md-form__input { padding-left: 0; padding-right: 0; padding-bottom: 0; } .md-form__input:has(input[type=date]) { position: relative; } .md-form__input:has(input[type=date]):before { content: ""; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_calendar.svg); mask-image: url(/dcms_media/common/ico_calendar.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; display: block; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: calc(100% - 25px); top: 15px; font-size: 1.5rem; } @media screen and (min-width: 980px) { .md-form__input:has(input[type=date]):before { top: 10px; left: 276px; } } @-moz-document url-prefix() { .md-form__input:has(input[type=date]):before { display: none; } } .md-form__input input[type=date] { background: unset; position: relative; z-index: 1; } .md-form__input input[type=date]::-webkit-calendar-picker-indicator { background-image: none; } .md-form__input input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; } .md-form__input input[type=date]::-webkit-clear-button { -webkit-appearance: none; } @media screen and (min-width: 980px) { .md-form__input { width: calc(100% - 200px); padding-top: 0; border: none; margin-top: 0; } .md-form__input input[type=date] { max-width: 300px; } } .md-form__input:has(.md-form__name) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .md-form__input:has(.md-form__name) .md-form__name { display: -webkit-box; display: -ms-flexbox; display: flex; width: 48%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .md-form__input:has(.md-form__name) .md-form__name + .md-form__name { margin-left: auto; } .md-form__input:has(.md-form__name) .md-form__label { width: 1.8em; } .--kana .md-form__input:has(.md-form__name) .md-form__label { width: 3.4em; } .md-form__horizon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 1.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px; } .--confirm .md-form__horizon { min-height: unset; gap: 5px 0; } .--confirm .md-form__horizon li:after { content: "\3001"; margin: 0 0.5rem; } .--confirm .md-form__horizon li:last-child:after { display: none; } @media screen and (min-width: 1025px) { .md-form__address { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 980px) { .md-form__address .md-form__input { width: 100%; padding-top: 5px; } } @media screen and (min-width: 1025px) { .md-form__address .md-form__input { padding-top: 0; padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .md-form__address .md-form__title { padding: 0; background-color: unset; margin: 0 0 10px; } @media screen and (min-width: 1025px) { .md-form__address .md-form__title { width: 7em; margin: 0; } } .md-form__address:has([class*=zip]) .md-form__input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { .md-form__address:has([class*=zip]) .md-form__input { max-width: 300px; } } .md-form__address:has([class*=zip]) .md-form__input > label { width: calc(50% - 1rem); } .md-form__address + .md-form__address { margin-top: 15px; } .md-form__birthday { border-bottom: var(--border) 1px solid; } @media screen and (max-width: 679.8px) { .md-form__birthday { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; } .md-form__birthday .md-form__title { margin-right: unset; margin-bottom: unset; width: 3em; text-align: center; padding: unset; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .md-form__birthday .md-form__input { width: unset; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: unset; margin-left: unset; padding-top: unset; padding-bottom: 0.75rem; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-form__birthday { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: unset; padding-right: unset; } .md-form__birthday + .md-form__birthday { padding-left: 0; } .md-form__birthday:first-child { padding-left: 10px; } .md-form__birthday + .md-form__birthday { margin-left: 6px; } .md-form__birthday .md-form__title { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: unset; } .md-form__birthday .md-form__input { width: 100%; margin: unset; } } .md-form__txtarea { display: grid; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1025px) { input[type=tel] { max-width: 300px; } } @media screen and (min-width: 1025px) { input[type=text].md-form__short, input[type=number].md-form__short, input[type=email].md-form__short, input[type=tel].md-form__short { max-width: 35%; } input[type=text].md-form__middle, input[type=number].md-form__middle, input[type=email].md-form__middle, input[type=tel].md-form__middle { max-width: 55%; } } textarea.md-form__low { min-height: 5em; } textarea.md-form__height { min-height: 15em; } .md-example__text { margin-top: 5px; width: 100%; font-size: 0.875rem; } .md-example__text:empty { display: none; } .md-error__area { background-color: #FDEDF5; } .md-error__area > * { background-color: #FDEDF5; } .md-error__area .md-form__title { color: var(--red); } .md-error__area input:not([aria-describedby=building]), .md-error__area select, .md-error__area textarea, .md-error__area .md-input__file { border-color: var(--red); } .md-error__txt { color: var(--red); width: 100%; line-height: 1.25; margin-top: 5px; } @-webkit-keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { -webkit-transform: translateY(10px); transform: translateY(10px); } 66% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .lorder { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; height: 100vh; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .lorder-inner > div:nth-child(1) { -webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .lorder-inner > div:nth-child(2) { -webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .lorder-inner > div:nth-child(3) { -webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .lorder-inner > div { background-color: var(--key); width: 15px; height: 15px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } input[type=submit], input[type=button], input[type=radio], input[type=checkbox], button, select, label { cursor: pointer; } :where(input[type=submit]), :where(input[type=button]), :where(button), :where(select) { font-size: 1rem; } :where(input[type=submit]), :where(input[type=button]), :where(button) { font-weight: 500; } :where(input[type=text]), :where(input[type=email]), :where(input[type=tel]), :where(input[type=search]), :where(input[type=submit]), :where(input[type=password]), :where(input[type=number]), :where(input[type=date]), :where(textarea), :where(button) { padding: 0; background-color: transparent; border: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Zen Kaku Gothic New, Meiryo, Hiragino Kaku Gothic ProN, sans-serif; color: var(--def); } :where(input[type=text]), :where(input[type=date]), :where(input[type=email]), :where(input[type=tel]), :where(input[type=search]), :where(input[type=password]), :where(input[type=number]), :where(textarea), :where(select) { width: 100%; padding: 5px 8px; font-size: 1rem; border: var(--border) 1px solid; line-height: 1.3; background-color: var(--wht); color: var(--def); height: 40px; text-align: left; -webkit-appearance: none; border-radius: unset; } :where(input[type=text]):focus, :where(input[type=date]):focus, :where(input[type=email]):focus, :where(input[type=tel]):focus, :where(input[type=search]):focus, :where(input[type=password]):focus, :where(input[type=number]):focus, :where(textarea):focus, :where(select):focus { border-color: var(--key); background-color: var(--wht); } :where(input[type=text]):disabled, :where(input[type=date]):disabled, :where(input[type=email]):disabled, :where(input[type=tel]):disabled, :where(input[type=search]):disabled, :where(input[type=password]):disabled, :where(input[type=number]):disabled, :where(textarea):disabled, :where(select):disabled { border-color: #ddd; background-color: #f5f5f5; } :where(input[type=text]).error, :where(input[type=date]).error, :where(input[type=email]).error, :where(input[type=tel]).error, :where(input[type=search]).error, :where(input[type=password]).error, :where(input[type=number]).error, :where(textarea).error, :where(select).error { border-color: #c00; background-color: #fff8F8; } input + .section { margin-top: unset; } label { line-height: 1.25; } label.error { display: block; margin-top: 5px; color: #c00; } :where(textarea) { resize: vertical !important; min-height: 8em; } ::-webkit-input-placeholder { color: var(--dgry); } ::-moz-placeholder { color: var(--dgry); } :-ms-input-placeholder { color: var(--dgry); } ::-ms-input-placeholder { color: var(--dgry); } ::placeholder { color: var(--dgry); } :where(select) { cursor: pointer; } @media screen and (min-width: 680px) { :where(select) { max-width: 320px; } } :where(select)[disabled] { pointer-events: none; } :where(input[type=number]) { -moz-appearance: textfield; } :where(input[type=number])::-webkit-inner-spin-button, :where(input[type=number])::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; } ::-webkit-full-page-media, :future, :root input[type=date] { color: #eee; } ::-webkit-full-page-media, :future, :root input[type=date]::-webkit-date-and-time-value { color: var(--def); } ::-webkit-full-page-media, :future, :root input[type=date]::-webkit-datetime-edit-year-field, ::-webkit-full-page-media, :future, :root input[type=date]::-webkit-datetime-edit-month-field, ::-webkit-full-page-media, :future, :root input[type=date]::-webkit-datetime-edit-day-field { color: var(--def); } ::-webkit-full-page-media, :future, :root input[type=date]::-webkit-datetime-edit-text { color: var(--def); margin: 0 3px; font-size: 0.75rem; } :where([class*=md]) :where(input[type=date]) { padding: 0; padding-left: 8px; padding-right: 4px; } @media screen and (min-width: 980px) { :where([class*=md]) :where(input[type=date]) { max-width: 300px !important; } } :where([class*=md]) :where(input[type=date])::-webkit-calendar-picker-indicator { cursor: pointer; width: 30px; height: 30px; background-size: 20px 20px; background-position: right center; } :where([class*=md]) :where(input[type=checkbox]), :where([class*=md]) :where(input[type=radio]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; top: -0.2em; height: 20px; width: 20px; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; color: #fff; cursor: pointer; display: inline-block; margin-bottom: -0.4rem; margin-right: 5px; outline: none; border: var(--key) 1px solid; background-color: #FFF; border-radius: 3px; } :where([class*=md]) :where(input[type=checkbox]):focus, :where([class*=md]) :where(input[type=radio]):focus { background-color: var(--lkey); -webkit-transform: scale(1.2); transform: scale(1.2); } :where([class*=md]) label:has(input[type=checkbox]:focus), :where([class*=md]) label:has(input[type=radio]:focus) { text-decoration: underline; } :where([class*=md]) :where(input[type=checkbox]):before, :where([class*=md]) :where(input[type=checkbox]):after { position: absolute; content: ""; background-color: #fff; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } :where([class*=md]) :where(input[type=checkbox]):before { left: 2px; top: 9px; width: 0; height: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } :where([class*=md]) :where(input[type=checkbox]):after { right: 9px; bottom: 4px; width: 3px; height: 0; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } :where([class*=md]) :where(input[type=checkbox]):checked { background-color: var(--key); } :where([class*=md]) :where(input[type=checkbox]):checked:before { left: 2px; top: 9px; width: 6px; height: 3px; } :where([class*=md]) :where(input[type=checkbox]):checked:after { right: 5px; bottom: 2px; width: 3px; height: 14px; } :where([class*=md]) :where(input[type=checkbox]):indeterminate:before, :where([class*=md]) :where(input[type=checkbox]):indeterminate:after { width: 7px; height: 2px; -webkit-transform: rotate(0); transform: rotate(0); } :where([class*=md]) :where(input[type=checkbox]):indeterminate:before { left: 1px; top: 7px; } :where([class*=md]) :where(input[type=checkbox]):indeterminate:after { right: 1px; bottom: 7px; } :where([class*=md]) :where(input[type=radio]) { border-radius: 50%; } :where([class*=md]) :where(input[type=radio]):checked:before { -webkit-transform: scale(1); transform: scale(1); } :where([class*=md]) :where(input[type=radio]):before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; margin: 3px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all ease-out 0.1s; transition: all ease-out 0.1s; background-color: var(--key); } .md-form__select { border: var(--border) 1px solid; background-color: var(--wht); position: relative; } @media screen and (min-width: 980px) { .md-form__select:not(.md-form__short):not(.md-form__middle):not(.md-form__long) { max-width: 300px; } } .md-form__select:after { content: ""; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 10px; height: 10px; right: 10px; top: 55%; position: absolute; font-size: 0.625rem; color: var(--key); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .md-error__area .md-form__select { border-color: var(--red); } .md-form__select select { margin: 0 !important; border-radius: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 30px 10px 8px; background: transparent !important; position: relative; z-index: 2; border-color: rgba(255, 255, 255, 0); max-width: none; width: 100%; } .md-form__select select:focus { background: unset; border-color: var(--key); } .md-form__select.is-disabled { pointer-events: none; background-color: var(--gry); } .md-form__select.is-disabled:after { color: #666; } .md-input__file { border: var(--border) 1px solid; width: 100%; padding-right: 5px; } .md-input__file::-webkit-file-upload-button { font-weight: bold; color: white; background: var(--key); font-size: 0.875rem; border: var(--key) 1px solid; padding: 8px 16px; color: var(--wht); height: 42px; text-align: center; cursor: pointer; margin-right: 8px; } .md-input__file::file-selector-button { font-weight: bold; color: white; background: var(--key); font-size: 0.875rem; border: var(--key) 1px solid; padding: 8px 16px; color: var(--wht); height: 42px; text-align: center; cursor: pointer; margin-right: 8px; } @media screen and (min-width: 680px) { .md-input__file::-webkit-file-upload-button { width: 180px; } .md-input__file::file-selector-button { width: 180px; } } @media (hover: hover) and (pointer: fine) { .md-input__file::-webkit-file-upload-button:hover { background: var(--wht); color: var(--key); } .md-input__file::file-selector-button:hover { background: var(--wht); color: var(--key); } } .md-input__file { /* display: flex; align-items: center; border: var(--border) 1px solid; background-color: var(--wht); input[type="file"] { position: absolute!important; clip: rect(1px,1px,1px,1px)!important; height: 1px!important; overflow: hidden!important; width: 0px!important; height: 0px!important; border: 0!important; opacity: 0!important; z-index: -2!important; margin: 0!important; padding: 0!important; font-size: 0!important; } &-label { @include rem(13); height: 40px; width: 110px; display: flex; align-items: center; justify-content: center; background-color: var(--key); cursor: pointer; display: flex; color: #FFF; border: var(--key) 1px solid; @include hover { background-color: var(--wht); color: var(--key); } &:has(input[type="file"]:focus) { background-color: var(--wht); color: var(--key); } } &-name { flex:1; padding: 5px 10px; @include rem(13); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; &:not(.is-selected) { color: $DGRY ; } }*/ } .md-link__btn.--cancel:before { left: unset; right: 0; -webkit-transform-origin: left top; transform-origin: left top; } @media (hover: hover) and (pointer: fine) { .md-link__btn.--cancel:hover:before { -webkit-transform-origin: right top; transform-origin: right top; } } .md-link__btn.--cancel > .txt:before { right: unset; left: 0; } .md-link__btn.--cancel > .txt:after { right: unset; left: 10px; -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg); } .md-hero__container { background: var(--lkey); border-radius: 24px; min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-inline: 1rem; margin-top: 2rem; } @media screen and (min-width: 980px) { .md-hero__container { margin-top: 0; } } @media screen and (min-width: 680px) { .md-hero__container { min-height: 286px; margin-inline: 1.5rem; } } @media screen and (min-width: 1248px) { .md-hero__container { margin-inline: 2.5rem; } } .md-hero__desc { font-weight: 500; } :where([class*=ico-before-]) > .txt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where([class*=ico-before-]) > .txt:before { content: ""; width: 1em; aspect-ratio: 1; display: block; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; background: var(--def); position: unset; -ms-flex-negative: 0; flex-shrink: 0; } :where([class*=ico-after-]) > .txt { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where([class*=ico-after-]) > .txt:after { content: ""; width: 1em; aspect-ratio: 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; background: var(--def); position: unset; -ms-flex-negative: 0; flex-shrink: 0; } :where(.ico-before-arr):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } :where(.ico-before-arr) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } :where(.ico-after-arr):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } :where(.ico-after-arr) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } :where(.ico-before-arrd):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); } :where(.ico-before-arrd) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); } :where(.ico-after-arrd):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); } :where(.ico-after-arrd) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_arrd.svg); mask-image: url(/dcms_media/common/ico_arrd.svg); } :where(.ico-before-arrS):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); } :where(.ico-before-arrS) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); } :where(.ico-after-arrS):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); } :where(.ico-after-arrS) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_arr_S.svg); mask-image: url(/dcms_media/common/ico_arr_S.svg); } :where(.ico-before-blank):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); } :where(.ico-before-blank) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); } :where(.ico-after-blank):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); } :where(.ico-after-blank) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); } :where(.ico-before-pdf):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); } :where(.ico-before-pdf) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); } :where(.ico-after-pdf):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); } :where(.ico-after-pdf) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); } :where(.ico-before-search):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_search.svg); mask-image: url(/dcms_media/common/ico_search.svg); } :where(.ico-before-search) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_search.svg); mask-image: url(/dcms_media/common/ico_search.svg); } :where(.ico-after-search):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_search.svg); mask-image: url(/dcms_media/common/ico_search.svg); } :where(.ico-after-search) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_search.svg); mask-image: url(/dcms_media/common/ico_search.svg); } :where(.ico-before-mail):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_mail.svg); mask-image: url(/dcms_media/common/ico_mail.svg); } :where(.ico-before-mail) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_mail.svg); mask-image: url(/dcms_media/common/ico_mail.svg); } :where(.ico-after-mail):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_mail.svg); mask-image: url(/dcms_media/common/ico_mail.svg); } :where(.ico-after-mail) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_mail.svg); mask-image: url(/dcms_media/common/ico_mail.svg); } :where(.ico-before-dl):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_dl.svg); mask-image: url(/dcms_media/common/ico_dl.svg); } :where(.ico-before-dl) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_dl.svg); mask-image: url(/dcms_media/common/ico_dl.svg); } :where(.ico-after-dl):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_dl.svg); mask-image: url(/dcms_media/common/ico_dl.svg); } :where(.ico-after-dl) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_dl.svg); mask-image: url(/dcms_media/common/ico_dl.svg); } :where(.ico-before-faq):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_faq.svg); mask-image: url(/dcms_media/common/ico_faq.svg); } :where(.ico-before-faq) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_faq.svg); mask-image: url(/dcms_media/common/ico_faq.svg); } :where(.ico-after-faq):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_faq.svg); mask-image: url(/dcms_media/common/ico_faq.svg); } :where(.ico-after-faq) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_faq.svg); mask-image: url(/dcms_media/common/ico_faq.svg); } :where(.ico-before-form):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_form.svg); mask-image: url(/dcms_media/common/ico_form.svg); } :where(.ico-before-form) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_form.svg); mask-image: url(/dcms_media/common/ico_form.svg); } :where(.ico-after-form):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_form.svg); mask-image: url(/dcms_media/common/ico_form.svg); } :where(.ico-after-form) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_form.svg); mask-image: url(/dcms_media/common/ico_form.svg); } :where(.ico-before-info):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_info.svg); mask-image: url(/dcms_media/common/ico_info.svg); } :where(.ico-before-info) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_info.svg); mask-image: url(/dcms_media/common/ico_info.svg); } :where(.ico-after-info):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_info.svg); mask-image: url(/dcms_media/common/ico_info.svg); } :where(.ico-after-info) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_info.svg); mask-image: url(/dcms_media/common/ico_info.svg); } :where(.ico-before-movie):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_movie.svg); mask-image: url(/dcms_media/common/ico_movie.svg); } :where(.ico-before-movie) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_movie.svg); mask-image: url(/dcms_media/common/ico_movie.svg); } :where(.ico-after-movie):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_movie.svg); mask-image: url(/dcms_media/common/ico_movie.svg); } :where(.ico-after-movie) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_movie.svg); mask-image: url(/dcms_media/common/ico_movie.svg); } :where(.ico-before-notice):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_notice.svg); mask-image: url(/dcms_media/common/ico_notice.svg); } :where(.ico-before-notice) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_notice.svg); mask-image: url(/dcms_media/common/ico_notice.svg); } :where(.ico-after-notice):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_notice.svg); mask-image: url(/dcms_media/common/ico_notice.svg); } :where(.ico-after-notice) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_notice.svg); mask-image: url(/dcms_media/common/ico_notice.svg); } :where(.ico-before-login):not(:has(.txt)):before { -webkit-mask-image: url(/dcms_media/common/ico_login.svg); mask-image: url(/dcms_media/common/ico_login.svg); } :where(.ico-before-login) > .txt:before { -webkit-mask-image: url(/dcms_media/common/ico_login.svg); mask-image: url(/dcms_media/common/ico_login.svg); } :where(.ico-after-login):not(:has(.txt)):after { -webkit-mask-image: url(/dcms_media/common/ico_login.svg); mask-image: url(/dcms_media/common/ico_login.svg); } :where(.ico-after-login) > .txt:after { -webkit-mask-image: url(/dcms_media/common/ico_login.svg); mask-image: url(/dcms_media/common/ico_login.svg); } :where(ul):not([class*=badge]):not([class*=md-grid]):not([class*=md-flex]).--justify-C, :where(ol):not([class*=badge]):not([class*=md-grid]):not([class*=md-flex]).--justify-C { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where(ul):not([class*=badge]):not([class*=md-grid]):not([class*=md-flex]).--justify-C > li, :where(ol):not([class*=badge]):not([class*=md-grid]):not([class*=md-flex]).--justify-C > li { width: unset; } :where(ul:not([class*=md]):not([class*=list])) > li, :where(ol:not([class*=md]):not([class*=list])) > li { padding-left: 1rem; position: relative; line-height: 1.5; } :where(ul:not([class*=md]):not([class*=list])) > li:before, :where(ol:not([class*=md]):not([class*=list])) > li:before { position: absolute; left: 0; top: 0; } :where(ul:not([class*=md]):not([class*=list])) > li ~ li, :where(ol:not([class*=md]):not([class*=list])) > li ~ li { margin-top: 0.5rem; } :where(ul:not([class*=md]):not([class*=list]))[class*=dcms] > li, :where(ol:not([class*=md]):not([class*=list]))[class*=dcms] > li { padding: unset; } :where(ul:not([class*=md]):not([class*=list]))[class*=dcms] > li:before, :where(ol:not([class*=md]):not([class*=list]))[class*=dcms] > li:before { display: none; } :where(ul:not([class*=md]):not([class*=list]))[class*=dcms] > li ~ li, :where(ol:not([class*=md]):not([class*=list]))[class*=dcms] > li ~ li { margin-top: 0; } :where(ul:not([class*=md]):not([class*=list])) > li:before { content: ""; width: 6px; height: 6px; background-color: var(--def); border-radius: 5px; top: 0.6em; } :where(ol:not([class*=md]):not([class*=list])) { counter-reset: ol-bullet; margin-left: -0.5rem; } :where(ol:not([class*=md]):not([class*=list])) > li { padding-left: 1.8em; position: relative; } :where(ol:not([class*=md]):not([class*=list])) > li:has(ol) + li { margin-top: 1rem; } :where(ol:not([class*=md]):not([class*=list])) > li:before { counter-increment: ol-bullet; content: counters(ol-bullet, "-") "."; display: block; text-align: right; position: absolute; left: 0; top: 0; width: 1.6em; padding-right: 2px; color: var(--def); } :where(ol:not([class*=md]):not([class*=list])) > li > ol { margin-left: -1rem; margin-top: 0.5rem; } :where(ol:not([class*=md]):not([class*=list])) > li > ol > li { padding-left: 3em; } :where(ol:not([class*=md]):not([class*=list])) > li > ol > li:before { width: 2.8em; color: var(--def); } :where(ol:not([class*=md]):not([class*=list])) > li > ol > li > ol { margin-left: -2.2rem; margin-top: 0.5rem; } :where(ol:not([class*=md]):not([class*=list])) > li > ol > li > ol > li { padding-left: 3.8em; } :where(ol:not([class*=md]):not([class*=list])) > li > ol > li > ol > li:before { width: 3.8em; color: var(--def); } ul:has([class*=__btn]) > li:before, ol:has([class*=__btn]) > li:before { display: none; } :where(.md-indent__list) p ~ p, :where(.md-indent__list) P + *, :where(.md-indent__list) h3 + *, :where(.md-indent__list) h4 + * { margin-top: 0.5rem; } :where(.md-indent__list) > li { line-height: 1.5; width: 100%; } :where(.md-indent__list) > li + li { margin-top: 0.5rem; } :where(.md-indent__list) > li:has(ol) + li, :where(.md-indent__list) > li:has(ul) + li { margin-top: 1rem; } :where(.md-indent__list) > li ul, :where(.md-indent__list) > li ol { margin-top: 0.5rem; } :where(.md-indent__list).--dots > li { position: relative; padding-left: 0.8rem; } :where(.md-indent__list).--dots > li:before { content: ""; width: 3px; height: 3px; border-radius: 5px; top: 0.75em; left: 0; position: absolute; display: block; background-color: var(--def); } :where(.md-indent__list).--decimal { counter-reset: ol-bullet; } :where(.md-indent__list).--decimal li.bold:before { font-weight: bold; } :where(.md-indent__list).--decimal li:has(> h3) { padding-left: 2.5em; } :where(.md-indent__list).--decimal li:has(> h3):before { font-weight: bold; padding-right: unset; color: var(--def); } :where(.md-indent__list).--decimal li:has(> h3) ~ li { margin-top: 1.5rem; } :where(.md-indent__list).--decimal li:has(> h4) { padding-left: 2.2em; } :where(.md-indent__list).--decimal li:has(> h4):before { padding-right: unset; font-weight: bold; color: var(--def); } :where(.md-indent__list).--decimal li:has(> h4) ~ li { margin-top: 1.5rem; } :where(.md-indent__list).--decimal li:has(> h5) { padding-left: 2em; } :where(.md-indent__list).--decimal li:has(> h5):before { font-weight: bold; color: var(--def); } :where(.md-indent__list).--decimal li:has(> h5) ~ li { margin-top: 1.5rem; } :where(.md-indent__list).--decimal > li { padding-left: 1.8em; position: relative; } :where(.md-indent__list).--decimal > li:before { counter-increment: ol-bullet; content: counter(ol-bullet) ". "; display: block; width: 2em; text-align: right; position: absolute; left: 0; top: 0; padding-right: 5px; color: var(--def); } :where(.md-indent__list).--decimal > li > .--decimal > li { padding-left: 2.3em; } :where(.md-indent__list).--decimal > li > .--decimal > li:before { color: var(--def); content: "(" counter(ol-bullet) ") "; width: 2.1em; text-align: right; } :where(.md-indent__list).--decimal > li > .--decimal > li > .--decimal > li { padding-left: 2.2em; } :where(.md-indent__list).--decimal > li > .--decimal > li > .--decimal > li:before { color: var(--def); content: counter(ol-bullet, lower-alpha) " ) "; width: 2.1em; text-align: right; } :where(.md-indent__list).--circle { counter-reset: ol-bullet; } :where(.md-indent__list).--circle > li { padding-left: 1.1em; position: relative; } :where(.md-indent__list).--circle > li:before { counter-increment: ol-bullet; content: counter(ol-bullet); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.7em; height: 1.7em; font-size: 0.625rem; border: var(--def) 1px solid; text-align: right; position: absolute; border-radius: 50%; left: -0.5em; top: 0.4em; padding-bottom: 0.1em; } :where(.md-indent__list).--circle > li ~ li { margin-top: 10px; } :where(.md-indent__list).--brackets { counter-reset: ol-bullet; } :where(.md-indent__list).--brackets > li { padding-left: 2.2em; position: relative; } :where(.md-indent__list).--brackets > li:before { counter-increment: ol-bullet; content: "(" counter(ol-bullet) ")"; width: 1.7em; height: 1.7em; text-align: right; position: absolute; border-radius: 50%; left: 0; top: -0.1em; padding-bottom: 0.1em; } :where(.md-indent__list).--brackets > li ~ li { margin-top: 10px; } :where(.md-indent__list).--checked > li { position: relative; padding-left: 1.4em; } :where(.md-indent__list).--checked > li:before, :where(.md-indent__list).--checked > li:after { position: absolute; content: ""; } :where(.md-indent__list).--checked > li:before { /* left: .25em; top: .55em; width: .7em; height: .4em; */ left: 0; top: 0.5em; width: 0.8em; height: 0.5em; border-left: 3px solid var(--def); border-bottom: 3px solid var(--def); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .js-scrollHint .scrollInner { min-width: 900px; min-height: 70px; } @media screen and (max-width: 979.8px) { .js-scrollHint_inner { width: 700px; } } .js-scrollHint { scrollbar-color: var(--key) var(--gry); scrollbar-width: thin; } .js-scrollHint::-webkit-scrollbar { width: 10px; } .js-scrollHint::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--key); } .js-scrollHint::-webkit-scrollbar-track { background-color: var(--gry); } @-webkit-keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } @keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; } } .scroll-hint-icon { position: absolute; top: calc(50% - 35px); left: calc(50% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; height: auto; border-radius: 5px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; background: rgba(254, 113, 20, 0.7); text-align: center; padding: 15px 10px 5px 10px; } .scroll-hint-icon-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; pointer-events: none; } .scroll-hint-text { font-size: 10px; color: #FFF; margin-top: 5px; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon { opacity: 0.8; } .scroll-hint-icon:before { display: inline-block; width: 22px; height: 22px; color: #FFF; vertical-align: middle; text-align: center; content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon:after { content: ""; width: 34px; height: 14px; display: block; position: absolute; top: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==); opacity: 0; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after { opacity: 1; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before { -webkit-animation: scroll-hint-appear 1.2s linear; animation: scroll-hint-appear 1.2s linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .scroll-hint-icon-white { background-color: #FFF; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); } .scroll-hint-icon-white:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon-white:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==); } .scroll-hint-icon-white .scroll-hint-text { color: #000; } .scroll-hint-shadow-wrap { position: relative; } .scroll-hint-shadow-wrap::after { content: ""; width: 20px; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); position: absolute; top: 0; right: 0; pointer-events: none; z-index: 1; opacity: 0; visibility: hidden; } .scroll-hint-shadow-wrap::before { content: ""; width: 20px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1; opacity: 0; visibility: hidden; } .scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after, .scroll-hint-shadow-wrap.is-right-scrollable::after { opacity: 1; visibility: visible; } .scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before, .scroll-hint-shadow-wrap.is-left-scrollable::before { opacity: 1; visibility: visible; } .justify-C { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-S { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-E { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-B { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } @media screen and (max-width: 679.8px) { .justify-sp-C { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-sp-S { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-sp-E { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-sp-B { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 680px) { .justify-sm-C { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-sm-S { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-sm-E { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-sm-B { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .justify-tb-C { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-tb-S { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-tb-E { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-tb-B { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (min-width: 980px) { .justify-pc-C { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-pc-S { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-pc-E { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-pc-B { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } :where([class*=md-link__btn]) { border: var(--def) 1px solid; min-height: 48px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.75rem; position: relative; background-color: var(--def); color: var(--wht); min-width: 176px; overflow: hidden; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1), border 0.3s cubic-bezier(0.37, 0, 0.63, 1), color 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1), border 0.3s cubic-bezier(0.37, 0, 0.63, 1), color 0.3s cubic-bezier(0.37, 0, 0.63, 1); } @media screen and (min-width: 680px) { :where([class*=md-link__btn]) { padding: 0.75rem 1.125rem; min-height: 50px; } } :where([class*=md-link__btn]) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { :where([class*=md-link__btn]) { gap: 0.75rem; } } :where([class*=md-link__btn]):after { content: ""; width: 30px; aspect-ratio: 1; margin: 0; display: block; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); -ms-flex-negative: 0; flex-shrink: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); width: 15px; } :where([class*=md-link__btn]):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } :where([class*=md-link__btn]):where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.875rem; } :where([class*=md-link__btn]):where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } :where([class*=md-link__btn]) { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ } :where([class*=md-link__btn]):before { content: ""; width: 100%; height: 100%; display: block; background: var(--wht); left: 0; bottom: 0; top: unset; position: absolute; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: transform 0.3s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.3s cubic-bezier(0.37, 0, 0.63, 1); } :where([class*=md-link__btn]).--sizeL { font-size: 1.0625rem; } @media screen and (min-width: 980px) { :where([class*=md-link__btn]).--sizeL { min-width: 278px; font-size: 1.25rem; min-height: 60px; } } @media screen and (min-width: 980px) { :where([class*=md-link__btn]).--sizeL:after { width: 19px; height: 19px; } } @media screen and (min-width: 980px) { :where([class*=md-link__btn]).--sizeL.ico-after-dl .txt::after { width: 20px; } } :where([class*=md-link__btn]).--no-def-ico:after { display: none; } :where([class*=md-link__btn]).--no-def-ico:where([class*=ico-after-]) .txt { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } :where([class*=md-link__btn]).--no-def-ico:where([class*=ico-after-]) .txt:after { margin-left: 10px; } .md-flex__container :where([class*=md-link__btn]), .md-grid__container :where([class*=md-link__btn]) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 679.8px) { :where([class*=md-link__btn]) { width: 80%; } .md-flex__container:not(.SP\:1) :where([class*=md-link__btn]), .md-grid__container:not(.SP\:1) :where([class*=md-link__btn]) { width: 100%; min-width: unset; text-align: center; padding-left: 10px; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-flex__container:not(.TB\:1) :where([class*=md-link__btn]), .md-grid__container:not(.TB\:1) :where([class*=md-link__btn]) { width: 100%; min-width: unset; text-align: center; min-width: unset; } } @media screen and (min-width: 980px) { :where([class*=md-link__btn]) { -webkit-transition: 0.3s; transition: 0.3s; } .md-flex__container:not(.PC\:1) :where([class*=md-link__btn]), .md-grid__container:not(.PC\:1) :where([class*=md-link__btn]) { width: 100%; min-width: unset; text-align: center; min-width: unset; } } :where([class*=md-link__btn]):where([target=_blank]):after { width: 15px; margin: unset; } :where([class*=md-link__btn]):where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]):after { width: 18px; margin: unset; } :where([class*=md-link__btn]):after { background: var(--wht); } :where([class*=md-link__btn]) > :where(.txt) { display: block; font-weight: bold; width: 100%; position: relative; z-index: 2; -webkit-transition: color 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: color 0.3s cubic-bezier(0.37, 0, 0.63, 1); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]):hover { color: var(--def); } :where([class*=md-link__btn]):hover:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); transform: scale(1, 1); } :where([class*=md-link__btn]):hover:after { background: var(--def); } } :where([class*=md-link__btn]).--KEY { color: var(--wht); border-color: var(--key); -webkit-box-shadow: 4px 8px 24px rgba(254, 113, 20, 0.2); box-shadow: 4px 8px 24px rgba(254, 113, 20, 0.2); } :where([class*=md-link__btn]).--KEY.--no-shadow { -webkit-box-shadow: none; box-shadow: none; } :where([class*=md-link__btn]).--KEY:before, :where([class*=md-link__btn]).--KEY:after { background: var(--wht); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]).--KEY:hover { color: var(--key); } :where([class*=md-link__btn]).--KEY:hover:after { background: var(--key); } } :where([class*=md-link__btn]).--KEY:where([class*=ico-after-]) .txt::after { background: var(--wht); } :where([class*=md-link__btn]).--KEY:where([class*=ico-after-]):hover .txt::after { background: var(--key); } :where([class*=md-link__btn]).--WHT { color: var(--def); border-color: var(--key); -webkit-box-shadow: 4px 8px 24px rgba(254, 113, 20, 0.2); box-shadow: 4px 8px 24px rgba(254, 113, 20, 0.2); } :where([class*=md-link__btn]).--WHT.--no-shadow { -webkit-box-shadow: none; box-shadow: none; } :where([class*=md-link__btn]).--WHT.--no-border { border: unset; } :where([class*=md-link__btn]).--WHT:before { background: var(--key); } :where([class*=md-link__btn]).--WHT:after { background: var(--def); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]).--WHT:hover { color: var(--wht); } :where([class*=md-link__btn]).--WHT:hover:after { background: var(--wht); } } :where([class*=md-link__btn]).--WHT:where([class*=ico-after-]):hover .txt::after { background: var(--wht); } :where([class*=md-link__btn]).--LGRY { border-color: var(--lgry); color: var(--dgry); } :where([class*=md-link__btn]).--LGRY:after { background: var(--dgry); } :where([class*=md-link__btn]).--GRY { border-color: var(--gry); color: var(--dgry); } :where([class*=md-link__btn]).--GRY:before, :where([class*=md-link__btn]).--GRY:after { background: var(--dgry); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]).--GRY:hover { color: var(--wht); border-color: var(--dgry); } :where([class*=md-link__btn]).--GRY:hover:after { background: var(--wht); } } :where([class*=md-link__btn]).--DGRY { border-color: var(--dgry); color: var(--wht); } :where([class*=md-link__btn]).--DGRY:before, :where([class*=md-link__btn]).--DGRY:after { background: var(--lgry); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]).--DGRY:hover { color: var(--dgry); border-color: var(--dgry); } :where([class*=md-link__btn]).--DGRY:hover:after { background: var(--dgry); } } :where([class*=md-link__btn]).--between > .txt { text-align: left; } :where([class*=md-link__btn]).--key-color { color: var(--key) !important; border-color: var(--wht) !important; -webkit-box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.08); box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.08); } @media (hover: hover) and (pointer: fine) { :where([class*=md-link__btn]).--key-color:hover { color: var(--wht) !important; } } :where(a):not(:where([class*=__btn])):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]):after { content: ""; position: static; display: inline-block; vertical-align: middle; aspect-ratio: 1; margin-left: 0.3em; margin-right: 0.3em; margin-top: -0.2em; line-height: 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } :where(a):not(:where([class*=__btn])):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]).lh-sm:after, .lh-sm :where(a):not(:where([class*=__btn])):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]):after { margin-top: 0; } :where(a):not(:where([class*=__btn])):where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); background: var(--key); width: 0.75rem; } :where(a):not(:where([class*=__btn])):where([href^="https://saas.actibookone.com/"]):after, :where(a):not(:where([class*=__btn])):where([href$=".pdf"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); background: var(--red); width: 1rem; } :where(a):not(:where([class*=__btn])) { /* &:where([href$=".xlsx"],[href$=".xls"]){ &:after { } }*/ } :where(a):has(img) { text-decoration: none; } :where(a):has(img):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]):after { display: none; } @media (hover: hover) and (pointer: fine) { :where(a):has(img):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$=".xlsx"], [href$=".xls"]):hover { text-decoration: none !important; } } :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):after { display: none; } :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) :where(.txt):after { content: ""; position: static; display: inline-block; vertical-align: middle; aspect-ratio: 1; margin-left: 0.3em; margin-right: 0.3em; margin-top: -0.2em; line-height: 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; background: var(--key); } :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):where([target=_blank]) :where(.txt):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); width: 0.75rem; } :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):where([href^="https://saas.actibookone.com/"]) :where(.txt):after, :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):where([href$=".pdf"]) :where(.txt):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); width: 1rem; } @media (hover: hover) and (pointer: fine) { :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):hover { text-decoration: none !important; } :where(a):not(:where([class*=__btn]), :where([class*=__arr])):has(.txt):hover :where(.txt) { text-decoration: underline; } } :where(a).anchor { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } :where(a).anchor:after { content: ""; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; margin: 0.5em 0.3rem 0; width: 12px; height: 12px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: background 0.3s, -webkit-transform 0.3s; transition: background 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, background 0.3s; transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s; } @media (hover: hover) and (pointer: fine) { :where(a).anchor:hover:after { background-color: var(--key); -webkit-transform: translateY(2px) rotate(90deg); transform: translateY(2px) rotate(90deg); } } :where(.md-link__arr), :where(.md-link__arr) a { text-decoration: none; line-height: 1.3; position: relative; color: var(--def); font-weight: bold; padding-right: 3.125rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.5rem; position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (min-width: 680px) { :where(.md-link__arr), :where(.md-link__arr) a { gap: 0.75rem; } } :where(.md-link__arr):after, :where(.md-link__arr) a:after { content: ""; width: 30px; aspect-ratio: 1; margin: 0; display: block; -webkit-transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); transition: background 0.3s cubic-bezier(0.37, 0, 0.63, 1); -ms-flex-negative: 0; flex-shrink: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); } :where(.md-link__arr):where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, :where(.md-link__arr) a:where([target=_blank], [href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-transform: unset; transform: unset; } :where(.md-link__arr):where([target=_blank]):after, :where(.md-link__arr) a:where([target=_blank]):after { -webkit-mask-image: url(/dcms_media/common/ico_blank.svg); mask-image: url(/dcms_media/common/ico_blank.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 0.875rem; } :where(.md-link__arr):where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after, :where(.md-link__arr) a:where([href^="https://saas.actibookone.com/"], [href$=".pdf"], [href$="#zoom=100"]):after { -webkit-mask-image: url(/dcms_media/common/ico_pdf.svg); mask-image: url(/dcms_media/common/ico_pdf.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; width: 1rem; } :where(.md-link__arr), :where(.md-link__arr) a { /*&:not([class*="__btn"]) { &:where([target="_blank"], [href^="https://saas.actibookone.com/"], [href$=".pdf"]) { &:after { } } }*/ min-height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where(.md-link__arr):before, :where(.md-link__arr) a:before { content: ""; width: 30px; height: 30px; background: var(--key); border-radius: 50px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background 0.3s; transition: background 0.3s; } @media screen and (min-width: 980px) { :where(.md-link__arr):before, :where(.md-link__arr) a:before { width: 40px; height: 40px; } } :where(.md-link__arr):after, :where(.md-link__arr) a:after { z-index: 1; background: var(--wht); width: 0.75rem; position: absolute; right: 9px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 980px) { :where(.md-link__arr):after, :where(.md-link__arr) a:after { width: 0.875rem; right: 13px; } } :where(.md-link__arr):where([target=_blank]):after, :where(.md-link__arr) a:where([target=_blank]):after { width: 0.75rem; right: 10px; } @media screen and (min-width: 980px) { :where(.md-link__arr):where([target=_blank]):after, :where(.md-link__arr) a:where([target=_blank]):after { right: 13px; } } :where(.md-link__arr):where([href^="https://saas.actibookone.com/"], [href$=".pdf"]):after, :where(.md-link__arr) a:where([href^="https://saas.actibookone.com/"], [href$=".pdf"]):after { width: 0.875rem; right: 8px; } @media screen and (min-width: 980px) { :where(.md-link__arr):where([href^="https://saas.actibookone.com/"], [href$=".pdf"]):after, :where(.md-link__arr) a:where([href^="https://saas.actibookone.com/"], [href$=".pdf"]):after { right: 12px; } } :where(.md-link__arr).--between, :where(.md-link__arr) a.--between { width: 100%; padding-left: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where(a.md-link__arr:hover), :where(.md-link__arr) a:hover, a:hover :where(.md-link__arr) { -webkit-transition: color 0.3s; transition: color 0.3s; } @media (hover: hover) and (pointer: fine) { :where(a.md-link__arr:hover), :where(.md-link__arr) a:hover, a:hover :where(.md-link__arr) { color: var(--key); } :where(a.md-link__arr:hover):before, :where(.md-link__arr) a:hover:before, a:hover :where(.md-link__arr):before { background: var(--key); } } @media (hover: hover) and (pointer: fine) { :where(a.md-link__arr.--between:hover), :where(.md-link__arr.--between) a:hover, a:hover :where(.md-link__arr.--between) { color: var(--def); } :where(a.md-link__arr.--between:hover) > .txt:before, :where(.md-link__arr.--between) a:hover > .txt:before, a:hover :where(.md-link__arr.--between) > .txt:before { -webkit-transform-origin: left top !important; transform-origin: left top !important; -webkit-transform: scale(1, 1) !important; transform: scale(1, 1) !important; } } /*:where(a.md-link__arr[href^="https://saas.actibookone.com/"]:hover), :where(.md-link__arr) a[href^="https://saas.actibookone.com/"]:hover, a[href^="https://saas.actibookone.com/"]:hover :where(.md-link__arr), :where(a.md-link__arr[href$=".pdf"]:hover), :where(.md-link__arr) a[href$=".pdf"]:hover, a[href$=".pdf"]:hover :where(.md-link__arr) { @media (hover: hover) and (pointer: fine) { &:before { background: var(--red); } } } :where(a.md-link__arr[href$=".xlsx"]:hover), :where(a.md-link__arr[href$=".xls"]:hover), :where(.md-link__arr a[href$=".xlsx"]:hover), :where(.md-link__arr a[href$=".xls"]):hover, a[href$=".xlsx"]:hover :where(.md-link__arr), a[href$=".xls"]:hover :where(.md-link__arr) { @media (hover: hover) and (pointer: fine) { &:before { } } }*/ :where(li):has(:where(.md-link__arr)) + :where(li):has(:where(.md-link__arr)) { margin-top: 0.3rem; } :where([class*=md-grid]) > :where(li), :where([class*=md-flex]) > :where(li) { margin-top: unset; } /*h3, .headline-h3, h4 { &:has(:where(.md-link__arr)) { .md-link__arr { &:before { top: -.1em; @include mq(min,sm) { top: .1em; } } &:after { top: .35em; @include mq(min,sm) { top: .45em; } } } } }*/ @-webkit-keyframes loop { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes loop { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes loopReverse { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes loopReverse { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .md-loop__container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; line-height: 0; font-size: 0; } .md-loop__container + .md-loop__container .md-loop__thumb { -webkit-animation: loopReverse 200s -100s linear infinite; animation: loopReverse 200s -100s linear infinite; } html.is-editor .md-loop__container + .md-loop__container .md-loop__thumb, #tinymce .md-loop__container + .md-loop__container .md-loop__thumb { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: unset !important; transition: unset !important; opacity: 1 !important; } .md-loop__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-animation: loop 200s -100s linear infinite; animation: loop 200s -100s linear infinite; } html.is-editor .md-loop__thumb, #tinymce .md-loop__thumb { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: unset !important; transition: unset !important; opacity: 1 !important; } .md-loop__thumb .thumb { border-radius: unset; padding-right: 8px; } @media screen and (min-width: 680px) { .md-loop__thumb .thumb { padding-right: 16px; } } .md-loop__thumb .thumb img { border-radius: 8px; } html.is-editor .md-loop__thumb, #tinymce .md-loop__thumb { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; -webkit-animation: unset; animation: unset; } .md-loop__thumb .thumb { height: 180px; display: block; } .md-loop__thumb .thumb > img { width: auto; height: 100%; } @media screen and (min-width: 680px) { .md-loop__thumb .thumb { height: 240px; } } .md-media__txtarea > *:first-child { margin-top: 0 !important; } .md-media__title a { color: var(--def); } .md-media__title a:after { display: none; } .md-media__title a:hover { color: var(--key); text-decoration: underline; } .md-media__item a { text-decoration: none; } .md-media__item a:hover .lib-media__title { text-decoration: underline; } .md-media__tag { margin-top: 0.5rem !important; } .md-media__tag a { line-height: 1.2; } .md-media__tag a:before { content: "#"; color: var(--key); } @media (hover: hover) and (pointer: fine) { .md-media__tag a:hover { text-decoration: underline; } } .md-media__title { margin-bottom: auto; } .md-media__title, .md-media__txt { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; } .md-media__thumb { border-radius: unset; } .md-media__thumb .thumb { height: 180px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: unset; border-radius: unset; } .md-media__thumb img { height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: unset; } .md-recommend__list > li > a { text-decoration: none; } @media (hover: hover) and (pointer: fine) { .md-recommend__list > li > a:hover { text-decoration: underline; } .md-recommend__list > li > a:hover .txt { text-decoration: underline; } } .md-recommend__list > li > a:where([target=_blank]), .md-recommend__list > li > a:where([href^="https://saas.actibookone.com/"]), .md-recommend__list > li > a:where([href$=".pdf"]) { padding-right: 20px; } @media screen and (min-width: 980px) { .md-recommend__list > li > a:where([target=_blank]), .md-recommend__list > li > a:where([href^="https://saas.actibookone.com/"]), .md-recommend__list > li > a:where([href$=".pdf"]) { padding-right: 0; } } .md-recommend__list > li > a:has(img) { position: relative; } .md-recommend__list > li > a:has(img):after { display: block; position: absolute; font-size: 0.75rem; z-index: 1; right: 0; top: calc(50% - 6px); margin: 0; } @media screen and (min-width: 1025px) { .md-recommend__list > li > a:has(img):after { right: unset; left: 60px; top: -5px; width: 26px; height: 26px; background-color: var(--key); color: var(--wht); border: var(--wht) 1px solid; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .md-recommend__list > li ~ li { margin-top: 10px; } .md-recommend__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; } .md-recommend__thumb { width: 80px; border-radius: unset; border: var(--lgry) 1px solid; } .md-recommend__thumb img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; border-radius: unset; } .md-recommend__txtarea { padding-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.25; font-size: 0.875rem; } .md-recommend__txtarea .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } html.is-modal-open, html.is-dialog-open { overflow: hidden; } html.is-modal-open:after, html.is-dialog-open:after { content: ""; position: fixed; height: 100vh; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 10; cursor: pointer; } html.is-editor html.is-modal-open:after, #tinymce html.is-modal-open:after, html.is-editor html.is-dialog-open:after, #tinymce html.is-dialog-open:after { opacity: 1 !important; display: block !important; display: none; } html.is-dialog-open:after { cursor: auto; } @-webkit-keyframes fadein { 100% { opacity: 1; } } @keyframes fadein { 100% { opacity: 1; } } @-webkit-keyframes fadeout { 100% { opacity: 0; } } @keyframes fadeout { 100% { opacity: 0; } } .md-modal__container { display: none; position: fixed !important; max-height: 90vh; width: 90%; top: 50%; left: 50%; z-index: 11 !important; background: transparent !important; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (min-width: 680px) { .md-modal__container { width: 80%; max-width: 860px; max-height: 600px; } .md-modal__container.md-materials__modal { max-height: unset; } } html.is-editor .md-modal__container, #tinymce .md-modal__container { opacity: 1 !important; display: block !important; display: block !important; position: relative !important; height: auto; padding: 0; z-index: 9 !important; margin-top: 50px; top: unset; left: unset; margin-left: auto; margin-right: auto; } html.is-editor .md-modal__container.md-materials__modal, #tinymce .md-modal__container.md-materials__modal { opacity: 1 !important; display: block !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 30px; } .md-modal__container[aria-hidden=false].md-materials__modal { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 20px; } @media screen and (min-width: 680px) { .md-modal__container[aria-hidden=false].md-materials__modal { gap: 30px; } } .md-modal__container[aria-hidden=false] .md-modal__inside { opacity: 1; } .md-modal__container[aria-hidden=true].md-materials__modal .md-modal__close { opacity: 0; } .md-modal__container.is-active .md-modal__inside { opacity: 1; } .md-modal__container.is-active.is-set .md-modal__inside { opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .md-modal__container.is-active.is-slide .md-modal__inside { opacity: 1; -webkit-transition: 0.1s; transition: 0.1s; } .md-modal__container { /*&._switch.is-slide { .md-modal_contents { //opacity: 1; animation: fadein .3s linear both; } }*/ } .md-modal__cover { cursor: default; background: #FFF; z-index: 12 !important; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } html.is-editor .md-modal__cover, #tinymce .md-modal__cover { opacity: 1 !important; display: block !important; position: relative; margin: 0 auto; left: auto; top: 0; border: var(--key) 1px solid; } .md-modal__inside { background: #fff; width: 100%; max-height: 90vh; padding: 20px 30px; opacity: 0; overflow-y: auto; overscroll-behavior-y: contain; } html.is-editor .md-modal__inside, #tinymce .md-modal__inside { opacity: 1 !important; display: block !important; max-height: none; overscroll-behavior-y: auto; } @media screen and (min-width: 680px) { .md-modal__inside { max-height: 600px; padding: 60px; } } .md-modal__inside::-webkit-scrollbar { width: 5px; height: 5px; } .md-modal__inside::-webkit-scrollbar-thumb { background: var(--key); } .md-modal__inside::-webkit-scrollbar-track { background: #f5f5f5; } @media screen and (max-width: 679.8px) { .md-modal__inside .md-link__btn { width: 100%; } } .md-materials__modal .md-modal__inside { opacity: 1; max-height: calc(90vh - 160px); } @media screen and (min-width: 680px) { .md-materials__modal .md-modal__inside { max-height: calc(90vh - 300px); } } .md-materials__modal .md-modal__thumb { text-align: center; } .md-materials__modal .md-modal__thumb .thumb { width: 180px; height: 140px; padding: 10px; border: var(--border) 1px solid; margin: 0 auto; } @media screen and (min-width: 680px) { .md-materials__modal .md-modal__thumb .thumb { width: 380px; height: 270px; padding: 15px; } } .md-materials__modal .md-modal__thumb .thumb img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .md-modal__contents { padding: 30px 15px; /* ._switch.is-slide & { opacity: 0; }*/ } @media screen and (min-width: 680px) { .md-modal__contents { padding: 50px; } } .md-modal__contents { /*._switch & { @include mq(max,sm) { padding-left: 40px; padding-right: 40px; } }*/ } .md-modal__close { position: absolute; width: 40px; height: 40px; z-index: 3; top: 0; right: 0; } .md-materials__modal .md-modal__close { background: #FFF; border-radius: 50%; top: -10px; right: -10px; } @media screen and (min-width: 680px) { .md-materials__modal .md-modal__close { top: -20px; right: -80px; } } @media screen and (min-width: 680px) { .md-modal__close { width: 50px; height: 50px; top: 10px; right: 7px; } } .md-modal__close:before, .md-modal__close:after { content: ""; width: 4px; height: 20px; background: var(--key); display: block; position: absolute; top: calc(50% - 10px); left: calc(50% - 2px); } @media screen and (min-width: 680px) { .md-modal__close:before, .md-modal__close:after { width: 5px; height: 30px; top: calc(50% - 15px); left: calc(50% - 3px); } .is-index .md-modal__close:before, .is-index .md-modal__close:after { top: calc(50% - 20px); width: 6px; height: 40px; } } .md-modal__close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .md-modal__close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .md-modal__switch { position: absolute; width: 40px; height: 40px; background: #FFF; z-index: 3; border-radius: 50%; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4); top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 680px) { .md-modal__switch { width: 60px; height: 60px; } } .md-modal__switch:before { content: ""; border-top: solid 3px var(--key); border-right: solid 3px var(--key); width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (min-width: 680px) { .md-modal__switch:before { border-top-width: 5px; border-right-width: 5px; width: 16px; height: 16px; } } .md-modal__prev { left: -20px; } .md-modal__prev:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media screen and (min-width: 680px) { .md-modal__prev { left: -30px; } } .md-modal__next { right: -20px; } @media screen and (min-width: 680px) { .md-modal__next { right: -30px; } } .md-rss__entrie .md-pager__list { height: 35px; } .md-rss__entrie .md-pager__list.is-ellipsis > li:nth-child(3)::after, .md-rss__entrie .md-pager__list.is-ellipsis > li:nth-last-child(3)::before { content: "..."; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; width: 30px; height: 30px; } .md-rss__entrie .md-pager__list.is-ellipsis > li:nth-child(3)::after { margin-left: 4px; display: none; } .md-rss__entrie .md-pager__list.is-ellipsis > li:nth-last-child(3)::before { margin-right: 4px; } .md-rss__entrie .md-pager__list.is-ellipsis.is-move > li:nth-child(3)::after { display: -webkit-box; display: -ms-flexbox; display: flex; } .md-rss__entrie .md-pager__list.is-ellipsis.is-end > li:nth-last-child(3)::before { display: none; } @media screen and (min-width: 980px) { .md-rss__entrie .md-pager__list :where(.md-pager__item) .js-rss__total { display: none; } } .md-rss__entrie .md-pager__list :where(.md-pager__item)[aria-current=page] { display: block; } .md-rss__entrie .md-pager__list:has(.js-pager__next[aria-disabled=true]) { padding-right: 0; } .md-rss__entrie .md-pager__first, .md-rss__entrie .md-pager__last { display: none; } .md-rss__entrie .md-pager__all { font-size: 0.875rem; line-height: 1.3; bottom: 8px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (min-width: 980px) { .md-rss__entrie .md-pager__all { display: none; } } .md-rss__container:empty:before { content: "\73fe\5728\304a\77e5\3089\305b\306f\3042\308a\307e\305b\3093\3002"; } .md-rss__list { text-align: left; } .md-rss__list > li { border-bottom: var(--border) 1px solid; padding-bottom: 1rem; margin-top: 0.8rem; } @media screen and (min-width: 980px) { .md-rss__list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 2rem; margin-top: 2rem; } } .md-rss__list > li:first-child { margin-top: unset; } .md-rss__list > li .chip { position: absolute; top: -30px; left: 9em; display: inline-block; padding: 5px; border: 1px solid var(--def); line-height: 1; color: var(--def); -ms-flex-negative: 0; flex-shrink: 0; min-width: 6em; text-align: center; font-size: 0.75rem; } @media screen and (min-width: 980px) { .md-rss__list > li .chip { position: static; padding: 8px 10px; margin-bottom: auto; } } @media screen and (min-width: 980px) { .md-rss__list > li:has(.md-rss__date) .md-rss__title { width: calc(100% - 6em); } } .md-rss__list > li:has(.md-rss__date) .md-rss__title a:after { position: absolute; top: -28px; right: 0; } @media screen and (min-width: 980px) { .md-rss__list > li:has(.md-rss__date) .md-rss__title a:after { position: static; margin-top: 0.2em; } } .md-rss__date { font-family: "Oswald", sans-serif; color: var(--gry); } @media screen and (min-width: 980px) { .md-rss__date { width: 6em; } } .md-rss__title { margin-top: 5px; line-height: 1.5; position: relative; } @media screen and (min-width: 980px) { .md-rss__title { margin-top: unset; width: 100%; } } .md-rss__title:not(:has(a)) { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .md-rss__title a { text-decoration: unset; color: var(--def); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .md-rss__pager .md-rss__title a[href$="news.html"], .md-rss__pager .md-rss__title a[href$="/news/"] { pointer-events: none; padding-right: unset; } .md-rss__pager .md-rss__title a[href$="news.html"]:before, .md-rss__pager .md-rss__title a[href$="news.html"]:after, .md-rss__pager .md-rss__title a[href$="/news/"]:before, .md-rss__pager .md-rss__title a[href$="/news/"]:after { display: none; } .md-rss__title a:after { margin: unset; width: 18px; height: 18px; -ms-flex-negative: 0; flex-shrink: 0; } @media screen and (min-width: 980px) { .md-rss__title a:after { width: 20px; height: 20px; } } @media (hover: hover) and (pointer: fine) { .md-rss__title a:hover { color: var(--key); } .md-rss__title a:hover:before { background: var(--key); } .md-rss__title a:hover:after { background: var(--key); } } .md-rss__contents { background-color: var(--lgry); padding: 5px; border-radius: 2px; margin-top: 10px; } .md-rss__contents:empty { display: none; } @media screen and (min-width: 980px) { .md-rss__contents { width: 100%; padding: 15px; margin-top: 15px; } } .md-rss__time + .section { margin-top: 0.625rem; } .object-cover { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .object-contain { -o-object-fit: contain; object-fit: contain; } :where(*[class*=__pager]) { text-align: center; } @media screen and (min-width: 980px) { :where(*[class*=__pager]) { text-align: right; } } :where(.md-pager__list) { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; } @media screen and (min-width: 680px) { :where(.md-pager__list) { padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 680px) { :where(.md-pager__list) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } :where(.md-pager__list) > li[aria-disabled=true] > span { display: block; } :where(.md-pager__list) > li[aria-disabled=true] > a { display: none; } :where(.md-pager__list) > li[aria-disabled=false] > span { display: none; } :where(.md-pager__list) > li[aria-disabled=false] > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } :where(.md-pager__list) > li a { color: var(--def); width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; position: relative; } :where(.md-pager__list) :where(.md-pager__item) { display: none; } :where(.md-pager__list) :where(.md-pager__item):has([aria-current=page]) { display: block; } :where(.md-pager__list) :where(.md-pager__item)[aria-current=page] > a { background-color: var(--key); color: #fff; border-color: var(--key); pointer-events: none; } @media screen and (min-width: 680px) { :where(.md-pager__list) :where(.md-pager__item) { display: -webkit-box; display: -ms-flexbox; display: flex; } :where(.md-pager__list) :where(.md-pager__item)[aria-hidden=true] { display: none; } } :where(.md-pager__list) :where(.md-pager__item) a { cursor: pointer; border: var(--gry) 1px solid; } @media (hover: hover) and (pointer: fine) { :where(.md-pager__list) :where(.md-pager__item) a:hover { background: transparent; border-color: var(--key); color: var(--key); text-decoration: none; } } :where(.md-pager__list) :where(.md-pager__item) a[aria-current=page] { background-color: var(--key); color: #fff; border-color: var(--key); pointer-events: none; } :where(.md-pager__list) :where(.md-pager__prev), :where(.md-pager__list) :where(.md-pager__next) { position: absolute; } :where(.md-pager__list) :where(.md-pager__prev) a, :where(.md-pager__list) :where(.md-pager__next) a { border: var(--gry) 1px solid; } @media (hover: hover) and (pointer: fine) { :where(.md-pager__list) :where(.md-pager__prev) a:hover, :where(.md-pager__list) :where(.md-pager__next) a:hover { border-color: var(--key); color: var(--key); text-decoration: none; } } :where(.md-pager__list) :where(.md-pager__prev) a:before, :where(.md-pager__list) :where(.md-pager__next) a:before { content: ""; width: 16px; height: 16px; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } :where(.md-pager__list) :where(.md-pager__prev) { margin-right: 20px; left: 0; } :where(.md-pager__list) :where(.md-pager__prev) a:before { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } :where(.md-pager__list) :where(.md-pager__next) { right: 0; margin-left: 20px; } @-webkit-keyframes fluid-anim { 0% { border-radius: 65% 35% 55% 45%/55% 50% 55% 45%; } 12.5% { border-radius: 60% 75% 40% 80%/70% 70% 60% 65%; } 25% { border-radius: 55% 95% 65% 90%/75% 65% 85% 70%; } 37.5% { border-radius: 60% 40% 50% 45%/60% 40% 60% 40%; } 50% { border-radius: 55% 95% 65% 90%/75% 65% 85% 70%; } 62.5% { border-radius: 60% 40% 50% 45%/60% 40% 60% 40%; } 75% { border-radius: 60% 75% 40% 80%/70% 70% 60% 65%; } 87.5% { border-radius: 40% 60% 55% 45%/50% 60% 40% 50%; } 100% { border-radius: 65% 35% 55% 45%/55% 50% 55% 45%; } } @keyframes fluid-anim { 0% { border-radius: 65% 35% 55% 45%/55% 50% 55% 45%; } 12.5% { border-radius: 60% 75% 40% 80%/70% 70% 60% 65%; } 25% { border-radius: 55% 95% 65% 90%/75% 65% 85% 70%; } 37.5% { border-radius: 60% 40% 50% 45%/60% 40% 60% 40%; } 50% { border-radius: 55% 95% 65% 90%/75% 65% 85% 70%; } 62.5% { border-radius: 60% 40% 50% 45%/60% 40% 60% 40%; } 75% { border-radius: 60% 75% 40% 80%/70% 70% 60% 65%; } 87.5% { border-radius: 40% 60% 55% 45%/50% 60% 40% 50%; } 100% { border-radius: 65% 35% 55% 45%/55% 50% 55% 45%; } } .md-pagetop__btn { width: 100%; z-index: 8; } .md-pagetop__btn a { display: block; position: absolute; right: 5px; width: 80px; aspect-ratio: 1; background: var(--key); border-radius: 50%; text-decoration: none !important; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 680px) { .md-pagetop__btn a { right: 16px; } } @media screen and (min-width: 980px) { .md-pagetop__btn a { right: 24px; width: 120px; } } @media screen and (min-width: 1360px) { .md-pagetop__btn a { right: 50px; } } .md-pagetop__btn a .txt { color: #fff; font-weight: bold; position: relative; top: 12px; text-align: center; font-size: 0.9375rem; width: 110%; display: block; margin-inline: -5%; text-decoration: none !important; } @media screen and (min-width: 980px) { .md-pagetop__btn a .txt { font-size: 1.375rem; top: 14px; } } .md-pagetop__btn a .img { width: 70%; display: block; position: absolute; top: 24px; left: 15%; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media screen and (min-width: 980px) { .md-pagetop__btn a .img { top: 32px; } } @media (hover: hover) and (pointer: fine) { .md-pagetop__btn a:hover .img { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } .md-pagetop__btn.is-scroll a { position: fixed; top: auto; bottom: 8px; } .md-pagetop__btn.is-bottom a { position: fixed; opacity: 1; bottom: calc(var(--footer) -35px); } @media screen and (min-width: 980px) { .md-pagetop__btn.is-bottom a { bottom: calc(var(--footer) - 54px); } } .md-pagetop__btn.is-bottom a .txt { opacity: 1; } /* #lampchat-lancher { right: -6px!important; bottom: 62px!important; @include mq(max,sm) { width: 90px!important; height: 90px!important; } @include mq(min,sm) { right: -14px!important; bottom: 70px!important; } @include mq(min,xl) { right: 72px!important; bottom: 75px!important; } } */ :where([class*=__btn]), :where(.md-pager__list > li > *) { border-radius: 50px; } @media screen and (min-width: 680px) { :where([class*=__btn]), :where(.md-pager__list > li > *) { border-radius: 50px; } } :where([class*=__col]) { border-radius: 10px; } @media screen and (min-width: 980px) { :where([class*=__col]) { border-radius: 10px; } } :where([class*=__col]) { padding: 1rem; } @media screen and (min-width: 680px) { :where([class*=__col]) { padding: 2rem; } } @media screen and (min-width: 980px) { :where([class*=__col]) { padding: 2.5rem; } } @media screen and (min-width: 680px) { :where([class*=__col]).--min { padding: 1.875rem; } } :where([class*=icon]) { border-radius: 10px; } @media screen and (min-width: 980px) { :where([class*=icon]) { border-radius: 10px; } } :where([class*=__thumb]:not(:has(.thumb))), :where(.thumb) { border-radius: 10px; } @media screen and (min-width: 680px) { :where([class*=__thumb]:not(:has(.thumb))), :where(.thumb) { border-radius: 5px; } } @media screen and (min-width: 980px) { :where([class*=__thumb]:not(:has(.thumb))), :where(.thumb) { border-radius: 10px; } } :where([class*=logo]) :where(.thumb) { border-radius: unset; overflow: unset; } .radius-unset { border-radius: unset !important; } .radius-unset img { border-radius: unset !important; } .md-search-form__input { max-width: 500px; margin-left: auto; margin-right: auto; } .md-search-form__inside { display: -webkit-box; display: -ms-flexbox; display: flex; border: var(--gry) 1px solid; } .md-search-form__txt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: none; padding: 10px; } .md-search-form__btn { background-color: var(--key); color: var(--wht); padding: 10px; white-space: nowrap; margin: -1px; border: var(--key) 2px solid; } @media (hover: hover) and (pointer: fine) { .md-search-form__btn:hover { background-color: var(--lkey); color: var(--key); } } .md-search__number { text-align: center; font-size: 0.875rem; } .md-search__number + * { margin-top: 10px; } .md-search-result__box { margin-top: 15px; } @media screen and (min-width: 980px) { .md-search-result__box { margin-top: 30px; } } .md-search-result__box + .md-search-result__box { padding-top: 15px; margin-top: 15px; border-top: var(--gry) 1px solid; } @media screen and (min-width: 980px) { .md-search-result__box + .md-search-result__box { padding-top: 30px; margin-top: 30px; } } .md-search-result__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .md-search-result__title a { text-decoration: none; color: var(--key); } @media (hover: hover) and (pointer: fine) { .md-search-result__title a:hover { text-decoration: underline; } } .md-search-result__text { margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (min-width: 980px) { .md-search-result__text { margin-top: 15px; } } .md-select__box { position: relative; width: 100%; margin-right: auto; position: relative; z-index: 0; } @media screen and (min-width: 680px) { .md-select__box { max-width: 360px; } } .md-select__box:has(.is-open) { z-index: 2; } .md-select__val { width: 100%; border: var(--border) 1px solid; background: var(--wht); text-align: left; position: relative; color: var(--gry); z-index: 2; } .md-select__val .txt { padding: 5px 30px 5px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 46px; } .md-select__val .txt:before { content: ""; position: absolute; border-bottom: solid 2px var(--key); border-right: solid 2px var(--key); width: 8px; height: 8px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 15px; top: 50%; } .md-select__val[aria-expanded=true] .txt:before { -webkit-transform: translateY(calc(-50% + 2px)) rotate(-135deg); transform: translateY(calc(-50% + 2px)) rotate(-135deg); } @media screen and (min-width: 680px) { .md-select__year { max-width: 230px; } } .md-select__list { position: absolute; z-index: 1; left: 0; top: 40px; width: 100%; max-height: 266px; overflow-y: auto; border: var(--border) 1px solid; background: #FFF; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3); scroll-behavior: smooth; scrollbar-color: var(--key) #f5f5f5; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: none; } html.is-editor .md-select__list, #tinymce .md-select__list { opacity: 1 !important; display: block !important; display: block; position: static; max-height: unset; overflow: unset; } .md-select__list::-webkit-scrollbar { width: 10px; } .md-select__list::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--key); } .md-select__list::-webkit-scrollbar-track { background-color: #f5f5f5; } .md-select__list > li { border-top: var(--border) 1px solid; } .md-select__list > li:first-child { border-top: none; } .md-select__list > li.js-select__none + li { border-top: none; } .md-select__btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 46px; padding: 5px 15px; } @media (hover: hover) and (pointer: fine) { .md-select__btn:hover { background: var(--lgry); } } .md-select__btn[aria-selected=true] { background: var(--lgry); } .md-select__panel { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.315, 0.955); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.315, 0.955); position: relative; } html.is-editor .md-select__panel, #tinymce .md-select__panel { opacity: 1 !important; display: block !important; display: block !important; opacity: 1 !important; } .md-select__panel[aria-hidden=false] { opacity: 1; } @starting-style { .md-select__panel[aria-hidden=false] { opacity: 0; } } .md-select__panel[aria-hidden=true] { opacity: 0; } @starting-style { .md-select__panel[aria-hidden=true] { opacity: 1; } } .md-select__container { opacity: 0; } .md-select__container.is-open { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 1; } .md-sitemap__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; } .md-sitemap__list { list-style: none; position: relative; } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-sitemap__list { margin-left: -20px; } } @media screen and (min-width: 980px) { .md-sitemap__list { margin-left: -50px; } } @media screen and (min-width: 680px) { .md-sitemap__list > li { margin-left: 20px; } } @media screen and (min-width: 980px) { .md-sitemap__list > li { margin-left: 50px; } } .md-sitemap__list ol, .md-sitemap__list ul { list-style: none; padding-left: 0; } @media screen and (min-width: 680px) { .md-sitemap__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } html[lang=en] .md-sitemap__list { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; } } .md-sitemap__list > li { padding-left: 20px; display: none; } html[lang=ja] .md-sitemap__list > li:has(a:not([href*="/en/"])) { display: block; } html[lang=en] .md-sitemap__list > li:has([href*="/en/"]) { display: block; } .md-sitemap__list > li:has([href$="/en/"]) { margin-top: unset; } .md-sitemap__list > li:has([href$="/en/"]) > ul { margin-left: -20px; margin-top: -24px; } @media screen and (min-width: 680px) { .md-sitemap__list > li:has([href$="/en/"]) > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .md-sitemap__list > li:has([href$="/en/"]) > ul > li { padding-left: 20px; } .md-sitemap__list > li:has([href$="/en/"]) > ul > li:first-child { margin-top: 54px; } .md-sitemap__list > li:has([href$="/en/"]) > ul > li ~ li { margin-top: 30px; } .md-sitemap__list > li:has([href$="/en/"]) > ul > li:before { width: 12px; height: 12px; position: absolute; left: 0; top: 0.45em; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; border: unset; } .md-sitemap__list > li:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 0; top: 0.45em; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-color: #FE7114; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; } .md-sitemap__list > li { /* [lang="en"] & { &:not(.is-english) { display: none; } > ul { margin-left: -15px; > li { margin-top: 30px; } } } */ } .md-sitemap__list > li li { padding-left: 15px; } .md-sitemap__list > li li:before { content: ""; width: 6px; height: 6px; border-top: 2px solid var(--key); border-right: 2px solid var(--key); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; background: unset; top: 0.7em; left: 0; background-color: unset; border-radius: unset; } @media screen and (max-width: 373.8px) { .md-sitemap__list > li li:before { top: 0.7em; } } .md-sitemap__list li { /* &:before { border-top-color: var(--key); border-right-color: var(--key); } */ position: relative; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; line-height: 1.5; } .md-sitemap__list li a { text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; color: var(--def); } @media (hover: hover) and (pointer: fine) { .md-sitemap__list li a:hover { text-decoration: underline; } } .md-sitemap__list li ol, .md-sitemap__list li ul { margin-top: 5px; } .md-sitemap__list li ol li ~ li, .md-sitemap__list li ul li ~ li { margin-top: 5px; } .md-sitemap__list li ol li, .md-sitemap__list li ul li { margin-left: 0; } .md-sitemap__list > li { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .md-sitemap__list > li ~ li { margin-top: 30px; } .md-skipNav__list { position: fixed; z-index: 10000; width: 100%; top: 0; left: 0; } .md-skipNav__list > li a { font-size: 1rem; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; width: 0px; height: 0px; border: 0; opacity: 0; font-size: 0; position: absolute; left: 0; white-space: nowrap; } .md-skipNav__list > li a:focus { font-size: 1rem; width: 100%; max-width: 200px; display: block; height: auto; line-height: 1.3; padding: 10px 30px; clip: unset; opacity: 1; overflow: unset; background: #efefef; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); } .md-skipNav__link { position: relative; } .md-skipNav__link a { font-size: 1rem; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; width: 0px; height: 0px; border: 0; opacity: 0; font-size: 0; position: absolute; left: 0; white-space: nowrap; } .md-skipNav__link a:focus { font-size: 1rem; width: auto; display: block; height: auto; line-height: 1.3; padding: 10px 30px; clip: unset; opacity: 1; overflow: unset; background: #efefef; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); } .spp0 { padding: 0 !important; } .sppl0 { margin-left: 0 !important; } .spt0 { margin-top: 0 !important; } .spauto { margin-left: auto; margin-right: auto; } .sppb0 { padding-bottom: 0 !important; } .spx-none { margin-left: unset !important; margin-right: unset !important; } .spt4 { margin-top: 4px !important; } .spb4 { margin-bottom: 4px !important; } .spl4 { margin-left: 4px !important; } .spr4 { margin-right: 4px !important; } .sppt4 { padding-top: 4px !important; } .sppb4 { padding-bottom: 4px !important; } .sppl4 { padding-left: 4px !important; } .sppr4 { padding-right: 4px !important; } .spp4 { padding: 4px !important; } @media screen and (max-width: 679.8px) { .spt-sp-4 { margin-top: 4px !important; } .spb-sp-4 { margin-bottom: 4px !important; } .spl-sp-4 { margin-left: 4px !important; } .spr-sp-4 { margin-right: 4px !important; } .sppt-sp-4 { padding-top: 4px !important; } .sppb-sp-4 { padding-bottom: 4px !important; } .sppl-sp-4 { padding-left: 4px !important; } .sppr-sp-4 { padding-right: 4px !important; } .spp-sp-4 { padding: 4px !important; } } @media screen and (min-width: 680px) { .spt-sm-4 { margin-top: 4px !important; } .spb-sm-4 { margin-bottom: 4px !important; } .spl-sm-4 { margin-left: 4px !important; } .spr-sm-4 { margin-right: 4px !important; } .sppt-sm-4 { padding-top: 4px !important; } .sppb-sm-4 { padding-bottom: 4px !important; } .sppl-sm-4 { padding-left: 4px !important; } .sppr-sm-4 { padding-right: 4px !important; } .spp-sm-4 { padding: 4px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-4 { margin-top: 4px !important; } .spb-tb-4 { margin-bottom: 4px !important; } .spl-tb-4 { margin-left: 4px !important; } .spr-tb-4 { margin-right: 4px !important; } .sppt-tb-4 { padding-top: 4px !important; } .sppb-tb-4 { padding-bottom: 4px !important; } .sppl-tb-4 { padding-left: 4px !important; } .sppr-tb-4 { padding-right: 4px !important; } .spp-tb-4 { padding: 4px !important; } } @media screen and (min-width: 980px) { .spt-pc-4 { margin-top: 4px !important; } .spb-pc-4 { margin-bottom: 4px !important; } .spl-pc-4 { margin-left: 4px !important; } .spr-pc-4 { margin-right: 4px !important; } .sppt-pc-4 { padding-top: 4px !important; } .sppb-pc-4 { padding-bottom: 4px !important; } .sppl-pc-4 { padding-left: 4px !important; } .sppr-pc-4 { padding-right: 4px !important; } .spp-pc-4 { padding: 4px !important; } } .spt8 { margin-top: 8px !important; } .spb8 { margin-bottom: 8px !important; } .spl8 { margin-left: 8px !important; } .spr8 { margin-right: 8px !important; } .sppt8 { padding-top: 8px !important; } .sppb8 { padding-bottom: 8px !important; } .sppl8 { padding-left: 8px !important; } .sppr8 { padding-right: 8px !important; } .spp8 { padding: 8px !important; } @media screen and (max-width: 679.8px) { .spt-sp-8 { margin-top: 8px !important; } .spb-sp-8 { margin-bottom: 8px !important; } .spl-sp-8 { margin-left: 8px !important; } .spr-sp-8 { margin-right: 8px !important; } .sppt-sp-8 { padding-top: 8px !important; } .sppb-sp-8 { padding-bottom: 8px !important; } .sppl-sp-8 { padding-left: 8px !important; } .sppr-sp-8 { padding-right: 8px !important; } .spp-sp-8 { padding: 8px !important; } } @media screen and (min-width: 680px) { .spt-sm-8 { margin-top: 8px !important; } .spb-sm-8 { margin-bottom: 8px !important; } .spl-sm-8 { margin-left: 8px !important; } .spr-sm-8 { margin-right: 8px !important; } .sppt-sm-8 { padding-top: 8px !important; } .sppb-sm-8 { padding-bottom: 8px !important; } .sppl-sm-8 { padding-left: 8px !important; } .sppr-sm-8 { padding-right: 8px !important; } .spp-sm-8 { padding: 8px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-8 { margin-top: 8px !important; } .spb-tb-8 { margin-bottom: 8px !important; } .spl-tb-8 { margin-left: 8px !important; } .spr-tb-8 { margin-right: 8px !important; } .sppt-tb-8 { padding-top: 8px !important; } .sppb-tb-8 { padding-bottom: 8px !important; } .sppl-tb-8 { padding-left: 8px !important; } .sppr-tb-8 { padding-right: 8px !important; } .spp-tb-8 { padding: 8px !important; } } @media screen and (min-width: 980px) { .spt-pc-8 { margin-top: 8px !important; } .spb-pc-8 { margin-bottom: 8px !important; } .spl-pc-8 { margin-left: 8px !important; } .spr-pc-8 { margin-right: 8px !important; } .sppt-pc-8 { padding-top: 8px !important; } .sppb-pc-8 { padding-bottom: 8px !important; } .sppl-pc-8 { padding-left: 8px !important; } .sppr-pc-8 { padding-right: 8px !important; } .spp-pc-8 { padding: 8px !important; } } .spt12 { margin-top: 12px !important; } .spb12 { margin-bottom: 12px !important; } .spl12 { margin-left: 12px !important; } .spr12 { margin-right: 12px !important; } .sppt12 { padding-top: 12px !important; } .sppb12 { padding-bottom: 12px !important; } .sppl12 { padding-left: 12px !important; } .sppr12 { padding-right: 12px !important; } .spp12 { padding: 12px !important; } @media screen and (max-width: 679.8px) { .spt-sp-12 { margin-top: 12px !important; } .spb-sp-12 { margin-bottom: 12px !important; } .spl-sp-12 { margin-left: 12px !important; } .spr-sp-12 { margin-right: 12px !important; } .sppt-sp-12 { padding-top: 12px !important; } .sppb-sp-12 { padding-bottom: 12px !important; } .sppl-sp-12 { padding-left: 12px !important; } .sppr-sp-12 { padding-right: 12px !important; } .spp-sp-12 { padding: 12px !important; } } @media screen and (min-width: 680px) { .spt-sm-12 { margin-top: 12px !important; } .spb-sm-12 { margin-bottom: 12px !important; } .spl-sm-12 { margin-left: 12px !important; } .spr-sm-12 { margin-right: 12px !important; } .sppt-sm-12 { padding-top: 12px !important; } .sppb-sm-12 { padding-bottom: 12px !important; } .sppl-sm-12 { padding-left: 12px !important; } .sppr-sm-12 { padding-right: 12px !important; } .spp-sm-12 { padding: 12px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-12 { margin-top: 12px !important; } .spb-tb-12 { margin-bottom: 12px !important; } .spl-tb-12 { margin-left: 12px !important; } .spr-tb-12 { margin-right: 12px !important; } .sppt-tb-12 { padding-top: 12px !important; } .sppb-tb-12 { padding-bottom: 12px !important; } .sppl-tb-12 { padding-left: 12px !important; } .sppr-tb-12 { padding-right: 12px !important; } .spp-tb-12 { padding: 12px !important; } } @media screen and (min-width: 980px) { .spt-pc-12 { margin-top: 12px !important; } .spb-pc-12 { margin-bottom: 12px !important; } .spl-pc-12 { margin-left: 12px !important; } .spr-pc-12 { margin-right: 12px !important; } .sppt-pc-12 { padding-top: 12px !important; } .sppb-pc-12 { padding-bottom: 12px !important; } .sppl-pc-12 { padding-left: 12px !important; } .sppr-pc-12 { padding-right: 12px !important; } .spp-pc-12 { padding: 12px !important; } } .spt16 { margin-top: 16px !important; } .spb16 { margin-bottom: 16px !important; } .spl16 { margin-left: 16px !important; } .spr16 { margin-right: 16px !important; } .sppt16 { padding-top: 16px !important; } .sppb16 { padding-bottom: 16px !important; } .sppl16 { padding-left: 16px !important; } .sppr16 { padding-right: 16px !important; } .spp16 { padding: 16px !important; } @media screen and (max-width: 679.8px) { .spt-sp-16 { margin-top: 16px !important; } .spb-sp-16 { margin-bottom: 16px !important; } .spl-sp-16 { margin-left: 16px !important; } .spr-sp-16 { margin-right: 16px !important; } .sppt-sp-16 { padding-top: 16px !important; } .sppb-sp-16 { padding-bottom: 16px !important; } .sppl-sp-16 { padding-left: 16px !important; } .sppr-sp-16 { padding-right: 16px !important; } .spp-sp-16 { padding: 16px !important; } } @media screen and (min-width: 680px) { .spt-sm-16 { margin-top: 16px !important; } .spb-sm-16 { margin-bottom: 16px !important; } .spl-sm-16 { margin-left: 16px !important; } .spr-sm-16 { margin-right: 16px !important; } .sppt-sm-16 { padding-top: 16px !important; } .sppb-sm-16 { padding-bottom: 16px !important; } .sppl-sm-16 { padding-left: 16px !important; } .sppr-sm-16 { padding-right: 16px !important; } .spp-sm-16 { padding: 16px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-16 { margin-top: 16px !important; } .spb-tb-16 { margin-bottom: 16px !important; } .spl-tb-16 { margin-left: 16px !important; } .spr-tb-16 { margin-right: 16px !important; } .sppt-tb-16 { padding-top: 16px !important; } .sppb-tb-16 { padding-bottom: 16px !important; } .sppl-tb-16 { padding-left: 16px !important; } .sppr-tb-16 { padding-right: 16px !important; } .spp-tb-16 { padding: 16px !important; } } @media screen and (min-width: 980px) { .spt-pc-16 { margin-top: 16px !important; } .spb-pc-16 { margin-bottom: 16px !important; } .spl-pc-16 { margin-left: 16px !important; } .spr-pc-16 { margin-right: 16px !important; } .sppt-pc-16 { padding-top: 16px !important; } .sppb-pc-16 { padding-bottom: 16px !important; } .sppl-pc-16 { padding-left: 16px !important; } .sppr-pc-16 { padding-right: 16px !important; } .spp-pc-16 { padding: 16px !important; } } .spt20 { margin-top: 20px !important; } .spb20 { margin-bottom: 20px !important; } .spl20 { margin-left: 20px !important; } .spr20 { margin-right: 20px !important; } .sppt20 { padding-top: 20px !important; } .sppb20 { padding-bottom: 20px !important; } .sppl20 { padding-left: 20px !important; } .sppr20 { padding-right: 20px !important; } .spp20 { padding: 20px !important; } @media screen and (max-width: 679.8px) { .spt-sp-20 { margin-top: 20px !important; } .spb-sp-20 { margin-bottom: 20px !important; } .spl-sp-20 { margin-left: 20px !important; } .spr-sp-20 { margin-right: 20px !important; } .sppt-sp-20 { padding-top: 20px !important; } .sppb-sp-20 { padding-bottom: 20px !important; } .sppl-sp-20 { padding-left: 20px !important; } .sppr-sp-20 { padding-right: 20px !important; } .spp-sp-20 { padding: 20px !important; } } @media screen and (min-width: 680px) { .spt-sm-20 { margin-top: 20px !important; } .spb-sm-20 { margin-bottom: 20px !important; } .spl-sm-20 { margin-left: 20px !important; } .spr-sm-20 { margin-right: 20px !important; } .sppt-sm-20 { padding-top: 20px !important; } .sppb-sm-20 { padding-bottom: 20px !important; } .sppl-sm-20 { padding-left: 20px !important; } .sppr-sm-20 { padding-right: 20px !important; } .spp-sm-20 { padding: 20px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-20 { margin-top: 20px !important; } .spb-tb-20 { margin-bottom: 20px !important; } .spl-tb-20 { margin-left: 20px !important; } .spr-tb-20 { margin-right: 20px !important; } .sppt-tb-20 { padding-top: 20px !important; } .sppb-tb-20 { padding-bottom: 20px !important; } .sppl-tb-20 { padding-left: 20px !important; } .sppr-tb-20 { padding-right: 20px !important; } .spp-tb-20 { padding: 20px !important; } } @media screen and (min-width: 980px) { .spt-pc-20 { margin-top: 20px !important; } .spb-pc-20 { margin-bottom: 20px !important; } .spl-pc-20 { margin-left: 20px !important; } .spr-pc-20 { margin-right: 20px !important; } .sppt-pc-20 { padding-top: 20px !important; } .sppb-pc-20 { padding-bottom: 20px !important; } .sppl-pc-20 { padding-left: 20px !important; } .sppr-pc-20 { padding-right: 20px !important; } .spp-pc-20 { padding: 20px !important; } } .spt24 { margin-top: 24px !important; } .spb24 { margin-bottom: 24px !important; } .spl24 { margin-left: 24px !important; } .spr24 { margin-right: 24px !important; } .sppt24 { padding-top: 24px !important; } .sppb24 { padding-bottom: 24px !important; } .sppl24 { padding-left: 24px !important; } .sppr24 { padding-right: 24px !important; } .spp24 { padding: 24px !important; } @media screen and (max-width: 679.8px) { .spt-sp-24 { margin-top: 24px !important; } .spb-sp-24 { margin-bottom: 24px !important; } .spl-sp-24 { margin-left: 24px !important; } .spr-sp-24 { margin-right: 24px !important; } .sppt-sp-24 { padding-top: 24px !important; } .sppb-sp-24 { padding-bottom: 24px !important; } .sppl-sp-24 { padding-left: 24px !important; } .sppr-sp-24 { padding-right: 24px !important; } .spp-sp-24 { padding: 24px !important; } } @media screen and (min-width: 680px) { .spt-sm-24 { margin-top: 24px !important; } .spb-sm-24 { margin-bottom: 24px !important; } .spl-sm-24 { margin-left: 24px !important; } .spr-sm-24 { margin-right: 24px !important; } .sppt-sm-24 { padding-top: 24px !important; } .sppb-sm-24 { padding-bottom: 24px !important; } .sppl-sm-24 { padding-left: 24px !important; } .sppr-sm-24 { padding-right: 24px !important; } .spp-sm-24 { padding: 24px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-24 { margin-top: 24px !important; } .spb-tb-24 { margin-bottom: 24px !important; } .spl-tb-24 { margin-left: 24px !important; } .spr-tb-24 { margin-right: 24px !important; } .sppt-tb-24 { padding-top: 24px !important; } .sppb-tb-24 { padding-bottom: 24px !important; } .sppl-tb-24 { padding-left: 24px !important; } .sppr-tb-24 { padding-right: 24px !important; } .spp-tb-24 { padding: 24px !important; } } @media screen and (min-width: 980px) { .spt-pc-24 { margin-top: 24px !important; } .spb-pc-24 { margin-bottom: 24px !important; } .spl-pc-24 { margin-left: 24px !important; } .spr-pc-24 { margin-right: 24px !important; } .sppt-pc-24 { padding-top: 24px !important; } .sppb-pc-24 { padding-bottom: 24px !important; } .sppl-pc-24 { padding-left: 24px !important; } .sppr-pc-24 { padding-right: 24px !important; } .spp-pc-24 { padding: 24px !important; } } .spt28 { margin-top: 28px !important; } .spb28 { margin-bottom: 28px !important; } .spl28 { margin-left: 28px !important; } .spr28 { margin-right: 28px !important; } .sppt28 { padding-top: 28px !important; } .sppb28 { padding-bottom: 28px !important; } .sppl28 { padding-left: 28px !important; } .sppr28 { padding-right: 28px !important; } .spp28 { padding: 28px !important; } @media screen and (max-width: 679.8px) { .spt-sp-28 { margin-top: 28px !important; } .spb-sp-28 { margin-bottom: 28px !important; } .spl-sp-28 { margin-left: 28px !important; } .spr-sp-28 { margin-right: 28px !important; } .sppt-sp-28 { padding-top: 28px !important; } .sppb-sp-28 { padding-bottom: 28px !important; } .sppl-sp-28 { padding-left: 28px !important; } .sppr-sp-28 { padding-right: 28px !important; } .spp-sp-28 { padding: 28px !important; } } @media screen and (min-width: 680px) { .spt-sm-28 { margin-top: 28px !important; } .spb-sm-28 { margin-bottom: 28px !important; } .spl-sm-28 { margin-left: 28px !important; } .spr-sm-28 { margin-right: 28px !important; } .sppt-sm-28 { padding-top: 28px !important; } .sppb-sm-28 { padding-bottom: 28px !important; } .sppl-sm-28 { padding-left: 28px !important; } .sppr-sm-28 { padding-right: 28px !important; } .spp-sm-28 { padding: 28px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-28 { margin-top: 28px !important; } .spb-tb-28 { margin-bottom: 28px !important; } .spl-tb-28 { margin-left: 28px !important; } .spr-tb-28 { margin-right: 28px !important; } .sppt-tb-28 { padding-top: 28px !important; } .sppb-tb-28 { padding-bottom: 28px !important; } .sppl-tb-28 { padding-left: 28px !important; } .sppr-tb-28 { padding-right: 28px !important; } .spp-tb-28 { padding: 28px !important; } } @media screen and (min-width: 980px) { .spt-pc-28 { margin-top: 28px !important; } .spb-pc-28 { margin-bottom: 28px !important; } .spl-pc-28 { margin-left: 28px !important; } .spr-pc-28 { margin-right: 28px !important; } .sppt-pc-28 { padding-top: 28px !important; } .sppb-pc-28 { padding-bottom: 28px !important; } .sppl-pc-28 { padding-left: 28px !important; } .sppr-pc-28 { padding-right: 28px !important; } .spp-pc-28 { padding: 28px !important; } } .spt32 { margin-top: 32px !important; } .spb32 { margin-bottom: 32px !important; } .spl32 { margin-left: 32px !important; } .spr32 { margin-right: 32px !important; } .sppt32 { padding-top: 32px !important; } .sppb32 { padding-bottom: 32px !important; } .sppl32 { padding-left: 32px !important; } .sppr32 { padding-right: 32px !important; } .spp32 { padding: 32px !important; } @media screen and (max-width: 679.8px) { .spt-sp-32 { margin-top: 32px !important; } .spb-sp-32 { margin-bottom: 32px !important; } .spl-sp-32 { margin-left: 32px !important; } .spr-sp-32 { margin-right: 32px !important; } .sppt-sp-32 { padding-top: 32px !important; } .sppb-sp-32 { padding-bottom: 32px !important; } .sppl-sp-32 { padding-left: 32px !important; } .sppr-sp-32 { padding-right: 32px !important; } .spp-sp-32 { padding: 32px !important; } } @media screen and (min-width: 680px) { .spt-sm-32 { margin-top: 32px !important; } .spb-sm-32 { margin-bottom: 32px !important; } .spl-sm-32 { margin-left: 32px !important; } .spr-sm-32 { margin-right: 32px !important; } .sppt-sm-32 { padding-top: 32px !important; } .sppb-sm-32 { padding-bottom: 32px !important; } .sppl-sm-32 { padding-left: 32px !important; } .sppr-sm-32 { padding-right: 32px !important; } .spp-sm-32 { padding: 32px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-32 { margin-top: 32px !important; } .spb-tb-32 { margin-bottom: 32px !important; } .spl-tb-32 { margin-left: 32px !important; } .spr-tb-32 { margin-right: 32px !important; } .sppt-tb-32 { padding-top: 32px !important; } .sppb-tb-32 { padding-bottom: 32px !important; } .sppl-tb-32 { padding-left: 32px !important; } .sppr-tb-32 { padding-right: 32px !important; } .spp-tb-32 { padding: 32px !important; } } @media screen and (min-width: 980px) { .spt-pc-32 { margin-top: 32px !important; } .spb-pc-32 { margin-bottom: 32px !important; } .spl-pc-32 { margin-left: 32px !important; } .spr-pc-32 { margin-right: 32px !important; } .sppt-pc-32 { padding-top: 32px !important; } .sppb-pc-32 { padding-bottom: 32px !important; } .sppl-pc-32 { padding-left: 32px !important; } .sppr-pc-32 { padding-right: 32px !important; } .spp-pc-32 { padding: 32px !important; } } .spt36 { margin-top: 36px !important; } .spb36 { margin-bottom: 36px !important; } .spl36 { margin-left: 36px !important; } .spr36 { margin-right: 36px !important; } .sppt36 { padding-top: 36px !important; } .sppb36 { padding-bottom: 36px !important; } .sppl36 { padding-left: 36px !important; } .sppr36 { padding-right: 36px !important; } .spp36 { padding: 36px !important; } @media screen and (max-width: 679.8px) { .spt-sp-36 { margin-top: 36px !important; } .spb-sp-36 { margin-bottom: 36px !important; } .spl-sp-36 { margin-left: 36px !important; } .spr-sp-36 { margin-right: 36px !important; } .sppt-sp-36 { padding-top: 36px !important; } .sppb-sp-36 { padding-bottom: 36px !important; } .sppl-sp-36 { padding-left: 36px !important; } .sppr-sp-36 { padding-right: 36px !important; } .spp-sp-36 { padding: 36px !important; } } @media screen and (min-width: 680px) { .spt-sm-36 { margin-top: 36px !important; } .spb-sm-36 { margin-bottom: 36px !important; } .spl-sm-36 { margin-left: 36px !important; } .spr-sm-36 { margin-right: 36px !important; } .sppt-sm-36 { padding-top: 36px !important; } .sppb-sm-36 { padding-bottom: 36px !important; } .sppl-sm-36 { padding-left: 36px !important; } .sppr-sm-36 { padding-right: 36px !important; } .spp-sm-36 { padding: 36px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-36 { margin-top: 36px !important; } .spb-tb-36 { margin-bottom: 36px !important; } .spl-tb-36 { margin-left: 36px !important; } .spr-tb-36 { margin-right: 36px !important; } .sppt-tb-36 { padding-top: 36px !important; } .sppb-tb-36 { padding-bottom: 36px !important; } .sppl-tb-36 { padding-left: 36px !important; } .sppr-tb-36 { padding-right: 36px !important; } .spp-tb-36 { padding: 36px !important; } } @media screen and (min-width: 980px) { .spt-pc-36 { margin-top: 36px !important; } .spb-pc-36 { margin-bottom: 36px !important; } .spl-pc-36 { margin-left: 36px !important; } .spr-pc-36 { margin-right: 36px !important; } .sppt-pc-36 { padding-top: 36px !important; } .sppb-pc-36 { padding-bottom: 36px !important; } .sppl-pc-36 { padding-left: 36px !important; } .sppr-pc-36 { padding-right: 36px !important; } .spp-pc-36 { padding: 36px !important; } } .spt40 { margin-top: 40px !important; } .spb40 { margin-bottom: 40px !important; } .spl40 { margin-left: 40px !important; } .spr40 { margin-right: 40px !important; } .sppt40 { padding-top: 40px !important; } .sppb40 { padding-bottom: 40px !important; } .sppl40 { padding-left: 40px !important; } .sppr40 { padding-right: 40px !important; } .spp40 { padding: 40px !important; } @media screen and (max-width: 679.8px) { .spt-sp-40 { margin-top: 40px !important; } .spb-sp-40 { margin-bottom: 40px !important; } .spl-sp-40 { margin-left: 40px !important; } .spr-sp-40 { margin-right: 40px !important; } .sppt-sp-40 { padding-top: 40px !important; } .sppb-sp-40 { padding-bottom: 40px !important; } .sppl-sp-40 { padding-left: 40px !important; } .sppr-sp-40 { padding-right: 40px !important; } .spp-sp-40 { padding: 40px !important; } } @media screen and (min-width: 680px) { .spt-sm-40 { margin-top: 40px !important; } .spb-sm-40 { margin-bottom: 40px !important; } .spl-sm-40 { margin-left: 40px !important; } .spr-sm-40 { margin-right: 40px !important; } .sppt-sm-40 { padding-top: 40px !important; } .sppb-sm-40 { padding-bottom: 40px !important; } .sppl-sm-40 { padding-left: 40px !important; } .sppr-sm-40 { padding-right: 40px !important; } .spp-sm-40 { padding: 40px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-40 { margin-top: 40px !important; } .spb-tb-40 { margin-bottom: 40px !important; } .spl-tb-40 { margin-left: 40px !important; } .spr-tb-40 { margin-right: 40px !important; } .sppt-tb-40 { padding-top: 40px !important; } .sppb-tb-40 { padding-bottom: 40px !important; } .sppl-tb-40 { padding-left: 40px !important; } .sppr-tb-40 { padding-right: 40px !important; } .spp-tb-40 { padding: 40px !important; } } @media screen and (min-width: 980px) { .spt-pc-40 { margin-top: 40px !important; } .spb-pc-40 { margin-bottom: 40px !important; } .spl-pc-40 { margin-left: 40px !important; } .spr-pc-40 { margin-right: 40px !important; } .sppt-pc-40 { padding-top: 40px !important; } .sppb-pc-40 { padding-bottom: 40px !important; } .sppl-pc-40 { padding-left: 40px !important; } .sppr-pc-40 { padding-right: 40px !important; } .spp-pc-40 { padding: 40px !important; } } .spt44 { margin-top: 44px !important; } .spb44 { margin-bottom: 44px !important; } .spl44 { margin-left: 44px !important; } .spr44 { margin-right: 44px !important; } .sppt44 { padding-top: 44px !important; } .sppb44 { padding-bottom: 44px !important; } .sppl44 { padding-left: 44px !important; } .sppr44 { padding-right: 44px !important; } .spp44 { padding: 44px !important; } @media screen and (max-width: 679.8px) { .spt-sp-44 { margin-top: 44px !important; } .spb-sp-44 { margin-bottom: 44px !important; } .spl-sp-44 { margin-left: 44px !important; } .spr-sp-44 { margin-right: 44px !important; } .sppt-sp-44 { padding-top: 44px !important; } .sppb-sp-44 { padding-bottom: 44px !important; } .sppl-sp-44 { padding-left: 44px !important; } .sppr-sp-44 { padding-right: 44px !important; } .spp-sp-44 { padding: 44px !important; } } @media screen and (min-width: 680px) { .spt-sm-44 { margin-top: 44px !important; } .spb-sm-44 { margin-bottom: 44px !important; } .spl-sm-44 { margin-left: 44px !important; } .spr-sm-44 { margin-right: 44px !important; } .sppt-sm-44 { padding-top: 44px !important; } .sppb-sm-44 { padding-bottom: 44px !important; } .sppl-sm-44 { padding-left: 44px !important; } .sppr-sm-44 { padding-right: 44px !important; } .spp-sm-44 { padding: 44px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-44 { margin-top: 44px !important; } .spb-tb-44 { margin-bottom: 44px !important; } .spl-tb-44 { margin-left: 44px !important; } .spr-tb-44 { margin-right: 44px !important; } .sppt-tb-44 { padding-top: 44px !important; } .sppb-tb-44 { padding-bottom: 44px !important; } .sppl-tb-44 { padding-left: 44px !important; } .sppr-tb-44 { padding-right: 44px !important; } .spp-tb-44 { padding: 44px !important; } } @media screen and (min-width: 980px) { .spt-pc-44 { margin-top: 44px !important; } .spb-pc-44 { margin-bottom: 44px !important; } .spl-pc-44 { margin-left: 44px !important; } .spr-pc-44 { margin-right: 44px !important; } .sppt-pc-44 { padding-top: 44px !important; } .sppb-pc-44 { padding-bottom: 44px !important; } .sppl-pc-44 { padding-left: 44px !important; } .sppr-pc-44 { padding-right: 44px !important; } .spp-pc-44 { padding: 44px !important; } } .spt48 { margin-top: 48px !important; } .spb48 { margin-bottom: 48px !important; } .spl48 { margin-left: 48px !important; } .spr48 { margin-right: 48px !important; } .sppt48 { padding-top: 48px !important; } .sppb48 { padding-bottom: 48px !important; } .sppl48 { padding-left: 48px !important; } .sppr48 { padding-right: 48px !important; } .spp48 { padding: 48px !important; } @media screen and (max-width: 679.8px) { .spt-sp-48 { margin-top: 48px !important; } .spb-sp-48 { margin-bottom: 48px !important; } .spl-sp-48 { margin-left: 48px !important; } .spr-sp-48 { margin-right: 48px !important; } .sppt-sp-48 { padding-top: 48px !important; } .sppb-sp-48 { padding-bottom: 48px !important; } .sppl-sp-48 { padding-left: 48px !important; } .sppr-sp-48 { padding-right: 48px !important; } .spp-sp-48 { padding: 48px !important; } } @media screen and (min-width: 680px) { .spt-sm-48 { margin-top: 48px !important; } .spb-sm-48 { margin-bottom: 48px !important; } .spl-sm-48 { margin-left: 48px !important; } .spr-sm-48 { margin-right: 48px !important; } .sppt-sm-48 { padding-top: 48px !important; } .sppb-sm-48 { padding-bottom: 48px !important; } .sppl-sm-48 { padding-left: 48px !important; } .sppr-sm-48 { padding-right: 48px !important; } .spp-sm-48 { padding: 48px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-48 { margin-top: 48px !important; } .spb-tb-48 { margin-bottom: 48px !important; } .spl-tb-48 { margin-left: 48px !important; } .spr-tb-48 { margin-right: 48px !important; } .sppt-tb-48 { padding-top: 48px !important; } .sppb-tb-48 { padding-bottom: 48px !important; } .sppl-tb-48 { padding-left: 48px !important; } .sppr-tb-48 { padding-right: 48px !important; } .spp-tb-48 { padding: 48px !important; } } @media screen and (min-width: 980px) { .spt-pc-48 { margin-top: 48px !important; } .spb-pc-48 { margin-bottom: 48px !important; } .spl-pc-48 { margin-left: 48px !important; } .spr-pc-48 { margin-right: 48px !important; } .sppt-pc-48 { padding-top: 48px !important; } .sppb-pc-48 { padding-bottom: 48px !important; } .sppl-pc-48 { padding-left: 48px !important; } .sppr-pc-48 { padding-right: 48px !important; } .spp-pc-48 { padding: 48px !important; } } .spt52 { margin-top: 52px !important; } .spb52 { margin-bottom: 52px !important; } .spl52 { margin-left: 52px !important; } .spr52 { margin-right: 52px !important; } .sppt52 { padding-top: 52px !important; } .sppb52 { padding-bottom: 52px !important; } .sppl52 { padding-left: 52px !important; } .sppr52 { padding-right: 52px !important; } .spp52 { padding: 52px !important; } @media screen and (max-width: 679.8px) { .spt-sp-52 { margin-top: 52px !important; } .spb-sp-52 { margin-bottom: 52px !important; } .spl-sp-52 { margin-left: 52px !important; } .spr-sp-52 { margin-right: 52px !important; } .sppt-sp-52 { padding-top: 52px !important; } .sppb-sp-52 { padding-bottom: 52px !important; } .sppl-sp-52 { padding-left: 52px !important; } .sppr-sp-52 { padding-right: 52px !important; } .spp-sp-52 { padding: 52px !important; } } @media screen and (min-width: 680px) { .spt-sm-52 { margin-top: 52px !important; } .spb-sm-52 { margin-bottom: 52px !important; } .spl-sm-52 { margin-left: 52px !important; } .spr-sm-52 { margin-right: 52px !important; } .sppt-sm-52 { padding-top: 52px !important; } .sppb-sm-52 { padding-bottom: 52px !important; } .sppl-sm-52 { padding-left: 52px !important; } .sppr-sm-52 { padding-right: 52px !important; } .spp-sm-52 { padding: 52px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-52 { margin-top: 52px !important; } .spb-tb-52 { margin-bottom: 52px !important; } .spl-tb-52 { margin-left: 52px !important; } .spr-tb-52 { margin-right: 52px !important; } .sppt-tb-52 { padding-top: 52px !important; } .sppb-tb-52 { padding-bottom: 52px !important; } .sppl-tb-52 { padding-left: 52px !important; } .sppr-tb-52 { padding-right: 52px !important; } .spp-tb-52 { padding: 52px !important; } } @media screen and (min-width: 980px) { .spt-pc-52 { margin-top: 52px !important; } .spb-pc-52 { margin-bottom: 52px !important; } .spl-pc-52 { margin-left: 52px !important; } .spr-pc-52 { margin-right: 52px !important; } .sppt-pc-52 { padding-top: 52px !important; } .sppb-pc-52 { padding-bottom: 52px !important; } .sppl-pc-52 { padding-left: 52px !important; } .sppr-pc-52 { padding-right: 52px !important; } .spp-pc-52 { padding: 52px !important; } } .spt56 { margin-top: 56px !important; } .spb56 { margin-bottom: 56px !important; } .spl56 { margin-left: 56px !important; } .spr56 { margin-right: 56px !important; } .sppt56 { padding-top: 56px !important; } .sppb56 { padding-bottom: 56px !important; } .sppl56 { padding-left: 56px !important; } .sppr56 { padding-right: 56px !important; } .spp56 { padding: 56px !important; } @media screen and (max-width: 679.8px) { .spt-sp-56 { margin-top: 56px !important; } .spb-sp-56 { margin-bottom: 56px !important; } .spl-sp-56 { margin-left: 56px !important; } .spr-sp-56 { margin-right: 56px !important; } .sppt-sp-56 { padding-top: 56px !important; } .sppb-sp-56 { padding-bottom: 56px !important; } .sppl-sp-56 { padding-left: 56px !important; } .sppr-sp-56 { padding-right: 56px !important; } .spp-sp-56 { padding: 56px !important; } } @media screen and (min-width: 680px) { .spt-sm-56 { margin-top: 56px !important; } .spb-sm-56 { margin-bottom: 56px !important; } .spl-sm-56 { margin-left: 56px !important; } .spr-sm-56 { margin-right: 56px !important; } .sppt-sm-56 { padding-top: 56px !important; } .sppb-sm-56 { padding-bottom: 56px !important; } .sppl-sm-56 { padding-left: 56px !important; } .sppr-sm-56 { padding-right: 56px !important; } .spp-sm-56 { padding: 56px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-56 { margin-top: 56px !important; } .spb-tb-56 { margin-bottom: 56px !important; } .spl-tb-56 { margin-left: 56px !important; } .spr-tb-56 { margin-right: 56px !important; } .sppt-tb-56 { padding-top: 56px !important; } .sppb-tb-56 { padding-bottom: 56px !important; } .sppl-tb-56 { padding-left: 56px !important; } .sppr-tb-56 { padding-right: 56px !important; } .spp-tb-56 { padding: 56px !important; } } @media screen and (min-width: 980px) { .spt-pc-56 { margin-top: 56px !important; } .spb-pc-56 { margin-bottom: 56px !important; } .spl-pc-56 { margin-left: 56px !important; } .spr-pc-56 { margin-right: 56px !important; } .sppt-pc-56 { padding-top: 56px !important; } .sppb-pc-56 { padding-bottom: 56px !important; } .sppl-pc-56 { padding-left: 56px !important; } .sppr-pc-56 { padding-right: 56px !important; } .spp-pc-56 { padding: 56px !important; } } .spt60 { margin-top: 60px !important; } .spb60 { margin-bottom: 60px !important; } .spl60 { margin-left: 60px !important; } .spr60 { margin-right: 60px !important; } .sppt60 { padding-top: 60px !important; } .sppb60 { padding-bottom: 60px !important; } .sppl60 { padding-left: 60px !important; } .sppr60 { padding-right: 60px !important; } .spp60 { padding: 60px !important; } @media screen and (max-width: 679.8px) { .spt-sp-60 { margin-top: 60px !important; } .spb-sp-60 { margin-bottom: 60px !important; } .spl-sp-60 { margin-left: 60px !important; } .spr-sp-60 { margin-right: 60px !important; } .sppt-sp-60 { padding-top: 60px !important; } .sppb-sp-60 { padding-bottom: 60px !important; } .sppl-sp-60 { padding-left: 60px !important; } .sppr-sp-60 { padding-right: 60px !important; } .spp-sp-60 { padding: 60px !important; } } @media screen and (min-width: 680px) { .spt-sm-60 { margin-top: 60px !important; } .spb-sm-60 { margin-bottom: 60px !important; } .spl-sm-60 { margin-left: 60px !important; } .spr-sm-60 { margin-right: 60px !important; } .sppt-sm-60 { padding-top: 60px !important; } .sppb-sm-60 { padding-bottom: 60px !important; } .sppl-sm-60 { padding-left: 60px !important; } .sppr-sm-60 { padding-right: 60px !important; } .spp-sm-60 { padding: 60px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-60 { margin-top: 60px !important; } .spb-tb-60 { margin-bottom: 60px !important; } .spl-tb-60 { margin-left: 60px !important; } .spr-tb-60 { margin-right: 60px !important; } .sppt-tb-60 { padding-top: 60px !important; } .sppb-tb-60 { padding-bottom: 60px !important; } .sppl-tb-60 { padding-left: 60px !important; } .sppr-tb-60 { padding-right: 60px !important; } .spp-tb-60 { padding: 60px !important; } } @media screen and (min-width: 980px) { .spt-pc-60 { margin-top: 60px !important; } .spb-pc-60 { margin-bottom: 60px !important; } .spl-pc-60 { margin-left: 60px !important; } .spr-pc-60 { margin-right: 60px !important; } .sppt-pc-60 { padding-top: 60px !important; } .sppb-pc-60 { padding-bottom: 60px !important; } .sppl-pc-60 { padding-left: 60px !important; } .sppr-pc-60 { padding-right: 60px !important; } .spp-pc-60 { padding: 60px !important; } } .spt64 { margin-top: 64px !important; } .spb64 { margin-bottom: 64px !important; } .spl64 { margin-left: 64px !important; } .spr64 { margin-right: 64px !important; } .sppt64 { padding-top: 64px !important; } .sppb64 { padding-bottom: 64px !important; } .sppl64 { padding-left: 64px !important; } .sppr64 { padding-right: 64px !important; } .spp64 { padding: 64px !important; } @media screen and (max-width: 679.8px) { .spt-sp-64 { margin-top: 64px !important; } .spb-sp-64 { margin-bottom: 64px !important; } .spl-sp-64 { margin-left: 64px !important; } .spr-sp-64 { margin-right: 64px !important; } .sppt-sp-64 { padding-top: 64px !important; } .sppb-sp-64 { padding-bottom: 64px !important; } .sppl-sp-64 { padding-left: 64px !important; } .sppr-sp-64 { padding-right: 64px !important; } .spp-sp-64 { padding: 64px !important; } } @media screen and (min-width: 680px) { .spt-sm-64 { margin-top: 64px !important; } .spb-sm-64 { margin-bottom: 64px !important; } .spl-sm-64 { margin-left: 64px !important; } .spr-sm-64 { margin-right: 64px !important; } .sppt-sm-64 { padding-top: 64px !important; } .sppb-sm-64 { padding-bottom: 64px !important; } .sppl-sm-64 { padding-left: 64px !important; } .sppr-sm-64 { padding-right: 64px !important; } .spp-sm-64 { padding: 64px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-64 { margin-top: 64px !important; } .spb-tb-64 { margin-bottom: 64px !important; } .spl-tb-64 { margin-left: 64px !important; } .spr-tb-64 { margin-right: 64px !important; } .sppt-tb-64 { padding-top: 64px !important; } .sppb-tb-64 { padding-bottom: 64px !important; } .sppl-tb-64 { padding-left: 64px !important; } .sppr-tb-64 { padding-right: 64px !important; } .spp-tb-64 { padding: 64px !important; } } @media screen and (min-width: 980px) { .spt-pc-64 { margin-top: 64px !important; } .spb-pc-64 { margin-bottom: 64px !important; } .spl-pc-64 { margin-left: 64px !important; } .spr-pc-64 { margin-right: 64px !important; } .sppt-pc-64 { padding-top: 64px !important; } .sppb-pc-64 { padding-bottom: 64px !important; } .sppl-pc-64 { padding-left: 64px !important; } .sppr-pc-64 { padding-right: 64px !important; } .spp-pc-64 { padding: 64px !important; } } .spt68 { margin-top: 68px !important; } .spb68 { margin-bottom: 68px !important; } .spl68 { margin-left: 68px !important; } .spr68 { margin-right: 68px !important; } .sppt68 { padding-top: 68px !important; } .sppb68 { padding-bottom: 68px !important; } .sppl68 { padding-left: 68px !important; } .sppr68 { padding-right: 68px !important; } .spp68 { padding: 68px !important; } @media screen and (max-width: 679.8px) { .spt-sp-68 { margin-top: 68px !important; } .spb-sp-68 { margin-bottom: 68px !important; } .spl-sp-68 { margin-left: 68px !important; } .spr-sp-68 { margin-right: 68px !important; } .sppt-sp-68 { padding-top: 68px !important; } .sppb-sp-68 { padding-bottom: 68px !important; } .sppl-sp-68 { padding-left: 68px !important; } .sppr-sp-68 { padding-right: 68px !important; } .spp-sp-68 { padding: 68px !important; } } @media screen and (min-width: 680px) { .spt-sm-68 { margin-top: 68px !important; } .spb-sm-68 { margin-bottom: 68px !important; } .spl-sm-68 { margin-left: 68px !important; } .spr-sm-68 { margin-right: 68px !important; } .sppt-sm-68 { padding-top: 68px !important; } .sppb-sm-68 { padding-bottom: 68px !important; } .sppl-sm-68 { padding-left: 68px !important; } .sppr-sm-68 { padding-right: 68px !important; } .spp-sm-68 { padding: 68px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-68 { margin-top: 68px !important; } .spb-tb-68 { margin-bottom: 68px !important; } .spl-tb-68 { margin-left: 68px !important; } .spr-tb-68 { margin-right: 68px !important; } .sppt-tb-68 { padding-top: 68px !important; } .sppb-tb-68 { padding-bottom: 68px !important; } .sppl-tb-68 { padding-left: 68px !important; } .sppr-tb-68 { padding-right: 68px !important; } .spp-tb-68 { padding: 68px !important; } } @media screen and (min-width: 980px) { .spt-pc-68 { margin-top: 68px !important; } .spb-pc-68 { margin-bottom: 68px !important; } .spl-pc-68 { margin-left: 68px !important; } .spr-pc-68 { margin-right: 68px !important; } .sppt-pc-68 { padding-top: 68px !important; } .sppb-pc-68 { padding-bottom: 68px !important; } .sppl-pc-68 { padding-left: 68px !important; } .sppr-pc-68 { padding-right: 68px !important; } .spp-pc-68 { padding: 68px !important; } } .spt72 { margin-top: 72px !important; } .spb72 { margin-bottom: 72px !important; } .spl72 { margin-left: 72px !important; } .spr72 { margin-right: 72px !important; } .sppt72 { padding-top: 72px !important; } .sppb72 { padding-bottom: 72px !important; } .sppl72 { padding-left: 72px !important; } .sppr72 { padding-right: 72px !important; } .spp72 { padding: 72px !important; } @media screen and (max-width: 679.8px) { .spt-sp-72 { margin-top: 72px !important; } .spb-sp-72 { margin-bottom: 72px !important; } .spl-sp-72 { margin-left: 72px !important; } .spr-sp-72 { margin-right: 72px !important; } .sppt-sp-72 { padding-top: 72px !important; } .sppb-sp-72 { padding-bottom: 72px !important; } .sppl-sp-72 { padding-left: 72px !important; } .sppr-sp-72 { padding-right: 72px !important; } .spp-sp-72 { padding: 72px !important; } } @media screen and (min-width: 680px) { .spt-sm-72 { margin-top: 72px !important; } .spb-sm-72 { margin-bottom: 72px !important; } .spl-sm-72 { margin-left: 72px !important; } .spr-sm-72 { margin-right: 72px !important; } .sppt-sm-72 { padding-top: 72px !important; } .sppb-sm-72 { padding-bottom: 72px !important; } .sppl-sm-72 { padding-left: 72px !important; } .sppr-sm-72 { padding-right: 72px !important; } .spp-sm-72 { padding: 72px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-72 { margin-top: 72px !important; } .spb-tb-72 { margin-bottom: 72px !important; } .spl-tb-72 { margin-left: 72px !important; } .spr-tb-72 { margin-right: 72px !important; } .sppt-tb-72 { padding-top: 72px !important; } .sppb-tb-72 { padding-bottom: 72px !important; } .sppl-tb-72 { padding-left: 72px !important; } .sppr-tb-72 { padding-right: 72px !important; } .spp-tb-72 { padding: 72px !important; } } @media screen and (min-width: 980px) { .spt-pc-72 { margin-top: 72px !important; } .spb-pc-72 { margin-bottom: 72px !important; } .spl-pc-72 { margin-left: 72px !important; } .spr-pc-72 { margin-right: 72px !important; } .sppt-pc-72 { padding-top: 72px !important; } .sppb-pc-72 { padding-bottom: 72px !important; } .sppl-pc-72 { padding-left: 72px !important; } .sppr-pc-72 { padding-right: 72px !important; } .spp-pc-72 { padding: 72px !important; } } .spt76 { margin-top: 76px !important; } .spb76 { margin-bottom: 76px !important; } .spl76 { margin-left: 76px !important; } .spr76 { margin-right: 76px !important; } .sppt76 { padding-top: 76px !important; } .sppb76 { padding-bottom: 76px !important; } .sppl76 { padding-left: 76px !important; } .sppr76 { padding-right: 76px !important; } .spp76 { padding: 76px !important; } @media screen and (max-width: 679.8px) { .spt-sp-76 { margin-top: 76px !important; } .spb-sp-76 { margin-bottom: 76px !important; } .spl-sp-76 { margin-left: 76px !important; } .spr-sp-76 { margin-right: 76px !important; } .sppt-sp-76 { padding-top: 76px !important; } .sppb-sp-76 { padding-bottom: 76px !important; } .sppl-sp-76 { padding-left: 76px !important; } .sppr-sp-76 { padding-right: 76px !important; } .spp-sp-76 { padding: 76px !important; } } @media screen and (min-width: 680px) { .spt-sm-76 { margin-top: 76px !important; } .spb-sm-76 { margin-bottom: 76px !important; } .spl-sm-76 { margin-left: 76px !important; } .spr-sm-76 { margin-right: 76px !important; } .sppt-sm-76 { padding-top: 76px !important; } .sppb-sm-76 { padding-bottom: 76px !important; } .sppl-sm-76 { padding-left: 76px !important; } .sppr-sm-76 { padding-right: 76px !important; } .spp-sm-76 { padding: 76px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-76 { margin-top: 76px !important; } .spb-tb-76 { margin-bottom: 76px !important; } .spl-tb-76 { margin-left: 76px !important; } .spr-tb-76 { margin-right: 76px !important; } .sppt-tb-76 { padding-top: 76px !important; } .sppb-tb-76 { padding-bottom: 76px !important; } .sppl-tb-76 { padding-left: 76px !important; } .sppr-tb-76 { padding-right: 76px !important; } .spp-tb-76 { padding: 76px !important; } } @media screen and (min-width: 980px) { .spt-pc-76 { margin-top: 76px !important; } .spb-pc-76 { margin-bottom: 76px !important; } .spl-pc-76 { margin-left: 76px !important; } .spr-pc-76 { margin-right: 76px !important; } .sppt-pc-76 { padding-top: 76px !important; } .sppb-pc-76 { padding-bottom: 76px !important; } .sppl-pc-76 { padding-left: 76px !important; } .sppr-pc-76 { padding-right: 76px !important; } .spp-pc-76 { padding: 76px !important; } } .spt80 { margin-top: 80px !important; } .spb80 { margin-bottom: 80px !important; } .spl80 { margin-left: 80px !important; } .spr80 { margin-right: 80px !important; } .sppt80 { padding-top: 80px !important; } .sppb80 { padding-bottom: 80px !important; } .sppl80 { padding-left: 80px !important; } .sppr80 { padding-right: 80px !important; } .spp80 { padding: 80px !important; } @media screen and (max-width: 679.8px) { .spt-sp-80 { margin-top: 80px !important; } .spb-sp-80 { margin-bottom: 80px !important; } .spl-sp-80 { margin-left: 80px !important; } .spr-sp-80 { margin-right: 80px !important; } .sppt-sp-80 { padding-top: 80px !important; } .sppb-sp-80 { padding-bottom: 80px !important; } .sppl-sp-80 { padding-left: 80px !important; } .sppr-sp-80 { padding-right: 80px !important; } .spp-sp-80 { padding: 80px !important; } } @media screen and (min-width: 680px) { .spt-sm-80 { margin-top: 80px !important; } .spb-sm-80 { margin-bottom: 80px !important; } .spl-sm-80 { margin-left: 80px !important; } .spr-sm-80 { margin-right: 80px !important; } .sppt-sm-80 { padding-top: 80px !important; } .sppb-sm-80 { padding-bottom: 80px !important; } .sppl-sm-80 { padding-left: 80px !important; } .sppr-sm-80 { padding-right: 80px !important; } .spp-sm-80 { padding: 80px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-80 { margin-top: 80px !important; } .spb-tb-80 { margin-bottom: 80px !important; } .spl-tb-80 { margin-left: 80px !important; } .spr-tb-80 { margin-right: 80px !important; } .sppt-tb-80 { padding-top: 80px !important; } .sppb-tb-80 { padding-bottom: 80px !important; } .sppl-tb-80 { padding-left: 80px !important; } .sppr-tb-80 { padding-right: 80px !important; } .spp-tb-80 { padding: 80px !important; } } @media screen and (min-width: 980px) { .spt-pc-80 { margin-top: 80px !important; } .spb-pc-80 { margin-bottom: 80px !important; } .spl-pc-80 { margin-left: 80px !important; } .spr-pc-80 { margin-right: 80px !important; } .sppt-pc-80 { padding-top: 80px !important; } .sppb-pc-80 { padding-bottom: 80px !important; } .sppl-pc-80 { padding-left: 80px !important; } .sppr-pc-80 { padding-right: 80px !important; } .spp-pc-80 { padding: 80px !important; } } .spt84 { margin-top: 84px !important; } .spb84 { margin-bottom: 84px !important; } .spl84 { margin-left: 84px !important; } .spr84 { margin-right: 84px !important; } .sppt84 { padding-top: 84px !important; } .sppb84 { padding-bottom: 84px !important; } .sppl84 { padding-left: 84px !important; } .sppr84 { padding-right: 84px !important; } .spp84 { padding: 84px !important; } @media screen and (max-width: 679.8px) { .spt-sp-84 { margin-top: 84px !important; } .spb-sp-84 { margin-bottom: 84px !important; } .spl-sp-84 { margin-left: 84px !important; } .spr-sp-84 { margin-right: 84px !important; } .sppt-sp-84 { padding-top: 84px !important; } .sppb-sp-84 { padding-bottom: 84px !important; } .sppl-sp-84 { padding-left: 84px !important; } .sppr-sp-84 { padding-right: 84px !important; } .spp-sp-84 { padding: 84px !important; } } @media screen and (min-width: 680px) { .spt-sm-84 { margin-top: 84px !important; } .spb-sm-84 { margin-bottom: 84px !important; } .spl-sm-84 { margin-left: 84px !important; } .spr-sm-84 { margin-right: 84px !important; } .sppt-sm-84 { padding-top: 84px !important; } .sppb-sm-84 { padding-bottom: 84px !important; } .sppl-sm-84 { padding-left: 84px !important; } .sppr-sm-84 { padding-right: 84px !important; } .spp-sm-84 { padding: 84px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-84 { margin-top: 84px !important; } .spb-tb-84 { margin-bottom: 84px !important; } .spl-tb-84 { margin-left: 84px !important; } .spr-tb-84 { margin-right: 84px !important; } .sppt-tb-84 { padding-top: 84px !important; } .sppb-tb-84 { padding-bottom: 84px !important; } .sppl-tb-84 { padding-left: 84px !important; } .sppr-tb-84 { padding-right: 84px !important; } .spp-tb-84 { padding: 84px !important; } } @media screen and (min-width: 980px) { .spt-pc-84 { margin-top: 84px !important; } .spb-pc-84 { margin-bottom: 84px !important; } .spl-pc-84 { margin-left: 84px !important; } .spr-pc-84 { margin-right: 84px !important; } .sppt-pc-84 { padding-top: 84px !important; } .sppb-pc-84 { padding-bottom: 84px !important; } .sppl-pc-84 { padding-left: 84px !important; } .sppr-pc-84 { padding-right: 84px !important; } .spp-pc-84 { padding: 84px !important; } } .spt88 { margin-top: 88px !important; } .spb88 { margin-bottom: 88px !important; } .spl88 { margin-left: 88px !important; } .spr88 { margin-right: 88px !important; } .sppt88 { padding-top: 88px !important; } .sppb88 { padding-bottom: 88px !important; } .sppl88 { padding-left: 88px !important; } .sppr88 { padding-right: 88px !important; } .spp88 { padding: 88px !important; } @media screen and (max-width: 679.8px) { .spt-sp-88 { margin-top: 88px !important; } .spb-sp-88 { margin-bottom: 88px !important; } .spl-sp-88 { margin-left: 88px !important; } .spr-sp-88 { margin-right: 88px !important; } .sppt-sp-88 { padding-top: 88px !important; } .sppb-sp-88 { padding-bottom: 88px !important; } .sppl-sp-88 { padding-left: 88px !important; } .sppr-sp-88 { padding-right: 88px !important; } .spp-sp-88 { padding: 88px !important; } } @media screen and (min-width: 680px) { .spt-sm-88 { margin-top: 88px !important; } .spb-sm-88 { margin-bottom: 88px !important; } .spl-sm-88 { margin-left: 88px !important; } .spr-sm-88 { margin-right: 88px !important; } .sppt-sm-88 { padding-top: 88px !important; } .sppb-sm-88 { padding-bottom: 88px !important; } .sppl-sm-88 { padding-left: 88px !important; } .sppr-sm-88 { padding-right: 88px !important; } .spp-sm-88 { padding: 88px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-88 { margin-top: 88px !important; } .spb-tb-88 { margin-bottom: 88px !important; } .spl-tb-88 { margin-left: 88px !important; } .spr-tb-88 { margin-right: 88px !important; } .sppt-tb-88 { padding-top: 88px !important; } .sppb-tb-88 { padding-bottom: 88px !important; } .sppl-tb-88 { padding-left: 88px !important; } .sppr-tb-88 { padding-right: 88px !important; } .spp-tb-88 { padding: 88px !important; } } @media screen and (min-width: 980px) { .spt-pc-88 { margin-top: 88px !important; } .spb-pc-88 { margin-bottom: 88px !important; } .spl-pc-88 { margin-left: 88px !important; } .spr-pc-88 { margin-right: 88px !important; } .sppt-pc-88 { padding-top: 88px !important; } .sppb-pc-88 { padding-bottom: 88px !important; } .sppl-pc-88 { padding-left: 88px !important; } .sppr-pc-88 { padding-right: 88px !important; } .spp-pc-88 { padding: 88px !important; } } .spt92 { margin-top: 92px !important; } .spb92 { margin-bottom: 92px !important; } .spl92 { margin-left: 92px !important; } .spr92 { margin-right: 92px !important; } .sppt92 { padding-top: 92px !important; } .sppb92 { padding-bottom: 92px !important; } .sppl92 { padding-left: 92px !important; } .sppr92 { padding-right: 92px !important; } .spp92 { padding: 92px !important; } @media screen and (max-width: 679.8px) { .spt-sp-92 { margin-top: 92px !important; } .spb-sp-92 { margin-bottom: 92px !important; } .spl-sp-92 { margin-left: 92px !important; } .spr-sp-92 { margin-right: 92px !important; } .sppt-sp-92 { padding-top: 92px !important; } .sppb-sp-92 { padding-bottom: 92px !important; } .sppl-sp-92 { padding-left: 92px !important; } .sppr-sp-92 { padding-right: 92px !important; } .spp-sp-92 { padding: 92px !important; } } @media screen and (min-width: 680px) { .spt-sm-92 { margin-top: 92px !important; } .spb-sm-92 { margin-bottom: 92px !important; } .spl-sm-92 { margin-left: 92px !important; } .spr-sm-92 { margin-right: 92px !important; } .sppt-sm-92 { padding-top: 92px !important; } .sppb-sm-92 { padding-bottom: 92px !important; } .sppl-sm-92 { padding-left: 92px !important; } .sppr-sm-92 { padding-right: 92px !important; } .spp-sm-92 { padding: 92px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-92 { margin-top: 92px !important; } .spb-tb-92 { margin-bottom: 92px !important; } .spl-tb-92 { margin-left: 92px !important; } .spr-tb-92 { margin-right: 92px !important; } .sppt-tb-92 { padding-top: 92px !important; } .sppb-tb-92 { padding-bottom: 92px !important; } .sppl-tb-92 { padding-left: 92px !important; } .sppr-tb-92 { padding-right: 92px !important; } .spp-tb-92 { padding: 92px !important; } } @media screen and (min-width: 980px) { .spt-pc-92 { margin-top: 92px !important; } .spb-pc-92 { margin-bottom: 92px !important; } .spl-pc-92 { margin-left: 92px !important; } .spr-pc-92 { margin-right: 92px !important; } .sppt-pc-92 { padding-top: 92px !important; } .sppb-pc-92 { padding-bottom: 92px !important; } .sppl-pc-92 { padding-left: 92px !important; } .sppr-pc-92 { padding-right: 92px !important; } .spp-pc-92 { padding: 92px !important; } } .spt96 { margin-top: 96px !important; } .spb96 { margin-bottom: 96px !important; } .spl96 { margin-left: 96px !important; } .spr96 { margin-right: 96px !important; } .sppt96 { padding-top: 96px !important; } .sppb96 { padding-bottom: 96px !important; } .sppl96 { padding-left: 96px !important; } .sppr96 { padding-right: 96px !important; } .spp96 { padding: 96px !important; } @media screen and (max-width: 679.8px) { .spt-sp-96 { margin-top: 96px !important; } .spb-sp-96 { margin-bottom: 96px !important; } .spl-sp-96 { margin-left: 96px !important; } .spr-sp-96 { margin-right: 96px !important; } .sppt-sp-96 { padding-top: 96px !important; } .sppb-sp-96 { padding-bottom: 96px !important; } .sppl-sp-96 { padding-left: 96px !important; } .sppr-sp-96 { padding-right: 96px !important; } .spp-sp-96 { padding: 96px !important; } } @media screen and (min-width: 680px) { .spt-sm-96 { margin-top: 96px !important; } .spb-sm-96 { margin-bottom: 96px !important; } .spl-sm-96 { margin-left: 96px !important; } .spr-sm-96 { margin-right: 96px !important; } .sppt-sm-96 { padding-top: 96px !important; } .sppb-sm-96 { padding-bottom: 96px !important; } .sppl-sm-96 { padding-left: 96px !important; } .sppr-sm-96 { padding-right: 96px !important; } .spp-sm-96 { padding: 96px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-96 { margin-top: 96px !important; } .spb-tb-96 { margin-bottom: 96px !important; } .spl-tb-96 { margin-left: 96px !important; } .spr-tb-96 { margin-right: 96px !important; } .sppt-tb-96 { padding-top: 96px !important; } .sppb-tb-96 { padding-bottom: 96px !important; } .sppl-tb-96 { padding-left: 96px !important; } .sppr-tb-96 { padding-right: 96px !important; } .spp-tb-96 { padding: 96px !important; } } @media screen and (min-width: 980px) { .spt-pc-96 { margin-top: 96px !important; } .spb-pc-96 { margin-bottom: 96px !important; } .spl-pc-96 { margin-left: 96px !important; } .spr-pc-96 { margin-right: 96px !important; } .sppt-pc-96 { padding-top: 96px !important; } .sppb-pc-96 { padding-bottom: 96px !important; } .sppl-pc-96 { padding-left: 96px !important; } .sppr-pc-96 { padding-right: 96px !important; } .spp-pc-96 { padding: 96px !important; } } .spt100 { margin-top: 100px !important; } .spb100 { margin-bottom: 100px !important; } .spl100 { margin-left: 100px !important; } .spr100 { margin-right: 100px !important; } .sppt100 { padding-top: 100px !important; } .sppb100 { padding-bottom: 100px !important; } .sppl100 { padding-left: 100px !important; } .sppr100 { padding-right: 100px !important; } .spp100 { padding: 100px !important; } @media screen and (max-width: 679.8px) { .spt-sp-100 { margin-top: 100px !important; } .spb-sp-100 { margin-bottom: 100px !important; } .spl-sp-100 { margin-left: 100px !important; } .spr-sp-100 { margin-right: 100px !important; } .sppt-sp-100 { padding-top: 100px !important; } .sppb-sp-100 { padding-bottom: 100px !important; } .sppl-sp-100 { padding-left: 100px !important; } .sppr-sp-100 { padding-right: 100px !important; } .spp-sp-100 { padding: 100px !important; } } @media screen and (min-width: 680px) { .spt-sm-100 { margin-top: 100px !important; } .spb-sm-100 { margin-bottom: 100px !important; } .spl-sm-100 { margin-left: 100px !important; } .spr-sm-100 { margin-right: 100px !important; } .sppt-sm-100 { padding-top: 100px !important; } .sppb-sm-100 { padding-bottom: 100px !important; } .sppl-sm-100 { padding-left: 100px !important; } .sppr-sm-100 { padding-right: 100px !important; } .spp-sm-100 { padding: 100px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-100 { margin-top: 100px !important; } .spb-tb-100 { margin-bottom: 100px !important; } .spl-tb-100 { margin-left: 100px !important; } .spr-tb-100 { margin-right: 100px !important; } .sppt-tb-100 { padding-top: 100px !important; } .sppb-tb-100 { padding-bottom: 100px !important; } .sppl-tb-100 { padding-left: 100px !important; } .sppr-tb-100 { padding-right: 100px !important; } .spp-tb-100 { padding: 100px !important; } } @media screen and (min-width: 980px) { .spt-pc-100 { margin-top: 100px !important; } .spb-pc-100 { margin-bottom: 100px !important; } .spl-pc-100 { margin-left: 100px !important; } .spr-pc-100 { margin-right: 100px !important; } .sppt-pc-100 { padding-top: 100px !important; } .sppb-pc-100 { padding-bottom: 100px !important; } .sppl-pc-100 { padding-left: 100px !important; } .sppr-pc-100 { padding-right: 100px !important; } .spp-pc-100 { padding: 100px !important; } } .spt104 { margin-top: 104px !important; } .spb104 { margin-bottom: 104px !important; } .spl104 { margin-left: 104px !important; } .spr104 { margin-right: 104px !important; } .sppt104 { padding-top: 104px !important; } .sppb104 { padding-bottom: 104px !important; } .sppl104 { padding-left: 104px !important; } .sppr104 { padding-right: 104px !important; } .spp104 { padding: 104px !important; } @media screen and (max-width: 679.8px) { .spt-sp-104 { margin-top: 104px !important; } .spb-sp-104 { margin-bottom: 104px !important; } .spl-sp-104 { margin-left: 104px !important; } .spr-sp-104 { margin-right: 104px !important; } .sppt-sp-104 { padding-top: 104px !important; } .sppb-sp-104 { padding-bottom: 104px !important; } .sppl-sp-104 { padding-left: 104px !important; } .sppr-sp-104 { padding-right: 104px !important; } .spp-sp-104 { padding: 104px !important; } } @media screen and (min-width: 680px) { .spt-sm-104 { margin-top: 104px !important; } .spb-sm-104 { margin-bottom: 104px !important; } .spl-sm-104 { margin-left: 104px !important; } .spr-sm-104 { margin-right: 104px !important; } .sppt-sm-104 { padding-top: 104px !important; } .sppb-sm-104 { padding-bottom: 104px !important; } .sppl-sm-104 { padding-left: 104px !important; } .sppr-sm-104 { padding-right: 104px !important; } .spp-sm-104 { padding: 104px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-104 { margin-top: 104px !important; } .spb-tb-104 { margin-bottom: 104px !important; } .spl-tb-104 { margin-left: 104px !important; } .spr-tb-104 { margin-right: 104px !important; } .sppt-tb-104 { padding-top: 104px !important; } .sppb-tb-104 { padding-bottom: 104px !important; } .sppl-tb-104 { padding-left: 104px !important; } .sppr-tb-104 { padding-right: 104px !important; } .spp-tb-104 { padding: 104px !important; } } @media screen and (min-width: 980px) { .spt-pc-104 { margin-top: 104px !important; } .spb-pc-104 { margin-bottom: 104px !important; } .spl-pc-104 { margin-left: 104px !important; } .spr-pc-104 { margin-right: 104px !important; } .sppt-pc-104 { padding-top: 104px !important; } .sppb-pc-104 { padding-bottom: 104px !important; } .sppl-pc-104 { padding-left: 104px !important; } .sppr-pc-104 { padding-right: 104px !important; } .spp-pc-104 { padding: 104px !important; } } .spt108 { margin-top: 108px !important; } .spb108 { margin-bottom: 108px !important; } .spl108 { margin-left: 108px !important; } .spr108 { margin-right: 108px !important; } .sppt108 { padding-top: 108px !important; } .sppb108 { padding-bottom: 108px !important; } .sppl108 { padding-left: 108px !important; } .sppr108 { padding-right: 108px !important; } .spp108 { padding: 108px !important; } @media screen and (max-width: 679.8px) { .spt-sp-108 { margin-top: 108px !important; } .spb-sp-108 { margin-bottom: 108px !important; } .spl-sp-108 { margin-left: 108px !important; } .spr-sp-108 { margin-right: 108px !important; } .sppt-sp-108 { padding-top: 108px !important; } .sppb-sp-108 { padding-bottom: 108px !important; } .sppl-sp-108 { padding-left: 108px !important; } .sppr-sp-108 { padding-right: 108px !important; } .spp-sp-108 { padding: 108px !important; } } @media screen and (min-width: 680px) { .spt-sm-108 { margin-top: 108px !important; } .spb-sm-108 { margin-bottom: 108px !important; } .spl-sm-108 { margin-left: 108px !important; } .spr-sm-108 { margin-right: 108px !important; } .sppt-sm-108 { padding-top: 108px !important; } .sppb-sm-108 { padding-bottom: 108px !important; } .sppl-sm-108 { padding-left: 108px !important; } .sppr-sm-108 { padding-right: 108px !important; } .spp-sm-108 { padding: 108px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-108 { margin-top: 108px !important; } .spb-tb-108 { margin-bottom: 108px !important; } .spl-tb-108 { margin-left: 108px !important; } .spr-tb-108 { margin-right: 108px !important; } .sppt-tb-108 { padding-top: 108px !important; } .sppb-tb-108 { padding-bottom: 108px !important; } .sppl-tb-108 { padding-left: 108px !important; } .sppr-tb-108 { padding-right: 108px !important; } .spp-tb-108 { padding: 108px !important; } } @media screen and (min-width: 980px) { .spt-pc-108 { margin-top: 108px !important; } .spb-pc-108 { margin-bottom: 108px !important; } .spl-pc-108 { margin-left: 108px !important; } .spr-pc-108 { margin-right: 108px !important; } .sppt-pc-108 { padding-top: 108px !important; } .sppb-pc-108 { padding-bottom: 108px !important; } .sppl-pc-108 { padding-left: 108px !important; } .sppr-pc-108 { padding-right: 108px !important; } .spp-pc-108 { padding: 108px !important; } } .spt112 { margin-top: 112px !important; } .spb112 { margin-bottom: 112px !important; } .spl112 { margin-left: 112px !important; } .spr112 { margin-right: 112px !important; } .sppt112 { padding-top: 112px !important; } .sppb112 { padding-bottom: 112px !important; } .sppl112 { padding-left: 112px !important; } .sppr112 { padding-right: 112px !important; } .spp112 { padding: 112px !important; } @media screen and (max-width: 679.8px) { .spt-sp-112 { margin-top: 112px !important; } .spb-sp-112 { margin-bottom: 112px !important; } .spl-sp-112 { margin-left: 112px !important; } .spr-sp-112 { margin-right: 112px !important; } .sppt-sp-112 { padding-top: 112px !important; } .sppb-sp-112 { padding-bottom: 112px !important; } .sppl-sp-112 { padding-left: 112px !important; } .sppr-sp-112 { padding-right: 112px !important; } .spp-sp-112 { padding: 112px !important; } } @media screen and (min-width: 680px) { .spt-sm-112 { margin-top: 112px !important; } .spb-sm-112 { margin-bottom: 112px !important; } .spl-sm-112 { margin-left: 112px !important; } .spr-sm-112 { margin-right: 112px !important; } .sppt-sm-112 { padding-top: 112px !important; } .sppb-sm-112 { padding-bottom: 112px !important; } .sppl-sm-112 { padding-left: 112px !important; } .sppr-sm-112 { padding-right: 112px !important; } .spp-sm-112 { padding: 112px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-112 { margin-top: 112px !important; } .spb-tb-112 { margin-bottom: 112px !important; } .spl-tb-112 { margin-left: 112px !important; } .spr-tb-112 { margin-right: 112px !important; } .sppt-tb-112 { padding-top: 112px !important; } .sppb-tb-112 { padding-bottom: 112px !important; } .sppl-tb-112 { padding-left: 112px !important; } .sppr-tb-112 { padding-right: 112px !important; } .spp-tb-112 { padding: 112px !important; } } @media screen and (min-width: 980px) { .spt-pc-112 { margin-top: 112px !important; } .spb-pc-112 { margin-bottom: 112px !important; } .spl-pc-112 { margin-left: 112px !important; } .spr-pc-112 { margin-right: 112px !important; } .sppt-pc-112 { padding-top: 112px !important; } .sppb-pc-112 { padding-bottom: 112px !important; } .sppl-pc-112 { padding-left: 112px !important; } .sppr-pc-112 { padding-right: 112px !important; } .spp-pc-112 { padding: 112px !important; } } .spt116 { margin-top: 116px !important; } .spb116 { margin-bottom: 116px !important; } .spl116 { margin-left: 116px !important; } .spr116 { margin-right: 116px !important; } .sppt116 { padding-top: 116px !important; } .sppb116 { padding-bottom: 116px !important; } .sppl116 { padding-left: 116px !important; } .sppr116 { padding-right: 116px !important; } .spp116 { padding: 116px !important; } @media screen and (max-width: 679.8px) { .spt-sp-116 { margin-top: 116px !important; } .spb-sp-116 { margin-bottom: 116px !important; } .spl-sp-116 { margin-left: 116px !important; } .spr-sp-116 { margin-right: 116px !important; } .sppt-sp-116 { padding-top: 116px !important; } .sppb-sp-116 { padding-bottom: 116px !important; } .sppl-sp-116 { padding-left: 116px !important; } .sppr-sp-116 { padding-right: 116px !important; } .spp-sp-116 { padding: 116px !important; } } @media screen and (min-width: 680px) { .spt-sm-116 { margin-top: 116px !important; } .spb-sm-116 { margin-bottom: 116px !important; } .spl-sm-116 { margin-left: 116px !important; } .spr-sm-116 { margin-right: 116px !important; } .sppt-sm-116 { padding-top: 116px !important; } .sppb-sm-116 { padding-bottom: 116px !important; } .sppl-sm-116 { padding-left: 116px !important; } .sppr-sm-116 { padding-right: 116px !important; } .spp-sm-116 { padding: 116px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-116 { margin-top: 116px !important; } .spb-tb-116 { margin-bottom: 116px !important; } .spl-tb-116 { margin-left: 116px !important; } .spr-tb-116 { margin-right: 116px !important; } .sppt-tb-116 { padding-top: 116px !important; } .sppb-tb-116 { padding-bottom: 116px !important; } .sppl-tb-116 { padding-left: 116px !important; } .sppr-tb-116 { padding-right: 116px !important; } .spp-tb-116 { padding: 116px !important; } } @media screen and (min-width: 980px) { .spt-pc-116 { margin-top: 116px !important; } .spb-pc-116 { margin-bottom: 116px !important; } .spl-pc-116 { margin-left: 116px !important; } .spr-pc-116 { margin-right: 116px !important; } .sppt-pc-116 { padding-top: 116px !important; } .sppb-pc-116 { padding-bottom: 116px !important; } .sppl-pc-116 { padding-left: 116px !important; } .sppr-pc-116 { padding-right: 116px !important; } .spp-pc-116 { padding: 116px !important; } } .spt120 { margin-top: 120px !important; } .spb120 { margin-bottom: 120px !important; } .spl120 { margin-left: 120px !important; } .spr120 { margin-right: 120px !important; } .sppt120 { padding-top: 120px !important; } .sppb120 { padding-bottom: 120px !important; } .sppl120 { padding-left: 120px !important; } .sppr120 { padding-right: 120px !important; } .spp120 { padding: 120px !important; } @media screen and (max-width: 679.8px) { .spt-sp-120 { margin-top: 120px !important; } .spb-sp-120 { margin-bottom: 120px !important; } .spl-sp-120 { margin-left: 120px !important; } .spr-sp-120 { margin-right: 120px !important; } .sppt-sp-120 { padding-top: 120px !important; } .sppb-sp-120 { padding-bottom: 120px !important; } .sppl-sp-120 { padding-left: 120px !important; } .sppr-sp-120 { padding-right: 120px !important; } .spp-sp-120 { padding: 120px !important; } } @media screen and (min-width: 680px) { .spt-sm-120 { margin-top: 120px !important; } .spb-sm-120 { margin-bottom: 120px !important; } .spl-sm-120 { margin-left: 120px !important; } .spr-sm-120 { margin-right: 120px !important; } .sppt-sm-120 { padding-top: 120px !important; } .sppb-sm-120 { padding-bottom: 120px !important; } .sppl-sm-120 { padding-left: 120px !important; } .sppr-sm-120 { padding-right: 120px !important; } .spp-sm-120 { padding: 120px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .spt-tb-120 { margin-top: 120px !important; } .spb-tb-120 { margin-bottom: 120px !important; } .spl-tb-120 { margin-left: 120px !important; } .spr-tb-120 { margin-right: 120px !important; } .sppt-tb-120 { padding-top: 120px !important; } .sppb-tb-120 { padding-bottom: 120px !important; } .sppl-tb-120 { padding-left: 120px !important; } .sppr-tb-120 { padding-right: 120px !important; } .spp-tb-120 { padding: 120px !important; } } @media screen and (min-width: 980px) { .spt-pc-120 { margin-top: 120px !important; } .spb-pc-120 { margin-bottom: 120px !important; } .spl-pc-120 { margin-left: 120px !important; } .spr-pc-120 { margin-right: 120px !important; } .sppt-pc-120 { padding-top: 120px !important; } .sppb-pc-120 { padding-bottom: 120px !important; } .sppl-pc-120 { padding-left: 120px !important; } .sppr-pc-120 { padding-right: 120px !important; } .spp-pc-120 { padding: 120px !important; } } .gap0 { gap: 0 !important; } .gap8 { gap: 8px !important; } .gap-8 { gap: 8px !important; } .rowgap-8 { row-gap: 8px !important; } .colgap-8 { -webkit-column-gap: 8px !important; -moz-column-gap: 8px !important; column-gap: 8px !important; } @media screen and (max-width: 679.8px) { .gap8 { gap: 8px !important; } .gap-sp-8 { gap: 8px !important; } .rowgap-sp-8 { row-gap: 8px !important; } .colgap-sp-8 { -webkit-column-gap: 8px !important; -moz-column-gap: 8px !important; column-gap: 8px !important; } } @media screen and (min-width: 680px) { .gap8 { gap: 8px !important; } .gap-sm-8 { gap: 8px !important; } .rowgap-sm-8 { row-gap: 8px !important; } .colgap-sm-8 { -webkit-column-gap: 8px !important; -moz-column-gap: 8px !important; column-gap: 8px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap8 { gap: 8px !important; } .gap-tb-8 { gap: 8px !important; } .rowgap-tb-8 { row-gap: 8px !important; } .colgap-tb-8 { -webkit-column-gap: 8px !important; -moz-column-gap: 8px !important; column-gap: 8px !important; } } @media screen and (min-width: 980px) { .gap8 { gap: 8px !important; } .gap-pc-8 { gap: 8px !important; } .rowgap-pc-8 { row-gap: 8px !important; } .colgap-pc-8 { -webkit-column-gap: 8px !important; -moz-column-gap: 8px !important; column-gap: 8px !important; } } .gap16 { gap: 16px !important; } .gap-16 { gap: 16px !important; } .rowgap-16 { row-gap: 16px !important; } .colgap-16 { -webkit-column-gap: 16px !important; -moz-column-gap: 16px !important; column-gap: 16px !important; } @media screen and (max-width: 679.8px) { .gap16 { gap: 16px !important; } .gap-sp-16 { gap: 16px !important; } .rowgap-sp-16 { row-gap: 16px !important; } .colgap-sp-16 { -webkit-column-gap: 16px !important; -moz-column-gap: 16px !important; column-gap: 16px !important; } } @media screen and (min-width: 680px) { .gap16 { gap: 16px !important; } .gap-sm-16 { gap: 16px !important; } .rowgap-sm-16 { row-gap: 16px !important; } .colgap-sm-16 { -webkit-column-gap: 16px !important; -moz-column-gap: 16px !important; column-gap: 16px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap16 { gap: 16px !important; } .gap-tb-16 { gap: 16px !important; } .rowgap-tb-16 { row-gap: 16px !important; } .colgap-tb-16 { -webkit-column-gap: 16px !important; -moz-column-gap: 16px !important; column-gap: 16px !important; } } @media screen and (min-width: 980px) { .gap16 { gap: 16px !important; } .gap-pc-16 { gap: 16px !important; } .rowgap-pc-16 { row-gap: 16px !important; } .colgap-pc-16 { -webkit-column-gap: 16px !important; -moz-column-gap: 16px !important; column-gap: 16px !important; } } .gap24 { gap: 24px !important; } .gap-24 { gap: 24px !important; } .rowgap-24 { row-gap: 24px !important; } .colgap-24 { -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } @media screen and (max-width: 679.8px) { .gap24 { gap: 24px !important; } .gap-sp-24 { gap: 24px !important; } .rowgap-sp-24 { row-gap: 24px !important; } .colgap-sp-24 { -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } } @media screen and (min-width: 680px) { .gap24 { gap: 24px !important; } .gap-sm-24 { gap: 24px !important; } .rowgap-sm-24 { row-gap: 24px !important; } .colgap-sm-24 { -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap24 { gap: 24px !important; } .gap-tb-24 { gap: 24px !important; } .rowgap-tb-24 { row-gap: 24px !important; } .colgap-tb-24 { -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } } @media screen and (min-width: 980px) { .gap24 { gap: 24px !important; } .gap-pc-24 { gap: 24px !important; } .rowgap-pc-24 { row-gap: 24px !important; } .colgap-pc-24 { -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; column-gap: 24px !important; } } .gap32 { gap: 32px !important; } .gap-32 { gap: 32px !important; } .rowgap-32 { row-gap: 32px !important; } .colgap-32 { -webkit-column-gap: 32px !important; -moz-column-gap: 32px !important; column-gap: 32px !important; } @media screen and (max-width: 679.8px) { .gap32 { gap: 32px !important; } .gap-sp-32 { gap: 32px !important; } .rowgap-sp-32 { row-gap: 32px !important; } .colgap-sp-32 { -webkit-column-gap: 32px !important; -moz-column-gap: 32px !important; column-gap: 32px !important; } } @media screen and (min-width: 680px) { .gap32 { gap: 32px !important; } .gap-sm-32 { gap: 32px !important; } .rowgap-sm-32 { row-gap: 32px !important; } .colgap-sm-32 { -webkit-column-gap: 32px !important; -moz-column-gap: 32px !important; column-gap: 32px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap32 { gap: 32px !important; } .gap-tb-32 { gap: 32px !important; } .rowgap-tb-32 { row-gap: 32px !important; } .colgap-tb-32 { -webkit-column-gap: 32px !important; -moz-column-gap: 32px !important; column-gap: 32px !important; } } @media screen and (min-width: 980px) { .gap32 { gap: 32px !important; } .gap-pc-32 { gap: 32px !important; } .rowgap-pc-32 { row-gap: 32px !important; } .colgap-pc-32 { -webkit-column-gap: 32px !important; -moz-column-gap: 32px !important; column-gap: 32px !important; } } .gap40 { gap: 40px !important; } .gap-40 { gap: 40px !important; } .rowgap-40 { row-gap: 40px !important; } .colgap-40 { -webkit-column-gap: 40px !important; -moz-column-gap: 40px !important; column-gap: 40px !important; } @media screen and (max-width: 679.8px) { .gap40 { gap: 40px !important; } .gap-sp-40 { gap: 40px !important; } .rowgap-sp-40 { row-gap: 40px !important; } .colgap-sp-40 { -webkit-column-gap: 40px !important; -moz-column-gap: 40px !important; column-gap: 40px !important; } } @media screen and (min-width: 680px) { .gap40 { gap: 40px !important; } .gap-sm-40 { gap: 40px !important; } .rowgap-sm-40 { row-gap: 40px !important; } .colgap-sm-40 { -webkit-column-gap: 40px !important; -moz-column-gap: 40px !important; column-gap: 40px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap40 { gap: 40px !important; } .gap-tb-40 { gap: 40px !important; } .rowgap-tb-40 { row-gap: 40px !important; } .colgap-tb-40 { -webkit-column-gap: 40px !important; -moz-column-gap: 40px !important; column-gap: 40px !important; } } @media screen and (min-width: 980px) { .gap40 { gap: 40px !important; } .gap-pc-40 { gap: 40px !important; } .rowgap-pc-40 { row-gap: 40px !important; } .colgap-pc-40 { -webkit-column-gap: 40px !important; -moz-column-gap: 40px !important; column-gap: 40px !important; } } .gap48 { gap: 48px !important; } .gap-48 { gap: 48px !important; } .rowgap-48 { row-gap: 48px !important; } .colgap-48 { -webkit-column-gap: 48px !important; -moz-column-gap: 48px !important; column-gap: 48px !important; } @media screen and (max-width: 679.8px) { .gap48 { gap: 48px !important; } .gap-sp-48 { gap: 48px !important; } .rowgap-sp-48 { row-gap: 48px !important; } .colgap-sp-48 { -webkit-column-gap: 48px !important; -moz-column-gap: 48px !important; column-gap: 48px !important; } } @media screen and (min-width: 680px) { .gap48 { gap: 48px !important; } .gap-sm-48 { gap: 48px !important; } .rowgap-sm-48 { row-gap: 48px !important; } .colgap-sm-48 { -webkit-column-gap: 48px !important; -moz-column-gap: 48px !important; column-gap: 48px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap48 { gap: 48px !important; } .gap-tb-48 { gap: 48px !important; } .rowgap-tb-48 { row-gap: 48px !important; } .colgap-tb-48 { -webkit-column-gap: 48px !important; -moz-column-gap: 48px !important; column-gap: 48px !important; } } @media screen and (min-width: 980px) { .gap48 { gap: 48px !important; } .gap-pc-48 { gap: 48px !important; } .rowgap-pc-48 { row-gap: 48px !important; } .colgap-pc-48 { -webkit-column-gap: 48px !important; -moz-column-gap: 48px !important; column-gap: 48px !important; } } .gap56 { gap: 56px !important; } .gap-56 { gap: 56px !important; } .rowgap-56 { row-gap: 56px !important; } .colgap-56 { -webkit-column-gap: 56px !important; -moz-column-gap: 56px !important; column-gap: 56px !important; } @media screen and (max-width: 679.8px) { .gap56 { gap: 56px !important; } .gap-sp-56 { gap: 56px !important; } .rowgap-sp-56 { row-gap: 56px !important; } .colgap-sp-56 { -webkit-column-gap: 56px !important; -moz-column-gap: 56px !important; column-gap: 56px !important; } } @media screen and (min-width: 680px) { .gap56 { gap: 56px !important; } .gap-sm-56 { gap: 56px !important; } .rowgap-sm-56 { row-gap: 56px !important; } .colgap-sm-56 { -webkit-column-gap: 56px !important; -moz-column-gap: 56px !important; column-gap: 56px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap56 { gap: 56px !important; } .gap-tb-56 { gap: 56px !important; } .rowgap-tb-56 { row-gap: 56px !important; } .colgap-tb-56 { -webkit-column-gap: 56px !important; -moz-column-gap: 56px !important; column-gap: 56px !important; } } @media screen and (min-width: 980px) { .gap56 { gap: 56px !important; } .gap-pc-56 { gap: 56px !important; } .rowgap-pc-56 { row-gap: 56px !important; } .colgap-pc-56 { -webkit-column-gap: 56px !important; -moz-column-gap: 56px !important; column-gap: 56px !important; } } .gap64 { gap: 64px !important; } .gap-64 { gap: 64px !important; } .rowgap-64 { row-gap: 64px !important; } .colgap-64 { -webkit-column-gap: 64px !important; -moz-column-gap: 64px !important; column-gap: 64px !important; } @media screen and (max-width: 679.8px) { .gap64 { gap: 64px !important; } .gap-sp-64 { gap: 64px !important; } .rowgap-sp-64 { row-gap: 64px !important; } .colgap-sp-64 { -webkit-column-gap: 64px !important; -moz-column-gap: 64px !important; column-gap: 64px !important; } } @media screen and (min-width: 680px) { .gap64 { gap: 64px !important; } .gap-sm-64 { gap: 64px !important; } .rowgap-sm-64 { row-gap: 64px !important; } .colgap-sm-64 { -webkit-column-gap: 64px !important; -moz-column-gap: 64px !important; column-gap: 64px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap64 { gap: 64px !important; } .gap-tb-64 { gap: 64px !important; } .rowgap-tb-64 { row-gap: 64px !important; } .colgap-tb-64 { -webkit-column-gap: 64px !important; -moz-column-gap: 64px !important; column-gap: 64px !important; } } @media screen and (min-width: 980px) { .gap64 { gap: 64px !important; } .gap-pc-64 { gap: 64px !important; } .rowgap-pc-64 { row-gap: 64px !important; } .colgap-pc-64 { -webkit-column-gap: 64px !important; -moz-column-gap: 64px !important; column-gap: 64px !important; } } .gap72 { gap: 72px !important; } .gap-72 { gap: 72px !important; } .rowgap-72 { row-gap: 72px !important; } .colgap-72 { -webkit-column-gap: 72px !important; -moz-column-gap: 72px !important; column-gap: 72px !important; } @media screen and (max-width: 679.8px) { .gap72 { gap: 72px !important; } .gap-sp-72 { gap: 72px !important; } .rowgap-sp-72 { row-gap: 72px !important; } .colgap-sp-72 { -webkit-column-gap: 72px !important; -moz-column-gap: 72px !important; column-gap: 72px !important; } } @media screen and (min-width: 680px) { .gap72 { gap: 72px !important; } .gap-sm-72 { gap: 72px !important; } .rowgap-sm-72 { row-gap: 72px !important; } .colgap-sm-72 { -webkit-column-gap: 72px !important; -moz-column-gap: 72px !important; column-gap: 72px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap72 { gap: 72px !important; } .gap-tb-72 { gap: 72px !important; } .rowgap-tb-72 { row-gap: 72px !important; } .colgap-tb-72 { -webkit-column-gap: 72px !important; -moz-column-gap: 72px !important; column-gap: 72px !important; } } @media screen and (min-width: 980px) { .gap72 { gap: 72px !important; } .gap-pc-72 { gap: 72px !important; } .rowgap-pc-72 { row-gap: 72px !important; } .colgap-pc-72 { -webkit-column-gap: 72px !important; -moz-column-gap: 72px !important; column-gap: 72px !important; } } .gap80 { gap: 80px !important; } .gap-80 { gap: 80px !important; } .rowgap-80 { row-gap: 80px !important; } .colgap-80 { -webkit-column-gap: 80px !important; -moz-column-gap: 80px !important; column-gap: 80px !important; } @media screen and (max-width: 679.8px) { .gap80 { gap: 80px !important; } .gap-sp-80 { gap: 80px !important; } .rowgap-sp-80 { row-gap: 80px !important; } .colgap-sp-80 { -webkit-column-gap: 80px !important; -moz-column-gap: 80px !important; column-gap: 80px !important; } } @media screen and (min-width: 680px) { .gap80 { gap: 80px !important; } .gap-sm-80 { gap: 80px !important; } .rowgap-sm-80 { row-gap: 80px !important; } .colgap-sm-80 { -webkit-column-gap: 80px !important; -moz-column-gap: 80px !important; column-gap: 80px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap80 { gap: 80px !important; } .gap-tb-80 { gap: 80px !important; } .rowgap-tb-80 { row-gap: 80px !important; } .colgap-tb-80 { -webkit-column-gap: 80px !important; -moz-column-gap: 80px !important; column-gap: 80px !important; } } @media screen and (min-width: 980px) { .gap80 { gap: 80px !important; } .gap-pc-80 { gap: 80px !important; } .rowgap-pc-80 { row-gap: 80px !important; } .colgap-pc-80 { -webkit-column-gap: 80px !important; -moz-column-gap: 80px !important; column-gap: 80px !important; } } .gap88 { gap: 88px !important; } .gap-88 { gap: 88px !important; } .rowgap-88 { row-gap: 88px !important; } .colgap-88 { -webkit-column-gap: 88px !important; -moz-column-gap: 88px !important; column-gap: 88px !important; } @media screen and (max-width: 679.8px) { .gap88 { gap: 88px !important; } .gap-sp-88 { gap: 88px !important; } .rowgap-sp-88 { row-gap: 88px !important; } .colgap-sp-88 { -webkit-column-gap: 88px !important; -moz-column-gap: 88px !important; column-gap: 88px !important; } } @media screen and (min-width: 680px) { .gap88 { gap: 88px !important; } .gap-sm-88 { gap: 88px !important; } .rowgap-sm-88 { row-gap: 88px !important; } .colgap-sm-88 { -webkit-column-gap: 88px !important; -moz-column-gap: 88px !important; column-gap: 88px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap88 { gap: 88px !important; } .gap-tb-88 { gap: 88px !important; } .rowgap-tb-88 { row-gap: 88px !important; } .colgap-tb-88 { -webkit-column-gap: 88px !important; -moz-column-gap: 88px !important; column-gap: 88px !important; } } @media screen and (min-width: 980px) { .gap88 { gap: 88px !important; } .gap-pc-88 { gap: 88px !important; } .rowgap-pc-88 { row-gap: 88px !important; } .colgap-pc-88 { -webkit-column-gap: 88px !important; -moz-column-gap: 88px !important; column-gap: 88px !important; } } .gap96 { gap: 96px !important; } .gap-96 { gap: 96px !important; } .rowgap-96 { row-gap: 96px !important; } .colgap-96 { -webkit-column-gap: 96px !important; -moz-column-gap: 96px !important; column-gap: 96px !important; } @media screen and (max-width: 679.8px) { .gap96 { gap: 96px !important; } .gap-sp-96 { gap: 96px !important; } .rowgap-sp-96 { row-gap: 96px !important; } .colgap-sp-96 { -webkit-column-gap: 96px !important; -moz-column-gap: 96px !important; column-gap: 96px !important; } } @media screen and (min-width: 680px) { .gap96 { gap: 96px !important; } .gap-sm-96 { gap: 96px !important; } .rowgap-sm-96 { row-gap: 96px !important; } .colgap-sm-96 { -webkit-column-gap: 96px !important; -moz-column-gap: 96px !important; column-gap: 96px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap96 { gap: 96px !important; } .gap-tb-96 { gap: 96px !important; } .rowgap-tb-96 { row-gap: 96px !important; } .colgap-tb-96 { -webkit-column-gap: 96px !important; -moz-column-gap: 96px !important; column-gap: 96px !important; } } @media screen and (min-width: 980px) { .gap96 { gap: 96px !important; } .gap-pc-96 { gap: 96px !important; } .rowgap-pc-96 { row-gap: 96px !important; } .colgap-pc-96 { -webkit-column-gap: 96px !important; -moz-column-gap: 96px !important; column-gap: 96px !important; } } .gap104 { gap: 104px !important; } .gap-104 { gap: 104px !important; } .rowgap-104 { row-gap: 104px !important; } .colgap-104 { -webkit-column-gap: 104px !important; -moz-column-gap: 104px !important; column-gap: 104px !important; } @media screen and (max-width: 679.8px) { .gap104 { gap: 104px !important; } .gap-sp-104 { gap: 104px !important; } .rowgap-sp-104 { row-gap: 104px !important; } .colgap-sp-104 { -webkit-column-gap: 104px !important; -moz-column-gap: 104px !important; column-gap: 104px !important; } } @media screen and (min-width: 680px) { .gap104 { gap: 104px !important; } .gap-sm-104 { gap: 104px !important; } .rowgap-sm-104 { row-gap: 104px !important; } .colgap-sm-104 { -webkit-column-gap: 104px !important; -moz-column-gap: 104px !important; column-gap: 104px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap104 { gap: 104px !important; } .gap-tb-104 { gap: 104px !important; } .rowgap-tb-104 { row-gap: 104px !important; } .colgap-tb-104 { -webkit-column-gap: 104px !important; -moz-column-gap: 104px !important; column-gap: 104px !important; } } @media screen and (min-width: 980px) { .gap104 { gap: 104px !important; } .gap-pc-104 { gap: 104px !important; } .rowgap-pc-104 { row-gap: 104px !important; } .colgap-pc-104 { -webkit-column-gap: 104px !important; -moz-column-gap: 104px !important; column-gap: 104px !important; } } .gap112 { gap: 112px !important; } .gap-112 { gap: 112px !important; } .rowgap-112 { row-gap: 112px !important; } .colgap-112 { -webkit-column-gap: 112px !important; -moz-column-gap: 112px !important; column-gap: 112px !important; } @media screen and (max-width: 679.8px) { .gap112 { gap: 112px !important; } .gap-sp-112 { gap: 112px !important; } .rowgap-sp-112 { row-gap: 112px !important; } .colgap-sp-112 { -webkit-column-gap: 112px !important; -moz-column-gap: 112px !important; column-gap: 112px !important; } } @media screen and (min-width: 680px) { .gap112 { gap: 112px !important; } .gap-sm-112 { gap: 112px !important; } .rowgap-sm-112 { row-gap: 112px !important; } .colgap-sm-112 { -webkit-column-gap: 112px !important; -moz-column-gap: 112px !important; column-gap: 112px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap112 { gap: 112px !important; } .gap-tb-112 { gap: 112px !important; } .rowgap-tb-112 { row-gap: 112px !important; } .colgap-tb-112 { -webkit-column-gap: 112px !important; -moz-column-gap: 112px !important; column-gap: 112px !important; } } @media screen and (min-width: 980px) { .gap112 { gap: 112px !important; } .gap-pc-112 { gap: 112px !important; } .rowgap-pc-112 { row-gap: 112px !important; } .colgap-pc-112 { -webkit-column-gap: 112px !important; -moz-column-gap: 112px !important; column-gap: 112px !important; } } .gap120 { gap: 120px !important; } .gap-120 { gap: 120px !important; } .rowgap-120 { row-gap: 120px !important; } .colgap-120 { -webkit-column-gap: 120px !important; -moz-column-gap: 120px !important; column-gap: 120px !important; } @media screen and (max-width: 679.8px) { .gap120 { gap: 120px !important; } .gap-sp-120 { gap: 120px !important; } .rowgap-sp-120 { row-gap: 120px !important; } .colgap-sp-120 { -webkit-column-gap: 120px !important; -moz-column-gap: 120px !important; column-gap: 120px !important; } } @media screen and (min-width: 680px) { .gap120 { gap: 120px !important; } .gap-sm-120 { gap: 120px !important; } .rowgap-sm-120 { row-gap: 120px !important; } .colgap-sm-120 { -webkit-column-gap: 120px !important; -moz-column-gap: 120px !important; column-gap: 120px !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .gap120 { gap: 120px !important; } .gap-tb-120 { gap: 120px !important; } .rowgap-tb-120 { row-gap: 120px !important; } .colgap-tb-120 { -webkit-column-gap: 120px !important; -moz-column-gap: 120px !important; column-gap: 120px !important; } } @media screen and (min-width: 980px) { .gap120 { gap: 120px !important; } .gap-pc-120 { gap: 120px !important; } .rowgap-pc-120 { row-gap: 120px !important; } .colgap-pc-120 { -webkit-column-gap: 120px !important; -moz-column-gap: 120px !important; column-gap: 120px !important; } } [id^=swiper-wrapper-] { margin-left: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } [id^=swiper-wrapper-] .swiper-slide { margin-left: 0; width: auto; height: unset !important; margin-top: 0; } .swiper-wrapper[id] { height: auto !important; opacity: 0; } .swiper-initialized .swiper-wrapper[id] { opacity: 1; } html.is-editor .swiper-wrapper, #tinymce .swiper-wrapper { opacity: 1 !important; display: block !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } html.is-editor .swiper-wrapper .swiper-slide, #tinymce .swiper-wrapper .swiper-slide { width: 30%; } html.is-editor .swiper-wrapper .swiper-slide.md-fv__slide, #tinymce .swiper-wrapper .swiper-slide.md-fv__slide { width: 100%; } [class*=swiper-button] { z-index: 3; } [class*=swiper-button][aria-disabled=true] { pointer-events: auto !important; } .swiper-pagination { position: static; text-align: left; line-height: 1; } .swiper-pagination-bullet { background-color: var(--gry) !important; border: var(--gry) 1px solid; opacity: 1 !important; margin-top: 5px !important; width: 12px !important; height: 12px !important; } @media (hover: hover) and (pointer: fine) { .swiper-pagination-bullet:hover { border-color: var(--key); } } .swiper-pagination-bullet-active { background-color: var(--key) !important; border-color: var(--key); } html.is-editor .swiper-pagination, #tinymce .swiper-pagination { opacity: 1 !important; display: block !important; display: none; } .md-swiper__inside { position: relative; } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="1"].is-only, .md-swiper__inside[data-XS*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="1"].is-only .swiper-slide, .md-swiper__inside[data-XS*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 1 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="1"].is-only, .md-swiper__inside[data-SM*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="1"].is-only .swiper-slide, .md-swiper__inside[data-SM*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 1 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="1"].is-only .swiper-slide, .md-swiper__inside[data-MD*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 1 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="1"].is-only, .md-swiper__inside[data-LG*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="1"].is-only .swiper-slide, .md-swiper__inside[data-LG*="1"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 1 - 48px) !important; } } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="2"].is-only, .md-swiper__inside[data-XS*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="2"].is-only .swiper-slide, .md-swiper__inside[data-XS*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 2 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="2"].is-only, .md-swiper__inside[data-SM*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="2"].is-only .swiper-slide, .md-swiper__inside[data-SM*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 2 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="2"].is-only .swiper-slide, .md-swiper__inside[data-MD*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 2 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="2"].is-only, .md-swiper__inside[data-LG*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="2"].is-only .swiper-slide, .md-swiper__inside[data-LG*="2"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 2 - 48px) !important; } } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="3"].is-only, .md-swiper__inside[data-XS*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="3"].is-only .swiper-slide, .md-swiper__inside[data-XS*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 3 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="3"].is-only, .md-swiper__inside[data-SM*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="3"].is-only .swiper-slide, .md-swiper__inside[data-SM*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 3 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="3"].is-only .swiper-slide, .md-swiper__inside[data-MD*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 3 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="3"].is-only, .md-swiper__inside[data-LG*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="3"].is-only .swiper-slide, .md-swiper__inside[data-LG*="3"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 3 - 48px) !important; } } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="4"].is-only, .md-swiper__inside[data-XS*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="4"].is-only .swiper-slide, .md-swiper__inside[data-XS*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 4 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="4"].is-only, .md-swiper__inside[data-SM*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="4"].is-only .swiper-slide, .md-swiper__inside[data-SM*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 4 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="4"].is-only .swiper-slide, .md-swiper__inside[data-MD*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 4 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="4"].is-only, .md-swiper__inside[data-LG*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="4"].is-only .swiper-slide, .md-swiper__inside[data-LG*="4"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 4 - 48px) !important; } } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="5"].is-only, .md-swiper__inside[data-XS*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="5"].is-only .swiper-slide, .md-swiper__inside[data-XS*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 5 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="5"].is-only, .md-swiper__inside[data-SM*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="5"].is-only .swiper-slide, .md-swiper__inside[data-SM*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 5 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="5"].is-only .swiper-slide, .md-swiper__inside[data-MD*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 5 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="5"].is-only, .md-swiper__inside[data-LG*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="5"].is-only .swiper-slide, .md-swiper__inside[data-LG*="5"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 5 - 48px) !important; } } @media print, screen and (max-width: 559.8px) { .md-swiper__inside[data-XS*="6"].is-only, .md-swiper__inside[data-XS*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 5px); margin-right: -5px; } .md-swiper__inside[data-XS*="6"].is-only .swiper-slide, .md-swiper__inside[data-XS*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 6 - 5px) !important; } } @media print, screen and (min-width: 560px) { .md-swiper__inside[data-SM*="6"].is-only, .md-swiper__inside[data-SM*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 20px); margin-right: -20px; } .md-swiper__inside[data-SM*="6"].is-only .swiper-slide, .md-swiper__inside[data-SM*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 6 - 20px) !important; } } @media screen and (min-width: 768px) { .md-swiper__inside[data-MD*="6"].is-only .swiper-slide, .md-swiper__inside[data-MD*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 6 - 20px) !important; } } @media screen and (min-width: 980px) { .md-swiper__inside[data-LG*="6"].is-only, .md-swiper__inside[data-LG*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] { width: calc(100% + 48px); margin-right: -48px; } .md-swiper__inside[data-LG*="6"].is-only .swiper-slide, .md-swiper__inside[data-LG*="6"] .swiper-wrapper[style*="transform: translate3d(0px, 0px, 0px)"] .swiper-slide { width: calc(100% / 6 - 48px) !important; } } .md-swiper__container { position: relative; } .md-swiper__outer { overflow: hidden; } [data-SM="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-SM="1"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="1"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-SM="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-SM="2"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="2"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-SM="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-SM="3"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="3"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-SM="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-SM="4"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="4"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-SM="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 5 - 20px) !important; } } [data-SM="5"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 560px) { [data-SM="5"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 5 - 20px) !important; } } [data-MD="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-MD="1"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="1"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-MD="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-MD="2"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="2"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-MD="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-MD="3"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="3"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-MD="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-MD="4"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="4"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-MD="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 5 - 20px) !important; } } [data-MD="5"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 768px) { [data-MD="5"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 5 - 20px) !important; } } [data-LG="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="1"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-LG="1"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="1"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 1 - 20px) !important; } } [data-LG="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="2"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-LG="2"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="2"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 2 - 20px) !important; } } [data-LG="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="3"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-LG="3"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="3"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 3 - 20px) !important; } } [data-LG="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="4"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-LG="4"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="4"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 4 - 20px) !important; } } [data-LG="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="5"]:has(.swiper-pagination-lock) .md-swiper__outer .swiper-wrapper > .md-media__item { width: calc(100% / 5 - 20px) !important; } } [data-LG="5"] .md-swiper__outer .swiper-wrapper:not([id]) { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (min-width: 980px) { [data-LG="5"] .md-swiper__outer .swiper-wrapper:not([id]) > .md-media__item { width: calc(100% / 5 - 20px) !important; } } .md-swiper__slider:not(.swiper-initialized) .md-swiper__btn, .md-swiper__slider:not(.swiper-initialized) .md-swiper__control { display: none; } .md-swiper__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; margin-right: 15px !important; z-index: 0; } @media screen and (min-width: 680px) { .md-swiper__pagination { margin-top: 30px; } } .md-swiper__pagination .swiper-pagination-total { margin-left: 30px; position: relative; } .md-swiper__pagination .swiper-pagination-total:before { content: ""; width: 12px; height: 1px; background: var(--def); position: absolute; left: -21px; top: 50%; } .md-swiper__arrow { background: var(--key); border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .md-swiper__btn { width: 40px; height: 40px; border: var(--key) 1px solid; background-color: var(--key); position: static; border-radius: 50%; } @media screen and (min-width: 680px) { .md-swiper__btn { width: 50px; height: 50px; -webkit-transition: background 0.3s; transition: background 0.3s; } } @media screen and (min-width: 980px) { .md-swiper__btn { position: absolute; top: -80px; } } .md-swiper__btn:after { position: static; content: ""; width: 12px; height: 12px; -webkit-transition: background 0.3s; transition: background 0.3s; background-color: #fff; -webkit-mask-image: url(/dcms_media/common/ico_arr.svg); mask-image: url(/dcms_media/common/ico_arr.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto; mask-size: auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (min-width: 980px) { .md-swiper__btn.--prev { right: 68px; left: unset; } } .md-swiper__btn.--prev:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .md-swiper__btn.--next { position: relative; right: unset; left: unset; } @media screen and (min-width: 980px) { .md-swiper__btn.--next { position: absolute; right: 0; } } .md-swiper__btn.swiper-button-disabled { background-color: var(--lgry); border-color: var(--lgry); opacity: unset !important; } .md-swiper__btn.swiper-button-disabled:after { background-color: var(--dgry); } @media (hover: hover) and (pointer: fine) { .md-swiper__btn:not(.swiper-button-disabled):hover { background-color: var(--wht); } .md-swiper__btn:not(.swiper-button-disabled):hover:after { background-color: var(--key); } } .md-swiper__btn:focus { background-color: var(--wht); } .md-swiper__btn:focus:after { background-color: var(--key); } html.is-editor .md-swiper__btn, #tinymce .md-swiper__btn { opacity: 1 !important; display: block !important; display: none; } .md-swiper__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } @media screen and (min-width: 680px) { .js-sp__slider .md-swiper__control { display: none; } } .md-swiper__control:has(.swiper-pagination-lock) { display: none; } .md-swiper__control .md-swiper__pagination { margin: -5px 10px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: unset; } .md-swiper__control .md-swiper__btn { margin-top: 0; } html.is-editor .md-swiper__control, #tinymce .md-swiper__control { opacity: 1 !important; display: block !important; display: none; } .md-swiper__player { display: none; position: relative; width: 25px; height: 25px; margin-left: 8px; } [data-autoplay=true] .md-swiper__player { display: block; } .md-swiper__player > button { width: 25px; height: 25px; border: var(--key) 1px solid; position: absolute; z-index: 2; background-color: #FFF; border-radius: 50%; } .md-swiper__player > button.is-select { z-index: 1; } @media (hover: hover) and (pointer: fine) { .md-swiper__player > button:hover { background-color: var(--key); } } html.is-editor .md-swiper__player, #tinymce .md-swiper__player { opacity: 1 !important; display: block !important; display: none; } .md-swiper__start:before { content: ""; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 8px 0 8px 12px; border-left-color: #333; border-radius: unset; width: 0; height: 0; display: block; position: absolute; left: 50%; top: 50%; margin-left: 2px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .md-swiper__stop:before, .md-swiper__stop:after { content: ""; width: 3px; height: 50%; display: block; background-color: var(--def); position: absolute; top: 25%; } .md-swiper__stop:before { left: 7px; } .md-swiper__stop:after { right: 7px; } @media screen and (max-width: 679.8px) { .js-sp__slider { margin-inline: calc(1rem * -1); } .js-sp__slider > .md-grid__container, .js-sp__slider > .md-flex__container { gap: unset !important; } } @media screen and (max-width: 679.8px) { :where(.md-tab__container).md-replace__container .md-tab__menu { display: none; pointer-events: none; } } :where(.md-tab__menu) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 5px; margin-bottom: -5px; -ms-scroll-chaining: none; overscroll-behavior: contain; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-color: var(--key) #f5f5f5; scrollbar-width: thin; } :where(.md-tab__menu)::-webkit-scrollbar { width: 10px; } :where(.md-tab__menu)::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--key); } :where(.md-tab__menu)::-webkit-scrollbar-track { background-color: #f5f5f5; } :where(.md-tab__btn) { width: calc(100% + 1px); display: -webkit-box; display: -ms-flexbox; display: flex; border: var(--wht) 1px solid; background: var(--wht); color: var(--dgry); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1rem; white-space: nowrap; line-height: 1.3; -webkit-transition: 0.3s; transition: 0.3s; } @media (hover: hover) and (pointer: fine) { :where(.md-tab__btn):hover { border-color: var(--dgry); color: var(--def); } } @media screen and (min-width: 680px) { :where(.md-tab__btn) { font-size: 1.125rem; } } :where(.md-tab__btn)[aria-selected=true] { background: var(--def); border-color: var(--def); color: #FFF; pointer-events: none; } @media screen and (min-width: 680px) { :where(.md-tab__btn)[aria-selected=true]:focus { background: var(--def) !important; border-color: var(--def); color: #FFF; } } :where(.md-tab__panel) { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.315, 0.955); transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.315, 0.955); position: relative; } html.is-editor :where(.md-tab__panel), #tinymce :where(.md-tab__panel) { opacity: 1 !important; display: block !important; } :not(.md-replace__container) :where(.md-tab__panel)[aria-hidden=false] { opacity: 1; } @starting-style { :not(.md-replace__container) :where(.md-tab__panel)[aria-hidden=false] { opacity: 0; } } :not(.md-replace__container) :where(.md-tab__panel)[aria-hidden=true] { opacity: 0; } @starting-style { :not(.md-replace__container) :where(.md-tab__panel)[aria-hidden=true] { opacity: 1; } } @media screen and (max-width: 679.8px) { .md-replace__container :where(.md-tab__panel) { height: 0; -webkit-transition: height 0.3s; transition: height 0.3s; overflow: clip; } html.is-editor .md-replace__container :where(.md-tab__panel), #tinymce .md-replace__container :where(.md-tab__panel) { opacity: 1 !important; display: block !important; height: auto; display: block; } } @media screen and (min-width: 680px) { .md-replace__container :where(.md-tab__panel)[aria-hidden=false] { opacity: 1; } @starting-style { .md-replace__container :where(.md-tab__panel)[aria-hidden=false] { opacity: 0; } } .md-replace__container :where(.md-tab__panel)[aria-hidden=true] { opacity: 0; } @starting-style { .md-replace__container :where(.md-tab__panel)[aria-hidden=true] { opacity: 1; } } } html.is-editor :where(.md-tab__panel), #tinymce :where(.md-tab__panel) { opacity: 1 !important; display: block !important; display: block; } :where(.md-tab__panel):has(.news-item__noset) { min-height: 200px; } html.is-editor :where(.md-tab__panel)[data-category], #tinymce :where(.md-tab__panel)[data-category] { opacity: 1 !important; display: block !important; } html.is-editor :where(.md-tab__panel)[data-category]:before, #tinymce :where(.md-tab__panel)[data-category]:before { content: attr(data-category); width: 100%; display: block; background: #FFF2F2; padding: 10px; text-align: center; font-size: 1.125rem; margin-bottom: 20px; margin-top: 50px; font-weight: bold; } :where(.md-tab__inside) { padding-top: 1rem; } .md-replace__container :where(.md-tab__inside) { padding-block: 0.75rem; } @media screen and (min-width: 680px) { :where(.md-tab__inside) { padding-top: 1.875rem; } .md-replace__container :where(.md-tab__inside) { padding-block: 1.5rem; } } :where(.md-replace__btn) { display: block; position: relative; width: 100%; text-align: left; cursor: pointer; line-height: 1.5; font-weight: bold; padding-block: 12px; font-weight: bold; border-radius: unset; border-top: var(--gry) 1px solid; border-bottom: var(--gry) 1px solid; margin-top: -1px; } :where(.md-replace__btn) > .txt { width: 100%; position: relative; padding-right: 18px; display: block; } @media screen and (min-width: 680px) { :where(.md-replace__btn) > .txt { padding-right: 24px; } } :where(.md-replace__btn) > .txt:before, :where(.md-replace__btn) > .txt:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 2px; background: var(--key); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media screen and (min-width: 680px) { :where(.md-replace__btn) > .txt:before, :where(.md-replace__btn) > .txt:after { width: 20px; } } :where(.md-replace__btn) > .txt:before { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } :where(.md-replace__btn)[aria-expanded=true] { border-bottom: unset; } :where(.md-replace__btn)[aria-expanded=true] > .txt:before { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } @media screen and (min-width: 680px) { :where(.md-replace__btn) { display: none; } } @media print, screen and (max-width: 799.8px) { .md-scroll__container { position: relative; padding-top: 24px; } .md-scroll__container:before { content: "\203b\5de6\53f3\306b\30d5\30ea\30c3\30af\3057\3066\3054\89a7\3044\305f\3060\3051\307e\3059\3002"; position: absolute; top: 0; right: 0; text-align: right; font-size: 0.75rem; } } @media print, screen and (max-width: 979.8px) { .md-scroll__container.--w980 { position: relative; padding-top: 24px; } .md-scroll__container.--w980:before { content: "\203b\5de6\53f3\306b\30d5\30ea\30c3\30af\3057\3066\3054\89a7\3044\305f\3060\3051\307e\3059\3002"; position: absolute; top: 0; right: 0; text-align: right; font-size: 0.75rem; } } @media print, screen and (max-width: 979.8px) and (max-width: 979.8px) { .md-scroll__container.--w980 .md-scroll__inside { width: 980px; } } .md-scroll__container.--auto:before { display: none; } .md-scroll__container.--auto .md-scroll__inside { width: auto !important; } .md-scroll__cover { overflow-x: auto; scroll-behavior: smooth; scrollbar-color: var(--key) #f5f5f5; scrollbar-width: thin; } .md-scroll__cover::-webkit-scrollbar { width: 10px; } .md-scroll__cover::-webkit-scrollbar-thumb { border-radius: 100px; border: 3px solid transparent; background-clip: content-box; background-color: var(--key); } .md-scroll__cover::-webkit-scrollbar-track { background-color: #f5f5f5; } .md-scroll__inside { width: 100%; } @media print, screen and (max-width: 799.8px) { .md-scroll__inside { width: 800px; } } @media screen and (max-width: 679.8px) { .md-scroll__inside th, .md-scroll__inside td { display: table-cell; } } :where(.md-table__container) { width: 100%; background: #FFF; } :where(.md-table__container).--fixed { table-layout: fixed; } :where(table):not([class*=mce]) { width: 100%; height: auto; } :where(table) { background: var(--wht); } :where(table) th, :where(table) td { border: var(--border) 1px solid; padding: 5px; } @media screen and (min-width: 680px) { :where(table) th, :where(table) td { padding: 10px; } } :where(table) th { background: var(--lgry); font-weight: bold; } :where(table) { /* @include mq(max,sm) { th, td { display: block; width: unset!important; } th { border-left: none; border-right: none; border-top: none; } td { border-top: none; } } */ } :where(table):has(thead):has(tbody) thead { background: var(--lgry); } :where(table):has(thead):has(tbody) thead th { background: var(--lgry); text-align: center; font-weight: bold; } :where(table):has(thead):has(tbody) thead + tbody th { background: var(--lgry); text-align: left; } /* .hoge { background: #fee; height: 100vh; @media (min-height: 1px) and (max-height: 500px) { background: #f00; } } */ .md-data-table table th, .md-data-table table td { padding: 5px; vertical-align: middle; } @media screen and (max-width: 679.8px) { .md-data-table table th, .md-data-table table td { display: block; } } @media screen and (min-width: 680px) { .md-data-table table th, .md-data-table table td { padding: 0; } } .md-data-table table th { background: unset; border: unset; text-align: center; } @media screen and (min-width: 680px) { .md-data-table table th { width: 20%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .md-data-table table th { width: 30%; } } @media screen and (min-width: 680px) { .md-data-table table td { width: 80%; } } .md-data-table table td { border: unset; } @media screen and (min-width: 680px) { .md-data-table table tr + tr td, .md-data-table table tr + tr th { padding-top: 10px; } } .md-data-table__title { background: var(--lgry); color: var(--key); border-radius: 5px; padding: 5px; } @media screen and (min-width: 680px) { .md-data-table__label { padding-left: 20px; } } .txt-C { text-align: center !important; } .txt-S { text-align: left !important; } .txt-E { text-align: right !important; } @media screen and (max-width: 679.8px) { .txt-sp-C { text-align: center !important; } .txt-sp-S { text-align: left !important; } .txt-sp-E { text-align: right !important; } } @media screen and (min-width: 680px) { .txt-sm-C { text-align: center !important; } .txt-sm-S { text-align: left !important; } .txt-sm-E { text-align: right !important; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .txt-tb-C { text-align: center !important; } .txt-tb-S { text-align: left !important; } .txt-tb-E { text-align: right !important; } } @media screen and (min-width: 980px) { .txt-pc-C { text-align: center !important; } .txt-pc-S { text-align: left !important; } .txt-pc-E { text-align: right !important; } } :where(h1) { font-size: clamp(1.75rem, 0.9718543046rem + 3.3112582781vw, 3rem); } :where(h2) { font-size: clamp(1.5rem, 0.8774834437rem + 2.6490066225vw, 2.5rem); } :where(h3) { font-size: clamp(1.375rem, 1.1415562914rem + 0.9933774834vw, 1.75rem); } :where(h4) { font-size: clamp(1.125rem, 0.8915562914rem + 0.9933774834vw, 1.5rem); } :where(h5) { font-size: clamp(1rem, 0.9221854305rem + 0.3311258278vw, 1.125rem); } :where(h6) { font-size: clamp(1rem, 1rem + 0vw, 1rem); } :where(h2), :where(h3), :where(h4), :where(h5), :where(h6), :where(h1) { line-height: 1.5; color: var(--def); font-weight: bold; } :where(#contents) :where(h2) + :where(:not(.--margin, .--mdl, .--min, .--ss)), :where(#contents) :where(h2) + :where(.md-title__container):not(:has(h2)) { margin-top: 1.25rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h2) + :where(:not(.--margin, .--mdl, .--min, .--ss)), :where(#contents) :where(h2) + :where(.md-title__container):not(:has(h2)) { margin-top: 2.5rem; } } :where(#contents) :where(h3) + :where(:not(.--margin, .--mdl, .--min, .--ss):not(h2)), :where(#contents) :where(h3) + :where(.md-title__container):not(:has(h2)) { margin-top: 1.25rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h3) + :where(:not(.--margin, .--mdl, .--min, .--ss):not(h2)), :where(#contents) :where(h3) + :where(.md-title__container):not(:has(h2)) { margin-top: 2.5rem; } } :where(#contents) :where(h4) + :where(:not(.--margin, .--mdl, .--min, .--ss):not(h2)), :where(#contents) :where(h4) + :where(.md-title__container):not(:has(h2)), :where(#contents) :where(h5) + :where(:not(.--margin, .--mdl, .--min, .--ss):not(h2)), :where(#contents) :where(h5) + :where(.md-title__container):not(:has(h2)), :where(#contents) :where(h6) + :where(:not(.--margin, .--mdl, .--min, .--ss):not(h2)), :where(#contents) :where(h6) + :where(.md-title__container):not(:has(h2)) { margin-top: 0.625rem; } :where(#contents) :where(h1):first-child, :where(#contents) :where(h2:not(:where([class*=headline]))):first-child, :where(#contents) :where(h3:not(:where([class*=headline]))):first-child, :where(#contents) :where(h4:not(:where([class*=headline]))):first-child, :where(#contents) :where(h5:not(:where([class*=headline]))):first-child, :where(#contents) :where(h6:not(:where([class*=headline]))):first-child { margin-top: unset !important; } :where(#contents) :where(h2:not(:where([class*=headline]))) { margin-top: 5rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h2:not(:where([class*=headline]))) { margin-top: 6.25rem; } } :where(#contents) :where(h2:not(:where([class*=headline]))):first-child { margin-top: unset; } :where(#contents) :where(h3):not([class]) { margin-top: 2.5rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h3):not([class]) { margin-top: 3rem; } } :where(#contents) :where(h4):not([class]), :where(#contents) :where(h5):not([class]) { margin-top: 1.5rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h4):not([class]), :where(#contents) :where(h5):not([class]) { margin-top: 1.5rem; } } :where(#contents) :where(h2):not([class]) + :where(h3):not([class]), :where(#contents) :where(h3):not([class]) + :where(h4):not([class]), :where(#contents) :where(h4):not([class]) + :where(h5):not([class]), :where(#contents) :where(h5):not([class]) + :where(h6):not([class]) { margin-top: 1.25rem; } @media screen and (min-width: 980px) { :where(#contents) :where(h2):not([class]) + :where(h3):not([class]), :where(#contents) :where(h3):not([class]) + :where(h4):not([class]), :where(#contents) :where(h4):not([class]) + :where(h5):not([class]), :where(#contents) :where(h5):not([class]) + :where(h6):not([class]) { margin-top: 2.5rem; } } :where(.md-title__container):has(.caption) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 3px; } :where(.md-title__container):has(.caption) > * { margin-top: unset; } :where(.md-title__container):has(.caption) .caption { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 0.375rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.3; } :where(.md-title__container):has(.caption) .caption.txt-C { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } :where(.md-title__container):has(.caption) .caption:before { content: ""; width: 6px; height: 6px; border-radius: 6px; background: var(--key); -ms-flex-negative: 0; flex-shrink: 0; } :where(.md-title__container):has(.caption) .caption:not([class*=headline]) { font-size: clamp(1rem, 0.9221854305rem + 0.3311258278vw, 1.125rem); } :where(.md-title__container):has(.caption).txt-C { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } :where(.md-title__container) > *:first-child { margin-top: 0; } :where(.md-title__container) + :where(:not(.--margin, .--mdl, .--min, .--ss)) { margin-top: 1.25rem; } @media screen and (min-width: 980px) { :where(.md-title__container) + :where(:not(.--margin, .--mdl, .--min, .--ss)) { margin-top: 2.5rem; } } :where(.md-title__container):has(h2) { margin-top: 5rem; } @media screen and (min-width: 980px) { :where(.md-title__container):has(h2) { margin-top: 6.25rem; } } :where(.md-title__container):has(h2):first-child { margin-top: unset; } :where(.md-title__container):has(h4) + :where(*:not(.--margin, .--mdl, .--min, .--ss)), :where(.md-title__container):has(h5) + :where(*:not(.--margin, .--mdl, .--min, .--ss)), :where(.md-title__container):has(h6) + :where(*:not(.--margin, .--mdl, .--min, .--ss)) { margin-top: 0.875rem; } h1.--default, h2.--default, h3.--default, h4.--default, h5.--default, h6.--default, .md-title__container.--default { padding: unset !important; border: unset; display: block; } h1.--default:before, h1.--default:after, h2.--default:before, h2.--default:after, h3.--default:before, h3.--default:after, h4.--default:before, h4.--default:after, h5.--default:before, h5.--default:after, h6.--default:before, h6.--default:after, .md-title__container.--default:before, .md-title__container.--default:after { display: none; } h1.--default > *, h2.--default > *, h3.--default > *, h4.--default > *, h5.--default > *, h6.--default > *, .md-title__container.--default > * { padding: unset !important; border: unset !important; } h1.--default > *:before, h1.--default > *:after, h2.--default > *:before, h2.--default > *:after, h3.--default > *:before, h3.--default > *:after, h4.--default > *:before, h4.--default > *:after, h5.--default > *:before, h5.--default > *:after, h6.--default > *:before, h6.--default > *:after, .md-title__container.--default > *:before, .md-title__container.--default > *:after { display: none; } h1:has(.md-link__arr), h2:has(.md-link__arr), h3:has(.md-link__arr), h4:has(.md-link__arr), h5:has(.md-link__arr), h6:has(.md-link__arr) { padding: unset !important; border: unset; } h1:has(.md-link__arr):before, h1:has(.md-link__arr):after, h2:has(.md-link__arr):before, h2:has(.md-link__arr):after, h3:has(.md-link__arr):before, h3:has(.md-link__arr):after, h4:has(.md-link__arr):before, h4:has(.md-link__arr):after, h5:has(.md-link__arr):before, h5:has(.md-link__arr):after, h6:has(.md-link__arr):before, h6:has(.md-link__arr):after { display: none; } .md-txt__container > * ~ * { margin-top: 0.8em; } :where(.md-toggle__container) { border-top: var(--gry) 1px solid; } :where(.md-toggle__container) + :where(.md-toggle__container) { border-bottom: var(--gry) 1px solid; margin-top: -1px; } :where(.md-toggle__container) ol { list-style-type: none; } :where(.md-toggle__btn) { display: block; position: relative; width: 100%; text-align: left; cursor: pointer; line-height: 1.5; font-weight: bold; padding-block: 12px; font-weight: bold; } :where(.md-toggle__btn) > .txt { width: 100%; position: relative; padding-right: 18px; display: block; } @media screen and (min-width: 680px) { :where(.md-toggle__btn) > .txt { padding-right: 24px; } } :where(.md-toggle__btn) > .txt:before, :where(.md-toggle__btn) > .txt:after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 12px; height: 2px; background: var(--key); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } @media screen and (min-width: 680px) { :where(.md-toggle__btn) > .txt:before, :where(.md-toggle__btn) > .txt:after { width: 20px; } } :where(.md-toggle__btn) > .txt:before { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } :where(.md-toggle__btn)[aria-expanded=true] > .txt:before { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); } :where(.md-toggle__panel) { height: 0; -webkit-transition: height 0.3s; transition: height 0.3s; overflow: clip; } html.is-editor :where(.md-toggle__panel), #tinymce :where(.md-toggle__panel) { opacity: 1 !important; display: block !important; height: auto; display: block; } :where(.md-toggle__inside) { padding: 12px 0; } @media screen and (min-width: 680px) { :where(.md-toggle__inside) { padding: 24px 0; } } .w0p { width: 0%; } @media screen and (max-width: 679.8px) { .w-xs-0p { width: 0%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-0p { width: 0%; } } @media screen and (min-width: 980px) { .w-md-0p { width: 0%; } } @media screen and (min-width: 680px) { .w-sm-0p { width: 0%; } } .w5p { width: 5%; } @media screen and (max-width: 679.8px) { .w-xs-5p { width: 5%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-5p { width: 5%; } } @media screen and (min-width: 980px) { .w-md-5p { width: 5%; } } @media screen and (min-width: 680px) { .w-sm-5p { width: 5%; } } .w10p { width: 10%; } @media screen and (max-width: 679.8px) { .w-xs-10p { width: 10%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-10p { width: 10%; } } @media screen and (min-width: 980px) { .w-md-10p { width: 10%; } } @media screen and (min-width: 680px) { .w-sm-10p { width: 10%; } } .w15p { width: 15%; } @media screen and (max-width: 679.8px) { .w-xs-15p { width: 15%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-15p { width: 15%; } } @media screen and (min-width: 980px) { .w-md-15p { width: 15%; } } @media screen and (min-width: 680px) { .w-sm-15p { width: 15%; } } .w20p { width: 20%; } @media screen and (max-width: 679.8px) { .w-xs-20p { width: 20%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-20p { width: 20%; } } @media screen and (min-width: 980px) { .w-md-20p { width: 20%; } } @media screen and (min-width: 680px) { .w-sm-20p { width: 20%; } } .w25p { width: 25%; } @media screen and (max-width: 679.8px) { .w-xs-25p { width: 25%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-25p { width: 25%; } } @media screen and (min-width: 980px) { .w-md-25p { width: 25%; } } @media screen and (min-width: 680px) { .w-sm-25p { width: 25%; } } .w30p { width: 30%; } @media screen and (max-width: 679.8px) { .w-xs-30p { width: 30%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-30p { width: 30%; } } @media screen and (min-width: 980px) { .w-md-30p { width: 30%; } } @media screen and (min-width: 680px) { .w-sm-30p { width: 30%; } } .w35p { width: 35%; } @media screen and (max-width: 679.8px) { .w-xs-35p { width: 35%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-35p { width: 35%; } } @media screen and (min-width: 980px) { .w-md-35p { width: 35%; } } @media screen and (min-width: 680px) { .w-sm-35p { width: 35%; } } .w40p { width: 40%; } @media screen and (max-width: 679.8px) { .w-xs-40p { width: 40%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-40p { width: 40%; } } @media screen and (min-width: 980px) { .w-md-40p { width: 40%; } } @media screen and (min-width: 680px) { .w-sm-40p { width: 40%; } } .w45p { width: 45%; } @media screen and (max-width: 679.8px) { .w-xs-45p { width: 45%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-45p { width: 45%; } } @media screen and (min-width: 980px) { .w-md-45p { width: 45%; } } @media screen and (min-width: 680px) { .w-sm-45p { width: 45%; } } .w50p { width: 50%; } @media screen and (max-width: 679.8px) { .w-xs-50p { width: 50%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-50p { width: 50%; } } @media screen and (min-width: 980px) { .w-md-50p { width: 50%; } } @media screen and (min-width: 680px) { .w-sm-50p { width: 50%; } } .w55p { width: 55%; } @media screen and (max-width: 679.8px) { .w-xs-55p { width: 55%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-55p { width: 55%; } } @media screen and (min-width: 980px) { .w-md-55p { width: 55%; } } @media screen and (min-width: 680px) { .w-sm-55p { width: 55%; } } .w60p { width: 60%; } @media screen and (max-width: 679.8px) { .w-xs-60p { width: 60%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-60p { width: 60%; } } @media screen and (min-width: 980px) { .w-md-60p { width: 60%; } } @media screen and (min-width: 680px) { .w-sm-60p { width: 60%; } } .w65p { width: 65%; } @media screen and (max-width: 679.8px) { .w-xs-65p { width: 65%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-65p { width: 65%; } } @media screen and (min-width: 980px) { .w-md-65p { width: 65%; } } @media screen and (min-width: 680px) { .w-sm-65p { width: 65%; } } .w70p { width: 70%; } @media screen and (max-width: 679.8px) { .w-xs-70p { width: 70%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-70p { width: 70%; } } @media screen and (min-width: 980px) { .w-md-70p { width: 70%; } } @media screen and (min-width: 680px) { .w-sm-70p { width: 70%; } } .w75p { width: 75%; } @media screen and (max-width: 679.8px) { .w-xs-75p { width: 75%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-75p { width: 75%; } } @media screen and (min-width: 980px) { .w-md-75p { width: 75%; } } @media screen and (min-width: 680px) { .w-sm-75p { width: 75%; } } .w80p { width: 80%; } @media screen and (max-width: 679.8px) { .w-xs-80p { width: 80%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-80p { width: 80%; } } @media screen and (min-width: 980px) { .w-md-80p { width: 80%; } } @media screen and (min-width: 680px) { .w-sm-80p { width: 80%; } } .w85p { width: 85%; } @media screen and (max-width: 679.8px) { .w-xs-85p { width: 85%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-85p { width: 85%; } } @media screen and (min-width: 980px) { .w-md-85p { width: 85%; } } @media screen and (min-width: 680px) { .w-sm-85p { width: 85%; } } .w90p { width: 90%; } @media screen and (max-width: 679.8px) { .w-xs-90p { width: 90%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-90p { width: 90%; } } @media screen and (min-width: 980px) { .w-md-90p { width: 90%; } } @media screen and (min-width: 680px) { .w-sm-90p { width: 90%; } } .w95p { width: 95%; } @media screen and (max-width: 679.8px) { .w-xs-95p { width: 95%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-95p { width: 95%; } } @media screen and (min-width: 980px) { .w-md-95p { width: 95%; } } @media screen and (min-width: 680px) { .w-sm-95p { width: 95%; } } .w100p { width: 100%; } @media screen and (max-width: 679.8px) { .w-xs-100p { width: 100%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-100p { width: 100%; } } @media screen and (min-width: 980px) { .w-md-100p { width: 100%; } } @media screen and (min-width: 680px) { .w-sm-100p { width: 100%; } } .w105p { width: 105%; } @media screen and (max-width: 679.8px) { .w-xs-105p { width: 105%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-105p { width: 105%; } } @media screen and (min-width: 980px) { .w-md-105p { width: 105%; } } @media screen and (min-width: 680px) { .w-sm-105p { width: 105%; } } .w110p { width: 110%; } @media screen and (max-width: 679.8px) { .w-xs-110p { width: 110%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-110p { width: 110%; } } @media screen and (min-width: 980px) { .w-md-110p { width: 110%; } } @media screen and (min-width: 680px) { .w-sm-110p { width: 110%; } } .w115p { width: 115%; } @media screen and (max-width: 679.8px) { .w-xs-115p { width: 115%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-115p { width: 115%; } } @media screen and (min-width: 980px) { .w-md-115p { width: 115%; } } @media screen and (min-width: 680px) { .w-sm-115p { width: 115%; } } .w120p { width: 120%; } @media screen and (max-width: 679.8px) { .w-xs-120p { width: 120%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-120p { width: 120%; } } @media screen and (min-width: 980px) { .w-md-120p { width: 120%; } } @media screen and (min-width: 680px) { .w-sm-120p { width: 120%; } } .w125p { width: 125%; } @media screen and (max-width: 679.8px) { .w-xs-125p { width: 125%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-125p { width: 125%; } } @media screen and (min-width: 980px) { .w-md-125p { width: 125%; } } @media screen and (min-width: 680px) { .w-sm-125p { width: 125%; } } .w130p { width: 130%; } @media screen and (max-width: 679.8px) { .w-xs-130p { width: 130%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-130p { width: 130%; } } @media screen and (min-width: 980px) { .w-md-130p { width: 130%; } } @media screen and (min-width: 680px) { .w-sm-130p { width: 130%; } } .w135p { width: 135%; } @media screen and (max-width: 679.8px) { .w-xs-135p { width: 135%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-135p { width: 135%; } } @media screen and (min-width: 980px) { .w-md-135p { width: 135%; } } @media screen and (min-width: 680px) { .w-sm-135p { width: 135%; } } .w140p { width: 140%; } @media screen and (max-width: 679.8px) { .w-xs-140p { width: 140%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-140p { width: 140%; } } @media screen and (min-width: 980px) { .w-md-140p { width: 140%; } } @media screen and (min-width: 680px) { .w-sm-140p { width: 140%; } } .w145p { width: 145%; } @media screen and (max-width: 679.8px) { .w-xs-145p { width: 145%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-145p { width: 145%; } } @media screen and (min-width: 980px) { .w-md-145p { width: 145%; } } @media screen and (min-width: 680px) { .w-sm-145p { width: 145%; } } .w150p { width: 150%; } @media screen and (max-width: 679.8px) { .w-xs-150p { width: 150%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-150p { width: 150%; } } @media screen and (min-width: 980px) { .w-md-150p { width: 150%; } } @media screen and (min-width: 680px) { .w-sm-150p { width: 150%; } } .w155p { width: 155%; } @media screen and (max-width: 679.8px) { .w-xs-155p { width: 155%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-155p { width: 155%; } } @media screen and (min-width: 980px) { .w-md-155p { width: 155%; } } @media screen and (min-width: 680px) { .w-sm-155p { width: 155%; } } .w160p { width: 160%; } @media screen and (max-width: 679.8px) { .w-xs-160p { width: 160%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-160p { width: 160%; } } @media screen and (min-width: 980px) { .w-md-160p { width: 160%; } } @media screen and (min-width: 680px) { .w-sm-160p { width: 160%; } } .w165p { width: 165%; } @media screen and (max-width: 679.8px) { .w-xs-165p { width: 165%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-165p { width: 165%; } } @media screen and (min-width: 980px) { .w-md-165p { width: 165%; } } @media screen and (min-width: 680px) { .w-sm-165p { width: 165%; } } .w170p { width: 170%; } @media screen and (max-width: 679.8px) { .w-xs-170p { width: 170%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-170p { width: 170%; } } @media screen and (min-width: 980px) { .w-md-170p { width: 170%; } } @media screen and (min-width: 680px) { .w-sm-170p { width: 170%; } } .w175p { width: 175%; } @media screen and (max-width: 679.8px) { .w-xs-175p { width: 175%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-175p { width: 175%; } } @media screen and (min-width: 980px) { .w-md-175p { width: 175%; } } @media screen and (min-width: 680px) { .w-sm-175p { width: 175%; } } .w180p { width: 180%; } @media screen and (max-width: 679.8px) { .w-xs-180p { width: 180%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-180p { width: 180%; } } @media screen and (min-width: 980px) { .w-md-180p { width: 180%; } } @media screen and (min-width: 680px) { .w-sm-180p { width: 180%; } } .w185p { width: 185%; } @media screen and (max-width: 679.8px) { .w-xs-185p { width: 185%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-185p { width: 185%; } } @media screen and (min-width: 980px) { .w-md-185p { width: 185%; } } @media screen and (min-width: 680px) { .w-sm-185p { width: 185%; } } .w190p { width: 190%; } @media screen and (max-width: 679.8px) { .w-xs-190p { width: 190%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-190p { width: 190%; } } @media screen and (min-width: 980px) { .w-md-190p { width: 190%; } } @media screen and (min-width: 680px) { .w-sm-190p { width: 190%; } } .w195p { width: 195%; } @media screen and (max-width: 679.8px) { .w-xs-195p { width: 195%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-195p { width: 195%; } } @media screen and (min-width: 980px) { .w-md-195p { width: 195%; } } @media screen and (min-width: 680px) { .w-sm-195p { width: 195%; } } .w200p { width: 200%; } @media screen and (max-width: 679.8px) { .w-xs-200p { width: 200%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-200p { width: 200%; } } @media screen and (min-width: 980px) { .w-md-200p { width: 200%; } } @media screen and (min-width: 680px) { .w-sm-200p { width: 200%; } } .w205p { width: 205%; } @media screen and (max-width: 679.8px) { .w-xs-205p { width: 205%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-205p { width: 205%; } } @media screen and (min-width: 980px) { .w-md-205p { width: 205%; } } @media screen and (min-width: 680px) { .w-sm-205p { width: 205%; } } .w210p { width: 210%; } @media screen and (max-width: 679.8px) { .w-xs-210p { width: 210%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-210p { width: 210%; } } @media screen and (min-width: 980px) { .w-md-210p { width: 210%; } } @media screen and (min-width: 680px) { .w-sm-210p { width: 210%; } } .w215p { width: 215%; } @media screen and (max-width: 679.8px) { .w-xs-215p { width: 215%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-215p { width: 215%; } } @media screen and (min-width: 980px) { .w-md-215p { width: 215%; } } @media screen and (min-width: 680px) { .w-sm-215p { width: 215%; } } .w220p { width: 220%; } @media screen and (max-width: 679.8px) { .w-xs-220p { width: 220%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-220p { width: 220%; } } @media screen and (min-width: 980px) { .w-md-220p { width: 220%; } } @media screen and (min-width: 680px) { .w-sm-220p { width: 220%; } } .w225p { width: 225%; } @media screen and (max-width: 679.8px) { .w-xs-225p { width: 225%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-225p { width: 225%; } } @media screen and (min-width: 980px) { .w-md-225p { width: 225%; } } @media screen and (min-width: 680px) { .w-sm-225p { width: 225%; } } .w230p { width: 230%; } @media screen and (max-width: 679.8px) { .w-xs-230p { width: 230%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-230p { width: 230%; } } @media screen and (min-width: 980px) { .w-md-230p { width: 230%; } } @media screen and (min-width: 680px) { .w-sm-230p { width: 230%; } } .w235p { width: 235%; } @media screen and (max-width: 679.8px) { .w-xs-235p { width: 235%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-235p { width: 235%; } } @media screen and (min-width: 980px) { .w-md-235p { width: 235%; } } @media screen and (min-width: 680px) { .w-sm-235p { width: 235%; } } .w240p { width: 240%; } @media screen and (max-width: 679.8px) { .w-xs-240p { width: 240%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-240p { width: 240%; } } @media screen and (min-width: 980px) { .w-md-240p { width: 240%; } } @media screen and (min-width: 680px) { .w-sm-240p { width: 240%; } } .w245p { width: 245%; } @media screen and (max-width: 679.8px) { .w-xs-245p { width: 245%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-245p { width: 245%; } } @media screen and (min-width: 980px) { .w-md-245p { width: 245%; } } @media screen and (min-width: 680px) { .w-sm-245p { width: 245%; } } .w250p { width: 250%; } @media screen and (max-width: 679.8px) { .w-xs-250p { width: 250%; } } @media screen and (min-width: 680px) and (max-width: 979.8px) { .w-tb-250p { width: 250%; } } @media screen and (min-width: 980px) { .w-md-250p { width: 250%; } } @media screen and (min-width: 680px) { .w-sm-250p { width: 250%; } } .w100p { width: 100% !important; } [class*=w-max] { display: block; width: 100%; margin-left: auto; margin-right: auto; } .w-max-xs { width: 100%; max-width: 374px !important; } .w-max-mediasm { width: 100%; max-width: 560px !important; } .w-max-sm { width: 100%; max-width: 680px !important; } .w-max-dbsm { width: 100%; max-width: 768px !important; } .w-max-tb { width: 100%; max-width: 860px !important; } .w-max-md { width: 100%; max-width: 980px !important; } .w-max-dbmd { width: 100%; max-width: 992px !important; } .w-max-lg { width: 100%; max-width: 1025px !important; } .w-max-xl { width: 100%; max-width: 1248px !important; } .w-max-xxl { width: 100%; max-width: 1280px !important; } .w-max-nav { width: 100%; max-width: 980px !important; } .w-max-max { width: 100%; max-width: 1360px !important; } .w-max-navmax { width: 100%; max-width: 1200px !important; } .w-max-full { width: 100%; max-width: 1520px !important; } .w-max-200 { max-width: 200px; } .w-max-320 { max-width: 320px; } .w-max-340 { max-width: 340px; } .w-max-680 { max-width: 680px; } .w-max-860 { max-width: 860px; } .w-max-900 { max-width: 900px; } .w-max-1030 { max-width: 1030px; } .w-max-480 { max-width: 480px; } @media screen and (min-width: 680px) { .w-min-sm-120 { min-width: 120px; } } @media screen and (max-width: 679.8px) { .w-max-xs-100p { width: 100% !important; } .w-max-xs-120 { max-width: 120px; } .w-max-xs-200 { max-width: 200px; } .w-max-xs-340 { max-width: 340px; } } .w-auto { width: auto !important; }/*# sourceMappingURL=maps/cads.common.css.map */