@charset "utf-8";

/*
 * File       : rds-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 01) A11Y
 * 02) RESOURCE
 * 03) BLOCKS LAYOUT
 * 04) BLOCKS TYPOGRAPHY
 * 05) CORE BLOCKS
 * 06) RDS Spacing
 * 07) RDS Separator
 * 08) RDS Shortcut
 * 09) RDS Tab
 * 10) RDS Top Visual
 * 11) RDS Anchor
 * 12) RDS Example Wideget
 * 13) RDS Button
 * 14) RDS List
 * 15) RDS Shortcode
 */



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only { position: absolute; clip: rect(1rem, 1rem, 1rem, 1rem); -webkit-clip-path: inset(0rem 0rem 99.9% 99.9%); clip-path: inset(0rem 0rem 99.9% 99.9%); overflow: hidden; height: 1rem; width: 1rem; padding: 0; border: 0; }

#skip a { width: 1rem; height: 1rem; position: absolute; left: -10000rem; top: auto; overflow: hidden; }
#skip a:focus { display: block; width: 100%; height: 50rem; position: fixed; top: 0; left: 0; font-size: 18rem; line-height: 52rem; text-align: center; color: #fff; background: var(--color-900); z-index: 999; }

.use-mouse, 
.use-mouse select, 
.use-mouse input[type=text], 
.use-mouse input[type=tel], 
.use-mouse input[type=email], 
.use-mouse input[type=password], 
.use-mouse input[type=url], 
.use-mouse input[type=number], 
.use-mouse input[type=search], 
.use-mouse textarea, 
.use-mouse input[type=submit], 
.use-mouse input[type=button], 
.use-mouse button, 
.use-mouse a:focus { outline: none; }



/* **************************************** *
 * RESOURCE
 * **************************************** */
/* ICON */
.rds-resource--icon { display: block; }
.rds-resource--icon svg { display: block; width: 100%; height: auto; }
.rds-resource--icon svg path { fill: var(--color-900); }

/* LAZYLOAD IMAGE */
img[data-unveil], img[loading="lazy"] { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.rds-lazyload--loaded img[data-unveil], img[data-unveil].rds-lazyload--loaded,
.rds-lazyload--loaded img[loading="lazy"], img[loading="lazy"].rds-lazyload--loaded { opacity: 1 }

.rds-lazyload { position: relative; overflow: hidden; }
.rds-lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.rds-lazyload.rds-lazyload--loaded img, .rds-lazyload img.rds-lazyload--loaded { height: auto; }

.rds-lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f8f8f8; }
.rds-lazyload.rds-lazyload--loaded .rds-lazyload__color-preview { background: transparent; -webkit-transition: background .1s; transition: background .1s; -webkit-transition-delay: .3s; transition-delay: .3s }

/* BACKGROUND VIDEO */
.rds-background-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.rds-background-video__vod { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }
.rds-background-video__vod:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.rds-background-video__vod video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.rds-background-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; overflow: hidden; }

html.safari .rds-background-video__vod,
html.safari .rds-background-video__vod video { -webkit-mask-image: -webkit-radial-gradient(white, black); }

/* INLINE VIDEO */
.rds-inline-video { position: relative; cursor: pointer; }
.rds-inline-video__vod video { width: 100%; }
.rds-inline-video [poster] { -o-object-fit: cover; object-fit: cover; }

.rds-inline-video__controller { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4) url(../images/icon/icon-pause.svg) no-repeat center center; background-size: 48rem; -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1); transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; }
.rds-inline-video--paused .rds-inline-video__controller { background-image: url(../images/icon/icon-play.svg); }

.rds-inline-video:hover .rds-inline-video__controller,
.rds-inline-video.rds-inline-video--paused .rds-inline-video__controller { opacity: 1; }



/* **************************************** *
 * BLOCKS LAYOUT
 * **************************************** */
.rds-blocks-container { min-height: -webkit-calc(100vh - 388rem); min-height: calc(100vh - 388rem); padding-top: 140rem; }
html.ios .rds-blocks-container { min-height: -webkit-calc(100dvh - 388rem); min-height: calc(100dvh - 388rem); }

/* GRID */
.rds-blocks-container > * { max-width: 908rem; margin: 0 auto; }
.rds-blocks-container > *.alignwide { max-width: 1218rem; }
.rds-blocks-container > *.alignfull { max-width: none; }

/* COLUMNS */
.rds-blocks-container .wp-block-columns { margin-top: 0; margin-bottom: 0; gap: 24rem; }

/* MOBILE HELPER */
.rds-blocks-container .rds-fixed-br { display: none; }



/* **************************************** *
 * BLOCKS TYPOGRAPHY
 * **************************************** */
/* VARIABLE */
body {
    --wp--preset--font-size--rds-main-01: 80rem;
    --wp--preset--font-size--rds-main-02: 72rem;
    --wp--preset--font-size--rds-main-03: 56rem;
    --wp--preset--font-size--rds-heading-01: 48rem;
    --wp--preset--font-size--rds-heading-02: 40rem;
    --wp--preset--font-size--rds-heading-03: 32rem;
    --wp--preset--font-size--rds-heading-04: 24rem;
    --wp--preset--font-size--rds-heading-05: 20rem;
    --wp--preset--font-size--rds-typography-01: 18rem;
    --wp--preset--font-size--rds-typography-02: 16rem;
    --wp--preset--font-size--rds-typography-03: 14rem;
    --wp--preset--font-size--rds-typography-04: 12rem;
}

/* DEFAULT SETTING (HEADING, PARAGRAPH) */
.rds-blocks-container h1.rds-core-block--heading { font-size: 48rem; line-height: 1.16; }
.rds-blocks-container h2.rds-core-block--heading { font-size: 40rem; line-height: 1.2; }
.rds-blocks-container h3.rds-core-block--heading { font-size: 32rem; line-height: 1.25; }
.rds-blocks-container h4.rds-core-block--heading { font-size: 24rem; line-height: 1.33; }
.rds-blocks-container h5.rds-core-block--heading { font-size: 20rem; line-height: 1.4; }
.rds-blocks-container h6.rds-core-block--heading { font-size: 18rem; line-height: 1.44; }
.rds-blocks-container .rds-core-block--paragraph { font-size: 16rem; line-height: 1.5; letter-spacing: 0.01em; }

/* THEME */
.rds-blocks-container .rds-core-block.has-rds-main-01-font-size { line-height: 1.1; }
.rds-blocks-container .rds-core-block.has-rds-main-02-font-size { line-height: 1.11; }
.rds-blocks-container .rds-core-block.has-rds-main-03-font-size { line-height: 1.14; }
.rds-blocks-container .rds-core-block.has-rds-heading-01-font-size { line-height: 1.16; }
.rds-blocks-container .rds-core-block.has-rds-heading-02-font-size { line-height: 1.2; }
.rds-blocks-container .rds-core-block.has-rds-heading-03-font-size { line-height: 1.25; }
.rds-blocks-container .rds-core-block.has-rds-heading-04-font-size { line-height: 1.33; }
.rds-blocks-container .rds-core-block.has-rds-heading-05-font-size { line-height: 1.4; }
.rds-blocks-container .rds-core-block.has-rds-typography-01-font-size { line-height: 1.44; }
.rds-blocks-container .rds-core-block.has-rds-typography-02-font-size { line-height: 1.5; }
.rds-blocks-container .rds-core-block.has-rds-typography-03-font-size { line-height: 1.57; }
.rds-blocks-container .rds-core-block.has-rds-typography-04-font-size { line-height: 1.64; }

/* ACF */
.rds-blocks-container .rds-typography--main-01 { font-size: 80rem; line-height: 1.1; }
.rds-blocks-container .rds-typography--main-02 { font-size: 72rem; line-height: 1.11; }
.rds-blocks-container .rds-typography--main-03 { font-size: 56rem; line-height: 1.14; }
.rds-blocks-container .rds-typography--heading-01 { font-size: 48rem; line-height: 1.16; }
.rds-blocks-container .rds-typography--heading-02 { font-size: 40rem; line-height: 1.2; }
.rds-blocks-container .rds-typography--heading-03 { font-size: 32rem; line-height: 1.25; }
.rds-blocks-container .rds-typography--heading-04 { font-size: 24rem; line-height: 1.33; }
.rds-blocks-container .rds-typography--heading-05 { font-size: 20rem; line-height: 1.4; }
.rds-blocks-container .rds-typography--paragraph-01 { font-size: 18rem; line-height: 1.44; }
.rds-blocks-container .rds-typography--paragraph-02 { font-size: 16rem; line-height: 1.5; }
.rds-blocks-container .rds-typography--paragraph-03 { font-size: 14rem; line-height: 1.57; }
.rds-blocks-container .rds-typography--paragraph-04 { font-size: 12rem; line-height: 1.64; }



/* **************************************** *
 * CORE BLOCKS
 * **************************************** */
/* OPTIONS */
.rds-blocks-container .rds-core-block strong { font-weight: 700; }
.rds-blocks-container .rds-core-block sub { vertical-align: sub; }
.rds-blocks-container .rds-core-block sup { vertical-align: super; }
.rds-blocks-container .rds-core-block em { font-style: italic; }
.rds-blocks-container .rds-core-block a { color: inherit; border-bottom-width: 1rem; border-bottom-style: solid; }

/* LIST */
.rds-blocks-container .rds-core-block--list { font-size: 16rem; line-height: 1.5; letter-spacing: 0.01em; }
.rds-blocks-container .rds-core-block--list li { position: relative; }
.rds-blocks-container .rds-core-block--list li + li { margin-top: 0.2em; }
.rds-blocks-container .rds-core-block--list li ul,
.rds-blocks-container .rds-core-block--list li ol { font-size: inherit; margin-top: 5rem; }

.rds-blocks-container .rds-core-block--list.has-rds-main-01-font-size li + li,
.rds-blocks-container .rds-core-block--list.has-rds-main-02-font-size li + li,
.rds-blocks-container .rds-core-block--list.has-rds-main-03-font-size li + li,
.rds-blocks-container .rds-core-block--list.has-rds-heading-01-font-size li + li,
.rds-blocks-container .rds-core-block--list.has-rds-heading-02-font-size li + li { margin-top: 0.25em; }

.rds-blocks-container ul.rds-core-block--list > li,
.rds-blocks-container .rds-core-block--list ul > li { padding-left: 0.75em; }
.rds-blocks-container ul.rds-core-block--list > li:before,
.rds-blocks-container .rds-core-block--list ul > li:before { content: ''; display: block; width: 4px; height: 4px; position: absolute; top: 12rem; left: 0; border-radius: 50%; }

.rds-blocks-container ul.rds-core-block--list.has-rds-main-01-font-size > li,
.rds-blocks-container .rds-core-block--list.has-rds-main-01-font-size ul > li
.rds-blocks-container ul.rds-core-block--list.has-rds-main-02-font-size > li,
.rds-blocks-container .rds-core-block--list.has-rds-main-02-font-size ul > li
.rds-blocks-container ul.rds-core-block--list.has-rds-main-03-font-size > li, 
.rds-blocks-container .rds-core-block--list.has-rds-main-03-font-size ul > li { padding-left: 0.5em; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-01-font-size > li,
.rds-blocks-container .rds-core-block--list.has-rds-heading-01-font-size ul > li,
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-02-font-size > li,
.rds-blocks-container .rds-core-block--list.has-rds-heading-02-font-size ul > li,
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-03-font-size > li,
.rds-blocks-container .rds-core-block--list.has-rds-heading-03-font-size ul > li { padding-left: 0.55em; }
.rds-blocks-container ul.rds-core-block--list.has-rds-main-01-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-main-01-font-size ul > li:before { width: 10px; height: 10px; top: 36rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-main-02-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-main-02-font-size ul > li:before { width: 10px; height: 10px; top: 30rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-main-03-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-main-03-font-size ul > li:before { width: 9px; height: 9px; top: 24rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-01-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-heading-01-font-size ul > li:before { width: 8px; height: 8px; top: 21rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-02-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-heading-02-font-size ul > li:before { width: 7px; height: 7px; top: 19rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-03-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-heading-03-font-size ul > li:before { width: 5px; height: 5px; top: 16rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-04-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-heading-04-font-size ul > li:before { width: 4px; height: 4px; top: 12rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-heading-05-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-heading-05-font-size ul > li:before { width: 4px; height: 4px; top: 11rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-typography-01-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-typography-01-font-size ul > li:before { width: 4px; height: 4px; top: 13rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-typography-03-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-typography-03-font-size ul > li:before { width: 3px; height: 3px; top: 12rem; }
.rds-blocks-container ul.rds-core-block--list.has-rds-typography-04-font-size > li:before,
.rds-blocks-container .rds-core-block--list.has-rds-typography-04-font-size ul > li:before { top: 7rem; }

.rds-blocks-container ol.rds-core-block--list,
.rds-blocks-container .rds-core-block--list ol { counter-reset: item; }
.rds-blocks-container ol.rds-core-block--list > li,
.rds-blocks-container .rds-core-block--list ol > li { counter-increment: item; padding-left: 1em; }
.rds-blocks-container ol.rds-core-block--list > li:nth-child(n+10),
.rds-blocks-container .rds-core-block--list ol > li:nth-child(n+10) { padding-left: 1.4em; }
.rds-blocks-container ol.rds-core-block--list > li:before,
.rds-blocks-container .rds-core-block--list ol > li:before { content: counter(item)'.'; position: absolute; left: 0; }
.rds-blocks-container ol.rds-core-block--list[reversed] > li,
.rds-blocks-container .rds-core-block--list[reversed] ol > li { counter-increment: item -1; padding-left: 1.4em; }
.rds-blocks-container ol.rds-core-block--list[reversed] > li:nth-last-child(-n+9),
.rds-blocks-container .rds-core-block--list[reversed] ol > li:nth-last-child(-n+9) { padding-left: 1em; }

/* QUOTE */
.rds-blocks-container .rds-core-block--quote { padding: 4rem 0 4rem 20rem; font-size: 16rem; line-height: 1.5; border-style: solid; border-width: 0rem 0rem 0rem 5rem; }
.rds-blocks-container .rds-core-block--quote p { font-size: 1em; color: currentColor; }
.rds-blocks-container .rds-core-block--quote cite, 
.rds-blocks-container .rds-core-block--quote footer { display: block; margin-top: 3rem; font-size: .8125em; }

/* TABLE */
.rds-blocks-container .rds-core-block--table { font-size: 16rem; line-height: 1.5; overflow-x: auto; }
html.win .rds-blocks-container .rds-core-block--table { padding-bottom: 4rem; overflow: overlay; }
html.win .rds-blocks-container .rds-core-block--table::-webkit-scrollbar { height: 4rem; background: transparent; }
html.win .rds-blocks-container .rds-core-block--table::-webkit-scrollbar-track { background: var(--color-200); border-radius: 99rem }
html.win .rds-blocks-container .rds-core-block--table::-webkit-scrollbar-thumb { background: var(--color-300); border-radius: 99rem; }
.rds-blocks-container .rds-core-block--table table { border-collapse: separate; border-spacing: 0; border: 1px solid; overflow: hidden; }
.rds-blocks-container .rds-core-block--table th,
.rds-blocks-container .rds-core-block--table td { min-width: 150rem; padding-left: 32rem; padding-right: 32rem; word-break: keep-all; border-style: solid; border-width: 0 0 0 1px; }
.rds-blocks-container .rds-core-block--table th { vertical-align: middle; padding-top: 21rem; padding-bottom: 19rem; }
.rds-blocks-container .rds-core-block--table td { vertical-align: top; padding-top: 34rem; padding-bottom: 32rem; }
.rds-blocks-container .rds-core-block--table th:first-child,
.rds-blocks-container .rds-core-block--table td:first-child { border-left: none; }
.rds-blocks-container .rds-core-block--table thead th { border-bottom-width: 1px; }
.rds-blocks-container .rds-core-block--table tfoot td { border-top-width: 1px; }
.rds-blocks-container .rds-core-block--table td { border-bottom-width: 1px; }
.rds-blocks-container .rds-core-block--table tr:last-child td { border-bottom: none; }
.rds-blocks-container .rds-core-block--table figcaption { display: block; margin-top: 15rem; font-size: 1em; line-height: 1.5; font-weight: 400; text-align: center; }
.rds-blocks-container .rds-core-block--table img { max-width: 100%; }

.rds-blocks-container .rds-core-block--table.is-style-stripes,
.rds-blocks-container .rds-core-block--table.is-style-stripes table { border: none; }
.rds-blocks-container .rds-core-block--table.is-style-stripes td,
.rds-blocks-container .rds-core-block--table.is-style-stripes th { border-left: none; }
.rds-blocks-container .rds-core-block--table.is-style-stripes tbody tr { background: none; }

.rds-blocks-container .rds-core-block--table.rds-table--nofill th { background: none; }
.rds-blocks-container .rds-core-block--table.rds-table--center th { text-align: center; }
.rds-blocks-container .rds-core-block--table.rds-table--wide td { padding-bottom: 64rem; }
.rds-blocks-container .rds-core-block--table.rds-table--leftcaption figcaption { text-align: left; }

/* CODE */
.rds-blocks-container .rds-core-block code,
.rds-blocks-container .rds-core-block mark { vertical-align: middle; position: relative; font-family: inherit; font-weight: inherit; border-radius: 4rem; }
.rds-blocks-container .rds-core-block code { background: var(--color-150); }

.rds-blocks-container h1.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-heading-01-font-size code,
.rds-blocks-container h1.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-heading-01-font-size mark { padding: 5rem 7rem 3rem; bottom: 2rem; font-size: 0.916667em; }

.rds-blocks-container h2.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-heading-02-font-size code,
.rds-blocks-container h2.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-heading-02-font-size mark { padding: 5rem 6rem 3rem; bottom: 2rem; font-size: 0.9em; }

.rds-blocks-container h3.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-heading-03-font-size code,
.rds-blocks-container h3.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-heading-03-font-size mark { padding: 5rem 6rem 3rem; bottom: 1rem; font-size: 0.875em; }

.rds-blocks-container h4.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-heading-04-font-size code,
.rds-blocks-container h4.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-heading-04-font-size mark { padding: 4rem 4rem 3rem; bottom: 1rem; font-size: 0.833335em; }

.rds-blocks-container h5.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-heading-05-font-size code,
.rds-blocks-container h5.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-heading-05-font-size mark { padding: 5rem 4rem 3rem; bottom: 0; font-size: 0.9em; }

.rds-blocks-container h6.rds-core-block--heading code,
.rds-blocks-container .rds-core-block.has-rds-typography-01-font-size code,
.rds-blocks-container h6.rds-core-block--heading mark,
.rds-blocks-container .rds-core-block.has-rds-typography-01-font-size mark { padding: 3rem 4rem; bottom: 0; font-size: 0.88889em; }

.rds-blocks-container .rds-core-block.has-rds-typography-03-font-size code,
.rds-blocks-container .rds-core-block.has-rds-typography-03-font-size mark { padding: 2rem 4rem; bottom: 1rem; font-size: 0.85714em; }

.rds-blocks-container .rds-core-block--paragraph code,
.rds-blocks-container .rds-core-block--list code,
.rds-blocks-container .rds-core-block--quote code,
.rds-blocks-container .rds-core-block--table code,
.rds-blocks-container .rds-core-block.has-rds-typography-02-font-size code,
.rds-blocks-container .rds-core-block--paragraph mark,
.rds-blocks-container .rds-core-block--list mark,
.rds-blocks-container .rds-core-block--quote mark,
.rds-blocks-container .rds-core-block--table mark,
.rds-blocks-container .rds-core-block.has-rds-typography-02-font-size mark { padding: 3rem 4rem 2rem; bottom: 1rem; font-size: 0.875em; }

.rds-blocks-container .rds-core-block.rds-emphasis--red code { color: #E12705; background: #FCE9E6; }
.rds-blocks-container .rds-core-block.rds-emphasis--green code { color: #008C00; background: #E5F7E5; }
.rds-blocks-container .rds-core-block.rds-emphasis--yellow code { color: #8B5903; background: #FFF0AB; }
.rds-blocks-container .rds-core-block.rds-emphasis--lightblue code { color: #007EBA; background: #E5F6FE; }

html.ios .rds-blocks-container h3.rds-core-block--heading code, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size code, 
html.ios .rds-blocks-container h3.rds-core-block--heading mark, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size mark { bottom: 2rem; }
html.ios .rds-blocks-container h4.rds-core-block--heading code, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-04-font-size code, 
html.ios .rds-blocks-container h4.rds-core-block--heading mark, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-04-font-size mark { bottom: 2rem; }
html.ios .rds-blocks-container h5.rds-core-block--heading code, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size code, 
html.ios .rds-blocks-container h5.rds-core-block--heading mark, 
html.ios .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size mark { bottom: 1rem; }
html.ios .rds-blocks-container h6.rds-core-block--heading code, 
html.ios .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size code, 
html.ios .rds-blocks-container h6.rds-core-block--heading mark, 
html.ios .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size mark { bottom: 1rem; }
html.ios .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size code, 
html.ios .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size mark { bottom: 1rem; }

/* IMAGE */
.rds-blocks-container .rds-core-block--image img { display: block; max-width: 100%; height: auto; }
.rds-blocks-container .rds-core-block--image figcaption { display: block; margin: 15rem 0 0; font-size: 16rem; line-height: 1.5; font-weight: 400; }

.rds-blocks-container .rds-core-block--image.aligncenter { margin-left: auto; margin-right: auto; }
.rds-blocks-container .rds-core-block--image.alignright { margin-left: auto; margin-right: 0; }

/* LINE-HEIGHT SETTING (PARAGRAPH, LIST, QUOTE, TABLE, IMAGE) */
.rds-blocks-container .rds-core-block.rds-core-block--paragraph,
.rds-blocks-container .rds-core-block--paragraph.has-rds-typography-02-font-size,
.rds-blocks-container .rds-core-block.rds-core-block--list,
.rds-blocks-container .rds-core-block--list.has-rds-typography-02-font-size,
.rds-blocks-container .rds-core-block.rds-core-block--quote,
.rds-blocks-container .rds-core-block--quote.has-rds-typography-02-font-size,
.rds-blocks-container .rds-core-block.rds-core-block--table,
.rds-blocks-container .rds-core-block.rds-core-block--table figcaption,
.rds-blocks-container .rds-core-block--table.has-rds-typography-02-font-size,
.rds-blocks-container .rds-core-block--table.has-rds-typography-02-font-size figcaption,
.rds-blocks-container .rds-core-block.rds-core-block--image figcaption,
.rds-blocks-container .rds-core-block--image.has-rds-typography-02-font-size figcaption { line-height: 1.87; }
.rds-blocks-container .rds-core-block--paragraph.has-rds-typography-01-font-size,
.rds-blocks-container .rds-core-block--list.has-rds-typography-01-font-size,
.rds-blocks-container .rds-core-block--quote.has-rds-typography-01-font-size,
.rds-blocks-container .rds-core-block--table.has-rds-typography-01-font-size,
.rds-blocks-container .rds-core-block--table.has-rds-typography-01-font-size figcaption,
.rds-blocks-container .rds-core-block--image.has-rds-typography-01-font-size figcaption { line-height: 1.77; }
.rds-blocks-container .rds-core-block--paragraph.has-rds-typography-03-font-size,
.rds-blocks-container .rds-core-block--list.has-rds-typography-03-font-size,
.rds-blocks-container .rds-core-block--quote.has-rds-typography-03-font-size,
.rds-blocks-container .rds-core-block--table.has-rds-typography-03-font-size,
.rds-blocks-container .rds-core-block--table.has-rds-typography-03-font-size figcaption,
.rds-blocks-container .rds-core-block--image.has-rds-typography-03-font-size figcaption { line-height: 2; }

/* EMBED */
.rds-blocks-container .rds-embed-video { margin-left: auto; margin-right: auto; position: relative; }
.rds-blocks-container .rds-embed-video__inner { position: relative; width: 100%; padding-top: 56.25%; }
.rds-blocks-container .rds-embed-video__inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }

.rds-blocks-container .wp-block-embed figcaption { display: block; margin: 15rem 0 0; font-size: 16rem; line-height: 1.5; font-weight: 400; }



/* **************************************** *
 * RDS Spacing
 * **************************************** */
.rds-spacer,
.rds-spacer.rds-spacing--xxxl { height: 160rem; }
.rds-spacer.rds-spacing--xxl { height: 120rem; }
.rds-spacer.rds-spacing--xl { height: 80rem; }
.rds-spacer.rds-spacing--l { height: 64rem; }
.rds-spacer.rds-spacing--m { height: 40rem; }
.rds-spacer.rds-spacing--s { height: 32rem; }
.rds-spacer.rds-spacing--xs { height: 24rem; }
.rds-spacer.rds-spacing--xxs { height: 16rem; }
.rds-spacer.rds-spacing--xxxs { height: 8rem; }



/* **************************************** *
 * RDS Separator
 * **************************************** */
.rds-separator { width: 100%; height: 1rem; margin: 0 auto; border: none; }



/* **************************************** *
 * RDS Shortcut
 * **************************************** */
.rds-shortcut__link { display: block; height: 100%; position: relative; border: 1rem solid; overflow: hidden; -webkit-transition: background .3s, border .3s, -webkit-box-shadow .3s; transition: background .3s, border .3s, -webkit-box-shadow .3s; transition: background .3s, border .3s, box-shadow .3s; transition: background .3s, border .3s, box-shadow .3s, -webkit-box-shadow .3s; }

.rds-shortcut__thumb { position: relative; overflow: hidden; }

.rds-shortcut__typo { position: relative; }
.rds-shortcut__title { display: block; font-size: 0; -webkit-transition: color .3s; transition: color .3s; }
.rds-shortcut__title > span { max-width: 100%; display: inline-block; vertical-align: middle; letter-spacing: 0.01em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.rds-shortcut__content { display: block; width: 100%; margin-top: 3rem; letter-spacing: 0.01em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color .3s; transition: color .3s; }
.rds-shortcut__icon { display: block; width: 20rem; height: 20rem; position: absolute; }
.rds-shortcut__icon svg { display: block; width: 100%; height: auto; }

.rds-shortcut.rds-badge--new .rds-shortcut__title > span { max-width: -webkit-calc(100% - 18rem); max-width: calc(100% - 18rem); padding-right: 4rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title:after { content: ''; display: inline-block; width: 18rem; height: 18rem; vertical-align: middle; position: relative; top: -2rem; background: url(../images/icon/icon-new.svg) no-repeat center center; background-size: contain; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-01 > span,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-02 > span,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-03 > span { max-width: -webkit-calc(100% - 46rem); max-width: calc(100% - 46rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-01:after,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-02:after,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--main-03:after { width: 42rem; height: 42rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-01 > span { max-width: -webkit-calc(100% - 36rem); max-width: calc(100% - 36rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-01:after { width: 32rem; height: 32rem; top: -3rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-02 > span { max-width: -webkit-calc(100% - 32rem); max-width: calc(100% - 32rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-02:after { width: 28rem; height: 28rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-03 > span { max-width: -webkit-calc(100% - 28rem); max-width: calc(100% - 28rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-03:after { width: 24rem; height: 24rem; top: -1rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-05 > span,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-01 > span { max-width: -webkit-calc(100% - 22rem); max-width: calc(100% - 22rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-05:after { width: 16rem; height: 16rem; top: -1rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-01:after { width: 16rem; height: 16rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-02 > span,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-03 > span,
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-04 > span { max-width: -webkit-calc(100% - 16rem); max-width: calc(100% - 16rem); }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-02:after { width: 12rem; height: 12rem; top: -1rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-03:after { width: 12rem; height: 12rem; }
.rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-04:after { width: 12rem; height: 12rem; top: -1rem; }
html.ios .rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-01:after { top: -2rem; }
html.ios .rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-03:after { top: -2rem; }
html.ios .rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--heading-05:after { top: -2rem; }
html.ios .rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-02:after { top: -2rem; }
html.ios .rds-shortcut.rds-badge--new .rds-shortcut__title.rds-shortcut__title--paragraph-03:after { top: -1rem; }

.rds-shortcut:not(.rds-shortcut--empty) .rds-shortcut__typo { padding-right: 32rem; }

/* IMAGE SIZE - LARGE */
.rds-shortcut--large .rds-shortcut__typo { padding: 24rem 28rem 23rem; }
.rds-shortcut--large .rds-shortcut__icon { right: 28rem; top: 27rem; }

.rds-shortcut.rds-shortcut--large:not(.rds-shortcut--empty) .rds-shortcut__typo { padding-right: 72rem; }

.rds-shortcut--large.rds-shortcut--bottom .rds-shortcut__thumb { width: 100%; position: absolute; bottom: 0; }
.rds-shortcut--large.rds-shortcut--bottom .rds-shortcut__typo { padding-bottom: 22rem; }

/* IMAGE SIZE - MEDIUM */
.rds-shortcut--medium .rds-shortcut__link { padding: 16rem; }
.rds-shortcut--medium .rds-shortcut__typo { padding: 24rem 12rem 7rem; }
.rds-shortcut--medium .rds-shortcut__icon { right: 12rem; top: 27rem; }

.rds-shortcut.rds-shortcut--medium:not(.rds-shortcut--empty) .rds-shortcut__typo { padding-right: 40rem; }

.rds-shortcut--medium.rds-shortcut--bottom .rds-shortcut__thumb { width: -webkit-calc(100% - 32rem); width: calc(100% - 32rem); position: absolute; bottom: 16rem; }
.rds-shortcut--medium.rds-shortcut--bottom .rds-shortcut__typo { padding-top: 8rem; padding-bottom: 23rem; }
.rds-shortcut--medium.rds-shortcut--bottom .rds-shortcut__icon {top: 11rem; }

/* IMAGE SIZE - SMALL */
.rds-shortcut--small .rds-shortcut__link { padding: 27rem; }
.rds-shortcut--small .rds-shortcut__thumb { width: 80rem; height: 80rem; }
.rds-shortcut--small .rds-shortcut__thumb .rds-lazyload { height: 100%; }
.rds-shortcut--small .rds-shortcut__thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; }
.rds-shortcut--small .rds-shortcut__icon { right: 0; }

.rds-shortcut--small.rds-shortcut--top .rds-shortcut__typo { padding-top: 24rem; }
.rds-shortcut--small.rds-shortcut--top .rds-shortcut__icon { top: 27rem; }

.rds-shortcut--small.rds-shortcut--bottom .rds-shortcut__part { padding-bottom: 80rem; }
.rds-shortcut--small.rds-shortcut--bottom .rds-shortcut__thumb { position: absolute; left: 27rem; bottom: 27rem; }
.rds-shortcut--small.rds-shortcut--bottom .rds-shortcut__typo { padding-bottom: 23rem; }
.rds-shortcut--small.rds-shortcut--bottom .rds-shortcut__icon { top: 3rem; }

/* IMAGE SIZE - XSMALL */
.rds-shortcut--xsmall .rds-shortcut__link { padding: 28rem 28rem 27rem; }
.rds-shortcut--xsmall .rds-shortcut__thumb { width: 48rem; height: 48rem; }
.rds-shortcut--xsmall .rds-shortcut__thumb .rds-lazyload { height: 100%; }
.rds-shortcut--xsmall .rds-shortcut__thumb img { height: 100%; -o-object-fit: cover; object-fit: cover; }
.rds-shortcut--xsmall .rds-shortcut__icon { right: 0; }

.rds-shortcut--xsmall.rds-shortcut--top .rds-shortcut__typo { padding-top: 20rem; }
.rds-shortcut--xsmall.rds-shortcut--top .rds-shortcut__icon { top: 23rem; }

.rds-shortcut--xsmall.rds-shortcut--bottom .rds-shortcut__part { padding-bottom: 48rem; }
.rds-shortcut--xsmall.rds-shortcut--bottom .rds-shortcut__thumb { position: absolute; left: 28rem; bottom: 27rem; }
.rds-shortcut--xsmall.rds-shortcut--bottom .rds-shortcut__typo { padding-bottom: 19rem; }
.rds-shortcut--xsmall.rds-shortcut--bottom .rds-shortcut__icon { top: 3rem; }

/* BLOCK TYPE - NONE */
.rds-shortcut--none .rds-shortcut__link { padding: 24rem 28rem 23rem; }
.rds-shortcut--none .rds-shortcut__icon { right: 0; top: 3rem; }

/* BLOCK TYPE - HORIZONTAL */
.rds-shortcut--horizontal .rds-shortcut__link { width: 100%; }
.rds-shortcut--horizontal .rds-shortcut__thumb { position: absolute; left: 28rem; top: 50%; margin-top: -24rem; }

.rds-shortcut--horizontal .rds-shortcut__typo { min-height: 98rem; padding-left: 72rem; }
.rds-shortcut--horizontal .rds-shortcut__typo:only-child { min-height: auto; padding-left: 0; }

.rds-shortcut--horizontal.rds-shortcut--xsmall .rds-shortcut__link { padding-top: 0; padding-bottom: 0; }
.rds-shortcut--horizontal.rds-shortcut--xsmall .rds-shortcut__typo { padding-top: 23rem; padding-bottom: 22rem; }
.rds-shortcut--horizontal.rds-shortcut--xsmall .rds-shortcut__icon { top: 27rem; }

/* BLOCK TYPE - LIST */
.rds-shortcut--list .rds-shortcut__link { padding: 28rem 28rem; border: none; }
.rds-shortcut--list .rds-shortcut__icon { right: 0; top: 50%; margin-top: -10rem; }

.rds-shortcut.rds-shortcut--list:not(.rds-shortcut--empty) .rds-shortcut__typo { padding-right: 44rem; }



/* **************************************** *
 * RDS Tab
 * **************************************** */
.rds-tabs__menu { position: relative; overflow: hidden; }
.rds-tabs__menu ul { display: block; font-size: 0; white-space: nowrap; }
.rds-tabs__menu li { display: inline-block; width: auto; vertical-align: top; position: relative; }
.rds-tabs__menu li a { display: block; position: relative; font-weight: 700; letter-spacing: 0.01em; }
.rds-tabs__menu li span { position: relative; }
.rds-tabs__menu li i { position: absolute; left: 0; top: 50%; font-style: normal; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.rds-tabs__menu li i > svg { display: block; width: 100%; height: auto; }

.rds-tabs__menu:before,
.rds-tabs__menu:after { content: ''; width: 10rem; height: 100%; position: absolute; top: 0; z-index: 2; }
.rds-tabs__menu:before { left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
.rds-tabs__menu:after { right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); }
.rds-tabs__menu.rds-tabs--active-clear:before,
.rds-tabs__menu.rds-tabs--active-first:before { display: none; }
.rds-tabs__menu.rds-tabs--active-clear:after,
.rds-tabs__menu.rds-tabs--active-last:after { display: none; }

/* ALIGN */
.rds-tabs--center > .rds-tabs__menu ul { text-align: center; }

/* SIZE */
.rds-tabs--large > .rds-tabs__menu li a { font-size: 24rem; line-height: 1.33; }
.rds-tabs--large > .rds-tabs__menu li i { width: 24rem; }
.rds-tabs--large.rds-tabs--icon > .rds-tabs__menu li span { padding-left: 30rem; }

.rds-tabs--medium > .rds-tabs__menu li a { font-size: 20rem; line-height: 1.4; }
.rds-tabs--medium > .rds-tabs__menu li i { width: 20rem; }
.rds-tabs--medium.rds-tabs--icon > .rds-tabs__menu li span { padding-left: 24rem; }

.rds-tabs--small > .rds-tabs__menu li a { font-size: 18rem; line-height: 1.44; }
.rds-tabs--small > .rds-tabs__menu li i { width: 18rem; margin-top: -1rem; }
.rds-tabs--small.rds-tabs--icon > .rds-tabs__menu li span { padding-left: 21rem; }

/* FILL */
.rds-tabs--fill > .rds-tabs__menu { margin-bottom: 120rem; }
.rds-tabs--fill > .rds-tabs__menu li a { border-radius: 100rem; }

.rds-tabs--fill.rds-tabs--large > .rds-tabs__menu li a { padding: 12rem 28rem 11rem; }
.rds-tabs--fill.rds-tabs--medium > .rds-tabs__menu li a { padding: 8rem 22rem; }
.rds-tabs--fill.rds-tabs--small > .rds-tabs__menu li a { padding: 8rem 19rem 7rem; }

/* TEXT */
.rds-tabs--text > .rds-tabs__menu { margin-bottom: 56rem; }
.rds-tabs--text > .rds-tabs__menu li { margin: 0 7rem; }
.rds-tabs--text > .rds-tabs__menu li:first-child { margin-left: 0; }
.rds-tabs--text > .rds-tabs__menu li:last-child { margin-right: 0; }
.rds-tabs--text > .rds-tabs__menu li a { padding: 6rem 8rem; }
.rds-tabs--text > .rds-tabs__menu li a:after { content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: 0; border-radius: 24rem; }

.rds-tabs--text.rds-tabs--medium > .rds-tabs__menu li a { padding-left: 6rem; padding-right: 6rem; }
.rds-tabs--text.rds-tabs--medium > .rds-tabs__menu li i { left: -2rem; }
.rds-tabs--text.rds-tabs--medium.rds-tabs--icon > .rds-tabs__menu li span { padding-left: 21rem; }

.rds-tabs--text.rds-tabs--small > .rds-tabs__menu li a { padding-left: 4rem; padding-right: 4rem; }
.rds-tabs--text.rds-tabs--small > .rds-tabs__menu li i { left: -2rem; }
.rds-tabs--text.rds-tabs--small.rds-tabs--icon > .rds-tabs__menu li span { padding-left: 19rem; }

/* CONTENT */
.rds-tabs__panels { position: relative; }
.rds-tabs__panels > div { display: none; }

/* CROSS BROWSER */
html.mac .rds-tabs__menu li i,
html.ios .rds-tabs__menu li i { margin-top: -1rem; }



/* **************************************** *
 * RDS Top Visual
 * **************************************** */
.rds-visual[id^="rds-visual-"] { max-width: inherit; margin: -228rem -40rem 0; }
.rds-visual__inner { position: relative; }
.rds-visual__group { margin: 0 auto; position: relative; }

.rds-visual__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.rds-visual__bg-default { width: 100%; height: 100%; background: no-repeat center center; background-size: cover; }
.rds-visual__bg-video { width: 100%; height: 100%; }

.rds-visual__content { margin: 0 auto; padding-top: 228rem; padding-bottom: 75rem; position: relative; }
.rds-visual--space-big .rds-visual__content { padding-bottom: 155rem; }

.rds-visual__sub { display: block; }
.rds-visual__title { margin-top: 29rem; }
.rds-visual__desc { margin-top: 20rem; letter-spacing: 0; }
.rds-visual__version { display: block; margin-top: 61rem; letter-spacing: 0.01em; }
.rds-visual__typography > *:first-child { margin-top: 0; }

/* ALIGN */
.rds-visual.text-alignright .rds-visual__typography { text-align: right; }
.rds-visual.text-aligncenter .rds-visual__typography { text-align: center; }

.rds-visual.rds-visual--text-default.alignright .rds-visual__typography { margin-left: auto; margin-right: 0; }
.rds-visual.rds-visual--text-default.aligncenter .rds-visual__typography { margin-left: auto; margin-right: auto; }

/* HEIGHT */
.rds-visual--size-small .rds-visual__content { min-height: 560rem; }
.rds-visual--size-medium .rds-visual__content { min-height: 720rem; }
.rds-visual--size-full .rds-visual__content { min-height: 100vh; }

html.ios .rds-visual--size-full .rds-visual__content { min-height: 100svh; }

/* CONTENT WRAP */
.rds-visual--wrap-narrow:not(.rds-visual--type-card) .rds-visual__content,
.rds-visual--wrap-narrow.rds-visual--type-card .rds-visual__group { max-width: 908rem; }
.rds-visual--wrap-wide:not(.rds-visual--type-card) .rds-visual__content,
.rds-visual--wrap-wide.rds-visual--type-card .rds-visual__group { max-width: 1218rem; }

/* TEXT WRAP */
.rds-visual--text-default .rds-visual__typography { max-width: 753rem; }

/* TYPE - TEXT */
.rds-visual--type-text.rds-visual--border .rds-visual__content { border-bottom: 1rem solid transparent; }

/* TYPE - CARD */
.rds-visual.rds-visual--type-card[id^="rds-visual-"] { margin-top: -80rem; }

.rds-visual--type-card .rds-visual__group { overflow: hidden; }
.rds-visual--type-card .rds-visual__content,
.rds-visual--type-card .rds-visual--space-big .rds-visual__content { padding: 80rem 80rem; }
.rds-visual--type-card .rds-visual__version { margin-bottom: -5rem; }

.rds-visual--type-card.rds-visual--border .rds-visual__group { border: 1rem solid transparent; }

/* TYPE - VERTICAL */
.rds-visual__vertical-source { margin: -32rem auto 0; position: relative; overflow: hidden; }
.rds-visual--space-big .rds-visual__vertical-source { margin-top: -92rem; }

.rds-visual--wrap-narrow .rds-visual__vertical-source { max-width: 908rem; }
.rds-visual--wrap-wide .rds-visual__vertical-source { max-width: 1218rem; }

.rds-visual__vertical-image { position: relative; }
.rds-visual__vertical-image > span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: no-repeat center center; background-size: cover; }
.rds-visual__vertical-video { width: 100%; }

/* TYPE - HORIZONTAL */
.rds-visual--type-horizontal .rds-visual__content,
.rds-visual--type-horizontal .rds-visual--space-big .rds-visual__content { padding-bottom: 0; }
.rds-visual--type-horizontal .rds-visual__content:after { content: ''; display: table; clear: both; }
.rds-visual--type-horizontal .rds-visual__content > * { float: left; }

.rds-visual--type-horizontal .rds-visual__bg { height: -webkit-calc(100% - 140rem); height: calc(100% - 140rem); }
.rds-visual--type-horizontal .rds-visual__typography { width: 50.99%; padding: 0 75rem 215rem 0; }
.rds-visual--type-horizontal .rds-visual--space-big .rds-visual__typography { padding-bottom: 295rem; }

.rds-visual__horizontal-source { width: 49.01%; position: relative; overflow: hidden; }
.rds-visual__inner > .rds-visual__horizontal-source { display: none; }

.rds-visual__horizontal-image { position: relative; }
.rds-visual__horizontal-image > span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: no-repeat center center; background-size: cover; }
.rds-visual__horizontal-video { width: 100%; height: 100%; }



/* **************************************** *
 * RDS Anchor
 * **************************************** */
/* WRAP */
.rds-anchor { padding-right: 40rem; position: relative; z-index: 10; }

/* NAVIGATION */
.rds-anchor__aside { width: 202rem; position: absolute; top: 0; right: -242rem; opacity: 0; visibility: hidden; }

.rds-anchor__nav { position: relative; }
.rds-anchor__nav:before { content: ''; width: 2px; height: -webkit-calc(100% - 8rem); height: calc(100% - 8rem); position: absolute; left: 0; top: 4rem; background: var(--color-150); border-radius: 8rem; }
.rds-anchor__nav a { display: block; position: relative; font-weight: 400; letter-spacing: 0.01em; color: var(--color-600); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: color .3s; transition: color .3s; }
.rds-anchor__nav a:before { content: ''; width: 2px; position: absolute; left: 0; background: #346AFF; border-radius: 8rem; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.rds-anchor__nav > ul > li > a { padding: 4rem 10rem; font-size: 16rem; line-height: 1.5; }
.rds-anchor__nav > ul > li > a:before { height: -webkit-calc(100% - 8rem); height: calc(100% - 8rem); top: 4rem; }
.rds-anchor__nav > ul > li > ul { display: none; opacity: 0; -webkit-transition: all .3s; transition: all .3s; }
.rds-anchor__nav > ul > li > ul > li > a { padding: 4rem 26rem; font-size: 14rem; line-height: 1.57; }
.rds-anchor__nav > ul > li > ul > li > a:before { height: -webkit-calc(100% - 6rem); height: calc(100% - 6rem); top: 3rem; }
html.desktop .rds-anchor__nav a:hover { color: var(--color-900); }

/* CURRENT */
.rds-anchor__nav a.rds-anchor--active { font-weight: 700; color: var(--color-900); }
.rds-anchor__nav a.rds-anchor--active:before { opacity: 1; }
.rds-anchor__nav li.rds-anchor--ancestor > ul { display: block; opacity: 1; }



/* **************************************** *
 * RDS Example Wideget
 * **************************************** */
.rds-example__desc { margin-top: 15rem; }

.rds-example__image { width: 100%; margin: 0 auto; }
.rds-example__video { width: 100%; margin: 0 auto; }

.rds-example__item--media.rds-example__item--cover { margin-bottom: -2rem; margin-top: -2rem; }
.rds-example__item--media.rds-example__item--cover .rds-example__image,
.rds-example__item--media.rds-example__item--cover .rds-example__video { max-width: inherit !important; height: 100%; }
.rds-example__item--media.rds-example__item--cover .rds-example__image .rds-lazyload { height: 100%; }
.rds-example__item--media.rds-example__item--cover .rds-example__video .rds-inline-video__vod video { width: calc(100% + 4rem); left: -2rem; position: relative; }
.rds-example__item--media.rds-example__item--cover .rds-example__image .rds-lazyload img { height: 100%; -o-object-fit: cover; object-fit: cover; }

.rds-example__item--text .rds-separator { margin-top: 31rem; margin-bottom: 32rem; }

.rds-blocks-container .rds-example__item--text .rds-example__item-inner .rds-core-block--paragraph { font-size: 20rem; line-height: 1.4; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner .rds-core-block--paragraph em { padding-bottom: 2px; font-style: normal; border-bottom: 2px solid; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner .rds-core-block--paragraph code,
.rds-blocks-container .rds-example__item--text .rds-example__item-inner .rds-core-block--paragraph mark { padding: 5rem 4rem 3rem; bottom: 0; font-size: 0.9em; }

.rds-blocks-container .rds-example__item--text .rds-example__item-inner .rds-core-block--list li + li { margin-top: 2rem; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list li { padding-left: 1.27em; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list li:before { width: 1em; height: 1em; top: 4rem; background: no-repeat center center; background-size: contain; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-heading-05-font-size li:before { top: 3rem; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-01-font-size li:before { top: 2rem; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-03-font-size li:before { top: 2rem; }
.rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-04-font-size li:before { top: 3rem; }

.rds-blocks-container .rds-example__item--text p + ul { margin-top: 16rem; }

/* BASIC */
.rds-example-basic__inner { border: 1px solid; overflow: hidden; }

.rds-example-basic__item { height: 100%; position: relative; }
.rds-example-basic.rds-example--number .rds-example-basic__item:before { content: counter(item); counter-increment: item; display: block; min-width: 20px; height: 20px; padding: 4px 2px; position: absolute; left: 12rem; top: 12rem; font-size: 12px; line-height: 1; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2; }
.rds-example-basic.rds-example--number .rds-example-basic__item:after { content: attr(data-number-label); width: -webkit-calc(100% - 52rem); width: calc(100% - 52rem); position: absolute; top: 13rem; left: -webkit-calc(20px + 17rem); left: calc(20px + 17rem); font-size: 14px; line-height: 1.57; white-space: pre; text-overflow: ellipsis; overflow: hidden; z-index: 2; }

.rds-example-basic .rds-example__item { display: table; width: 100%; height: 100%; }
.rds-example-basic .rds-example__item-inner { display: table-cell; vertical-align: middle; padding: 64rem 40rem; }

.rds-blocks-container .rds-example-basic .wp-block-columns { gap: 0; position: relative; }
.rds-example-basic .wp-block-columns:after { content: ''; width: -webkit-calc(100% - 24rem); width: calc(100% - 24rem); height: 1rem; position: absolute; top: 0; left: 12rem; }
.rds-example-basic .wp-block-columns:first-child:after { display: none; }
.rds-example-basic .wp-block-column { position: relative; }
.rds-example-basic .wp-block-column:after { content: ''; width: 1rem; height: -webkit-calc(100% - 24rem); height: calc(100% - 24rem); position: absolute; top: 12rem; left: 0; }
.rds-example-basic .wp-block-column:first-child:after { display: none; }

.rds-example-basic.rds-example--line-long .wp-block-columns:after { width: 100%; left: 0; }

.rds-example-basic.rds-example--number .rds-example-basic__inner { counter-reset: item; }

/* STATUS */
.rds-example-status__inner { position: relative; overflow: hidden; }
.rds-example-status__inner:before { content: ''; display: block; width: 100%; height: 4px; position: absolute; top: 0; left: 0; z-index: 1; }
.rds-example-status__inner:after { content: ''; display: block; min-width: 20rem; height: 20rem; position: absolute; left: 12rem; top: 12rem; background: no-repeat center center; background-size: 12rem 12rem; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; }

.rds-example-status__block-wrap { display: table; width: 100%; height: 100%; border: 1px solid; overflow: hidden; }
.rds-example-status__blocks { display: table-cell; vertical-align: middle; padding: 67rem 40rem 64rem; }

/* SAFARI */
html.ios .rds-example-basic__inner,
html.ios .rds-example-status__inner,
html.ios .rds-example-status__block-wrap,
html.mac .rds-example-basic__inner,
html.mac .rds-example-status__inner,
html.mac .rds-example-status__block-wrap { -webkit-mask-image: -webkit-radial-gradient(white, black); }

/* IOS */
html.ios .rds-example-basic.rds-example--number .rds-example-basic__item:before { padding-top: 5px; }
html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list li:before { top: 2rem; }
html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-04-font-size li:before { top: 2rem; }



/* **************************************** *
 * RDS Button
 * **************************************** */
.rds-button { font-size: 0; }

.rds-button.alignright { text-align: right; }
.rds-button.aligncenter { text-align: center; }

.rds-button__item { display: inline-block; }
.rds-button__item span { display: inline-block; position: relative; font-weight: 500; }
.rds-button__item i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.rds-button__item i svg { display: block; width: 100%; height: auto; }

/* DISPLAY */
.rds-button--display-wide .rds-button__item { display: block; text-align: center; }

/* ICON */
.rds-button--icon-left .rds-button__item i { left: 0; }
.rds-button--icon-right .rds-button__item i { right: 0; }

/* STATUS */
.rds-button--disable .rds-button__item { cursor: not-allowed; }

/* APPEARANCE CONTAINER (TYPE, COLOR) */
.rds-button--appearance-container .rds-button__item { border: 1rem solid; -webkit-transition: background .3s, border .3s; transition: background .3s, border .3s; }

.rds-button.rds-button--appearance-container.rds-button--type-fill.rds-button--disable .rds-button__item,
.rds-button.rds-button--appearance-container.rds-button--type-tint.rds-button--disable .rds-button__item { background: var(--color-100); border-color: var(--color-100); }
.rds-button.rds-button--appearance-container.rds-button--type-outline.rds-button--disable .rds-button__item { background: #fff; border-color: var(--color-300); }
.rds-button.rds-button--appearance-container.rds-button--type-fill.rds-button--disable .rds-button__item span,
.rds-button.rds-button--appearance-container.rds-button--type-tint.rds-button--disable .rds-button__item span,
.rds-button.rds-button--appearance-container.rds-button--type-outline.rds-button--disable .rds-button__item span { color: var(--color-400); }
.rds-button.rds-button--appearance-container.rds-button--type-fill.rds-button--disable .rds-button__item i svg path,
.rds-button.rds-button--appearance-container.rds-button--type-tint.rds-button--disable .rds-button__item i svg path,
.rds-button.rds-button--appearance-container.rds-button--type-outline.rds-button--disable .rds-button__item i svg path { fill: var(--color-400); }

.rds-button--appearance-container.rds-button--type-tint.rds-button--color-bluegray .rds-button__item { background: var(--color-150); border-color: var(--color-150); }
.rds-button--appearance-container.rds-button--type-tint.rds-button--color-bluegray .rds-button__item span { color: var(--color-800); }
.rds-button--appearance-container.rds-button--type-tint.rds-button--color-bluegray .rds-button__item i svg path { fill: var(--color-800); }
html.desktop .rds-button--appearance-container.rds-button--type-tint.rds-button--color-bluegray:not(.rds-button--disable) .rds-button__item:hover { background: var(--color-200); border-color: var(--color-200); }

.rds-button--appearance-container.rds-button--type-outline.rds-button--color-bluegray .rds-button__item { background: #fff; border-color: var(--color-500); }
.rds-button--appearance-container.rds-button--type-outline.rds-button--color-bluegray .rds-button__item span { color: #454F5B; }
.rds-button--appearance-container.rds-button--type-outline.rds-button--color-bluegray .rds-button__item i svg path { fill: #454F5B; }
html.desktop .rds-button--appearance-container.rds-button--type-outline.rds-button--color-bluegray:not(.rds-button--disable) .rds-button__item:hover { background: var(--color-100); }

/* APPEARANCE TEXT (COLOR) */
.rds-button--appearance-text .rds-button__item span { -webkit-transition: color .3s; transition: color .3s; }
.rds-button--appearance-text .rds-button__item i svg path { -webkit-transition: fill .3s; transition: fill .3s; }

.rds-button.rds-button--appearance-text.rds-button--disable .rds-button__item span { color: var(--color-400); }
.rds-button.rds-button--appearance-text.rds-button--disable .rds-button__item i svg path { fill: var(--color-400); }

.rds-button--appearance-text.rds-button--color-bluegray .rds-button__item span { color: var(--color-800); }
.rds-button--appearance-text.rds-button--color-bluegray .rds-button__item i svg path { fill: var(--color-800); }
html.desktop .rds-button--appearance-text.rds-button--color-bluegray:not(.rds-button--disable) .rds-button__item:hover span { color: var(--color-900); }
html.desktop .rds-button--appearance-text.rds-button--color-bluegray:not(.rds-button--disable) .rds-button__item:hover i svg path { fill: var(--color-900); }

/* SIZE */
.rds-button--size-large.rds-button--appearance-container .rds-button__item { padding: 12rem 11rem 8rem; }
.rds-button--size-large.rds-button--appearance-text .rds-button__item { padding: 6rem 0 2rem; }
.rds-button--size-large .rds-button__item span { font-size: 18rem; line-height: 1.44; }
.rds-button--size-large.rds-button--icon-left .rds-button__item span { padding-left: 22rem; }
.rds-button--size-large.rds-button--icon-right .rds-button__item span { padding-right: 22rem; }
.rds-button--size-large .rds-button__item i { width: 16rem; height: 16rem; margin-top: -2rem; }

.rds-button--size-medium.rds-button--appearance-container .rds-button__item { padding: 7rem 11rem; }
.rds-button--size-medium.rds-button--appearance-text .rds-button__item { padding: 4rem 0; }
.rds-button--size-medium .rds-button__item span { font-size: 16rem; line-height: 1.5; }
.rds-button--size-medium.rds-button--icon-left .rds-button__item span { padding-left: 18rem; }
.rds-button--size-medium.rds-button--icon-right .rds-button__item span { padding-right: 18rem; }
.rds-button--size-medium .rds-button__item i { width: 14rem; height: 14rem; }

.rds-button--size-small.rds-button--appearance-container .rds-button__item { padding: 5rem 9rem 2rem; }
.rds-button--size-small.rds-button--appearance-text .rds-button__item { padding: 5rem 0 2rem; }
.rds-button--size-small .rds-button__item span { font-size: 14rem; line-height: 1.57; }
.rds-button--size-small.rds-button--icon-left .rds-button__item span { padding-left: 16rem; }
.rds-button--size-small.rds-button--icon-right .rds-button__item span { padding-right: 16rem; }
.rds-button--size-small .rds-button__item i { width: 12rem; height: 12rem; margin-top: -2rem; }

html.ios .rds-button--size-large.rds-button--appearance-container .rds-button__item { padding-top: 11rem; }
html.ios .rds-button--size-medium.rds-button--appearance-container .rds-button__item { padding-top: 8rem; padding-bottom: 6rem; }
html.ios .rds-button--size-medium .rds-button__item i { margin-top: -2rem; }
html.ios .rds-button--size-small.rds-button--appearance-container .rds-button__item { padding-bottom: 3rem; }
html.ios .rds-button--size-small .rds-button__item i { margin-top: -1rem; }



/* **************************************** *
 * RDS List
 * **************************************** */
.rds-list { width: 100%; }
.rds-list__inner { border: 1px solid; overflow: hidden; -webkit-transition: background .3s, border .3s, -webkit-box-shadow .3s; transition: background .3s, border .3s, -webkit-box-shadow .3s; transition: background .3s, border .3s, box-shadow .3s; transition: background .3s, border .3s, box-shadow .3s, -webkit-box-shadow .3s; }

.rds-list__link { display: block; height: 100%; position: relative; }
.rds-list__thumb { width: 100%; position: absolute; z-index: 1; }
.rds-list__media { width: 100%; height: 100%; position: relative; }
.rds-list__image { width: 100%; height: 100%; position: relative; overflow: hidden; }

.rds-list__typo { position: relative; z-index: 2; }
.rds-list__sub { margin-bottom: 12rem; }
.rds-list__title { display: block; font-size: 0; }
.rds-list__title > span { vertical-align: middle; }
.rds-list__content { margin-top: 5rem; }
.rds-list__sub, .rds-list__title, .rds-list__content, .rds-list__caption { -webkit-transition: color .3s; transition: color .3s; }

.rds-list.rds-badge--new .rds-list__title > span { margin-right: 4rem; } 
.rds-list.rds-badge--new .rds-list__title:after { content: ''; display: inline-block; width: 18rem; height: 18rem; vertical-align: middle; position: relative; top: -2rem; background: url(../images/icon/icon-new.svg) no-repeat center center; background-size: contain; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--main-01:after,
.rds-list.rds-badge--new .rds-list__title.rds-list__title--main-02:after,
.rds-list.rds-badge--new .rds-list__title.rds-list__title--main-03:after { width: 42rem; height: 42rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-01:after { width: 32rem; height: 32rem; top: -3rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-02:after { width: 28rem; height: 28rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-03:after { width: 24rem; height: 24rem; top: -1rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-05:after { width: 16rem; height: 16rem; top: -1rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-01:after { width: 16rem; height: 16rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-02:after { width: 12rem; height: 12rem; top: -1rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-03:after { width: 12rem; height: 12rem; }
.rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-04:after { width: 12rem; height: 12rem; top: -1rem; }
html.ios .rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-01:after { top: -2rem; }
html.ios .rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-03:after { top: -2rem; }
html.ios .rds-list.rds-badge--new .rds-list__title.rds-list__title--heading-05:after { top: -2rem; }
html.ios .rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-02:after { top: -2rem; }
html.ios .rds-list.rds-badge--new .rds-list__title.rds-list__title--paragraph-03:after { top: -1rem; }

html.safari .rds-list__image,
html.safari .rds-list__media .rds-background-video__vod,
html.safari .rds-list__media .rds-background-video__poster,
html.safari .rds-list__inner { -webkit-mask-image: -webkit-radial-gradient(white, black); }

/* TEXT WIDTH & ALIGN */
.wp-block-columns .wp-block-column:only-child .rds-list--text-default .rds-list__typo > div { max-width: 60%; }

.wp-block-columns .wp-block-column:only-child .rds-list--text-default.aligncenter .rds-list__typo > div { margin-left: auto; margin-right: auto; }
.wp-block-columns .wp-block-column:only-child .rds-list--text-default.alignright .rds-list__typo > div { margin-left: auto; margin-right: 0; }

/* SPACING */
.rds-list--space .rds-list__typo-top { margin-bottom: 21rem; }

.rds-list--space.rds-list--space-zero .rds-list__typo-top { margin-bottom: 0; }
.rds-list--space.rds-list--space-xsmall .rds-list__typo-top { margin-bottom: 24rem; }
.rds-list--space.rds-list--space-small .rds-list__typo-top { margin-bottom: 40rem; }
.rds-list--space.rds-list--space-medium .rds-list__typo-top { margin-bottom: 64rem; }
.rds-list--space.rds-list--space-large .rds-list__typo-top { margin-bottom: 120rem; }
.rds-list--space.rds-list--space-xlarge .rds-list__typo-top { margin-bottom: 240rem; }

/* BLOCK TYPE - OVERLAY */
.rds-list--type-overlay .rds-list__inner { border: none; background: none; }
.rds-list--type-overlay .rds-list__part { padding: 28rem; }
.rds-list--type-overlay .rds-list__thumb { height: 100%; top: 0; left: 0; }
.rds-list--type-overlay .rds-list__thumb:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: rgba(255,255,255,0.2); -webkit-transition: .3s; transition: .3s; }
.rds-list--type-overlay .rds-list__image { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.rds-list--type-overlay .rds-list__image .rds-lazyload { height: 100%; }
.rds-list--type-overlay .rds-list__image img { height: 100%; -o-object-fit: cover; object-fit: cover; }

.wp-block-columns .wp-block-column:only-child .rds-list--type-overlay .rds-list__part { padding: 32rem; }

html.desktop .rds-list--type-overlay .rds-list__link:hover .rds-list__thumb:after { opacity: 1; }

/* BLOCK TYPE - VERTICAL */
.rds-list--type-vertical .rds-list__caption { margin-top: 21rem; }

.rds-list--type-vertical.rds-list--img-top .rds-list__thumb { position: relative; }

.rds-list--type-vertical.rds-list--size-large .rds-list__media { height: auto; }
.rds-list--type-vertical.rds-list--size-large .rds-list__typo { padding: 24rem 28rem; }
.rds-list--type-vertical.rds-list--size-large.rds-list--img-bottom .rds-list__thumb { bottom: 0; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-large .rds-list__typo { padding: 28rem 32rem; }

.rds-list--type-vertical.rds-list--size-medium .rds-list__part { padding: 16rem; }
.rds-list--type-vertical.rds-list--size-medium .rds-list__media { height: auto; }
.rds-list--type-vertical.rds-list--size-medium .rds-list__typo { padding: 24rem 12rem 9rem; }
.rds-list--type-vertical.rds-list--size-medium.rds-list--img-bottom .rds-list__thumb { width: -webkit-calc(100% - 32rem); width: calc(100% - 32rem); bottom: 16rem; }
.rds-list--type-vertical.rds-list--size-medium.rds-list--img-bottom .rds-list__typo { padding-top: 9rem; padding-bottom: 10rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-medium .rds-list__typo { padding: 29rem 15rem 13rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-medium.rds-list--img-bottom .rds-list__typo { padding-top: 13rem; padding-bottom: 14rem; }

.rds-list--type-vertical.rds-list--size-small .rds-list__part { padding: 28rem 28rem 26rem; }
.rds-list--type-vertical.rds-list--size-small .rds-list__thumb { width: 80rem; height: 80rem; }
.rds-list--type-vertical.rds-list--size-small .rds-list__image .rds-lazyload { height: 100%; }
.rds-list--type-vertical.rds-list--size-small .rds-list__image img { height: 100%; -o-object-fit: cover; object-fit: cover; }
.rds-list--type-vertical.rds-list--size-small .rds-list__typo { padding-top: 24rem; }
.rds-list--type-vertical.rds-list--size-small.rds-list--img-bottom .rds-list__part { padding-top: 26rem; padding-bottom: 108rem; }
.rds-list--type-vertical.rds-list--size-small.rds-list--img-bottom .rds-list__thumb { bottom: 28rem; }
.rds-list--type-vertical.rds-list--size-small.rds-list--img-bottom .rds-list__typo { padding-top: 0; padding-bottom: 24rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-small .rds-list__part { padding: 32rem 32rem 29rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-small .rds-list__typo { padding-top: 28rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-small.rds-list--img-bottom .rds-list__part { padding-top: 30rem; padding-bottom: 110rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-vertical.rds-list--size-small.rds-list--img-bottom .rds-list__typo { padding-top: 0; padding-bottom: 28rem; }

/* BLOCK TYPE - HORIZONTAL */
.rds-list--type-horizontal .rds-list__image { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.rds-list--type-horizontal .rds-list__image .rds-lazyload { height: 100%; }
.rds-list--type-horizontal .rds-list__image img { height: 100%; -o-object-fit: cover; object-fit: cover; }
.rds-list--type-horizontal .rds-list__typo { width: 50%; }

.rds-list--type-horizontal.rds-list--img-left .rds-list__typo { margin-left: auto; margin-right: 0; }
.rds-list--type-horizontal.rds-list--img-right .rds-list__typo { margin-left: 0; margin-right: auto; }

.rds-list--type-horizontal.rds-list--size-large .rds-list__thumb { width: 50%; height: 100%; top: 0; }
.rds-list--type-horizontal.rds-list--size-large .rds-list__typo { padding: 28rem 24rem 25rem; }
.rds-list--type-horizontal.rds-list--size-large.rds-list--img-left .rds-list__thumb { left: 0; }
.rds-list--type-horizontal.rds-list--size-large.rds-list--img-right .rds-list__thumb { right: 0; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-horizontal.rds-list--size-large .rds-list__typo { padding: 32rem 27rem 29rem; }

.rds-list--type-horizontal.rds-list--size-medium .rds-list__part { padding: 16rem; }
.rds-list--type-horizontal.rds-list--size-medium .rds-list__thumb { width: -webkit-calc(50% - 16rem); width: calc(50% - 16rem); height: -webkit-calc(100% - 32rem); height: calc(100% - 32rem); top: 16rem; }
.rds-list--type-horizontal.rds-list--size-medium .rds-list__typo { padding: 12rem 24rem 9rem; }
.rds-list--type-horizontal.rds-list--size-medium.rds-list--img-left .rds-list__thumb { left: 16rem; }
.rds-list--type-horizontal.rds-list--size-medium.rds-list--img-right .rds-list__thumb { right: 16rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-horizontal.rds-list--size-medium .rds-list__typo { padding: 16rem 27rem 13rem; }

.rds-list--type-horizontal.rds-list--size-small .rds-list__thumb { width: 80rem; height: 80rem; top: 50%; margin-top: -40rem; }
.rds-list--type-horizontal.rds-list--size-small .rds-list__typo { width: -webkit-calc(100% - 108rem); width: calc(100% - 108rem); padding: 28rem 23rem 25rem; }
.rds-list--type-horizontal.rds-list--size-small.rds-list--img-left .rds-list__thumb { left: 28rem; }
.rds-list--type-horizontal.rds-list--size-small.rds-list--img-right .rds-list__thumb { right: 28rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-horizontal.rds-list--size-small .rds-list__typo { width: -webkit-calc(100% - 112rem); width: calc(100% - 112rem); padding: 31rem 28rem 29rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-horizontal.rds-list--size-small.rds-list--img-left .rds-list__thumb { left: 32rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-horizontal.rds-list--size-small.rds-list--img-right .rds-list__thumb { right: 32rem; }

/* BLOCK TYPE - NONE */
.rds-list--type-none .rds-list__part { padding: 31rem; }
.wp-block-columns .wp-block-column:only-child .rds-list--type-none .rds-list__part { padding: 35rem; }



/* **************************************** *
 * RDS Shortcode
 * **************************************** */
.rds-shortcode__group { background: #fff; border: 1rem solid var(--color-200); overflow: hidden; }

.rds-shortcode__view { padding: 16rem 32rem; font-size: 14rem; }

.rds-shortcode__actions { padding: 4rem 20rem 3rem; font-size: 0; border-top: 1rem solid var(--color-200); overflow: hidden; }
.rds-shortcode__button { display: inline-block; vertical-align: middle; margin: 0; padding: 0; position: relative; background: none; border: none; cursor: pointer; }
.rds-shortcode__button > span { font-size: 14rem; line-height: 1.57; font-weight: 400; color: var(--color-700); }
.rds-shortcode__button > i { width: 16rem; height: 16rem; position: absolute; top: 50%; margin-top: -8rem; }
.rds-shortcode__button > i svg { display: block; width: 100%; height: auto; }
.rds-shortcode__button > i svg path { fill: var(--color-700); }

.rds-shortcode__insert { float: left; padding: 2rem 0 0; }
.rds-shortcode__insert .rds-shortcode__button { padding: 8rem 10rem; }
.rds-shortcode__insert .rds-shortcode__button > span { padding-right: 11rem; }
.rds-shortcode__insert .rds-shortcode__button > i { right: 0; margin-top: -9rem; }
html.mac .rds-shortcode__insert { padding-top: 3rem; }
html.ios .rds-shortcode__insert .rds-shortcode__button > i { margin-top: -8rem; }

.rds-shortcode__resource { float: right; text-align: right; }
.rds-shortcode__resource .rds-shortcode__button { width: 40rem; height: 40rem; }
.rds-shortcode__resource .rds-shortcode__button > i { left: 50%; margin-left: -8rem; }

.rds-shortcode__switch { display: inline-block; vertical-align: middle; margin-right: 20rem; }
.rds-shortcode__switch-item { display: inline-block; vertical-align: middle; }
.rds-shortcode__switch-item + .rds-shortcode__switch-item { margin-left: 18rem; }
.rds-shortcode__switch-item > span { display: inline-block; vertical-align: middle; padding-right: 8rem; font-size: 14rem; line-height: 1.57; font-weight: 400; color: var(--color-700); }
.rds-shortcode__switch-label { display: inline-block; vertical-align: middle; width: 36rem; height: 18rem; position: relative; }
.rds-shortcode__switch-label input { position: absolute; top: 0; left: 0; opacity: 0; }
.rds-shortcode__switch-label > i { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-200); border-radius: 34rem; -webkit-transition: .3s; transition: .3s; }
.rds-shortcode__switch-label > i:before { content: ''; height: 12rem; width: 12rem; position: absolute; left: 4rem; top: 3rem; background: #fff; border-radius: 50%; -webkit-transition: .3s; transition: .3s; }
.rds-shortcode__switch-label input:checked + i { background: var(--color-800); }
.rds-shortcode__switch-label input:checked + i:before { -webkit-transform: translateX(16rem); -ms-transform: translateX(16rem); transform: translateX(16rem); }

.rds-shortcode__tooltip { width: 150rem; padding: 10rem 0 9rem; margin-left: -75rem; position: fixed; bottom: 40rem; left: 50%; text-align: center; background: rgba(33, 43, 54, 0.8); border-radius: 8rem; z-index: 999; }
.rds-shortcode__tooltip p { font-size: 14rem; line-height: 1.57; font-weight: 600; color: #fff; }

/* DARK THEME */
.rds-shortcode--dark .rds-shortcode__group { background: var(--color-900); border-color: var(--color-900); }
.rds-shortcode--dark .rds-shortcode__actions { border-top-color: rgba(255, 255, 255, 0.2); }
.rds-shortcode--dark .rds-shortcode__button > span { color: #fff; }
.rds-shortcode--dark .rds-shortcode__button > i svg path { fill: #fff; }
.rds-shortcode--dark .rds-shortcode__switch-item > span { color: #fff; }
.rds-shortcode--dark .rds-shortcode__switch-label > i { background: var(--color-800); }
.rds-shortcode--dark .rds-shortcode__switch-label > i:before { background: var(--color-700); }
.rds-shortcode--dark .rds-shortcode__switch-label input:checked + i  { background: #fff; }

/* SYNTAX HIGHLIGHTER */
.rds-shortcode__view .syntaxhighlighter { width: 100% !important; margin: 0 !important; padding: 16rem 0 !important; background: transparent !important; border: none !important; overflow-x: auto; }
html.win .rds-shortcode__view .syntaxhighlighter { overflow: overlay; }
html.win .rds-shortcode__view .syntaxhighlighter::-webkit-scrollbar { height: 4rem; background: transparent; }
html.win .rds-shortcode__view .syntaxhighlighter::-webkit-scrollbar-track { background: var(--color-200); border-radius: 99rem; }
html.win .rds-shortcode__view .syntaxhighlighter::-webkit-scrollbar-thumb { background: var(--color-300); border-radius: 99rem; }
html.win .rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter::-webkit-scrollbar-track { background: var(--color-700); }
html.win .rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter::-webkit-scrollbar-thumb { background: #fff; }

.rds-shortcode__view .syntaxhighlighter .line.highlighted .number { color: black !important; }
.rds-shortcode__view .syntaxhighlighter .line.highlighted.alt1,
.rds-shortcode__view .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; }
.rds-shortcode__view .syntaxhighlighter .line .number { width: 35rem !important; color: #afafaf !important; }
.rds-shortcode__view .syntaxhighlighter .line .number code { width: 100% !important; padding-right: 10rem !important; }
.rds-shortcode__view .syntaxhighlighter .line .content { padding-left: 0 !important; border-left: 3rem solid transparent !important; color: #000 !important; }
.rds-shortcode__view .syntaxhighlighter.printing .line .content  { border: 0 !important; }
.rds-shortcode__view .syntaxhighlighter .line.alt1 { background-color: transparent !important; }
.rds-shortcode__view .syntaxhighlighter .line.alt2 { background-color: transparent !important; }
.rds-shortcode__view .nogutter { border: none !important; }
.rds-shortcode__view .syntaxhighlighter .plain,
.rds-shortcode__view .syntaxhighlighter .plain a { color: #000 !important; }
.rds-shortcode__view .syntaxhighlighter .comments,
.rds-shortcode__view .syntaxhighlighter .comments a { color: #008200 !important; }
.rds-shortcode__view .syntaxhighlighter .string,
.rds-shortcode__view .syntaxhighlighter .string a { color: blue !important; }
.rds-shortcode__view .syntaxhighlighter .keyword { color: #069 !important; font-weight: bold !important; }
.rds-shortcode__view .syntaxhighlighter .preprocessor  { color: gray !important; }
.rds-shortcode__view .syntaxhighlighter .variable  { color: #a70 !important; }
.rds-shortcode__view .syntaxhighlighter .value { color: #090 !important; }
.rds-shortcode__view .syntaxhighlighter .functions { color: #ff1493 !important; }
.rds-shortcode__view .syntaxhighlighter .constants { color: #0066CC !important; }
.rds-shortcode__view .syntaxhighlighter .script { background-color: yellow !important; }
.rds-shortcode__view .syntaxhighlighter .color1,
.rds-shortcode__view .syntaxhighlighter .color1 a { color: #808080 !important; }
.rds-shortcode__view .syntaxhighlighter .color2,
.rds-shortcode__view .syntaxhighlighter .color2 a { color: #ff1493 !important; }
.rds-shortcode__view .syntaxhighlighter .color3,
.rds-shortcode__view .syntaxhighlighter .color3 a { color: red !important; }

.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line .number { color: #D3D3D3 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line .content { color: #B9BDB6 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line.highlighted .number { background-color: #435A5F !important; color: #fff !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line.highlighted.alt1,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line.highlighted.alt2 { background-color: #435A5F !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .plain,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .plain a { color: #D3D3D3 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .comments,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .comments a { color: #FF7D27 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .string,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .string a { color: #FF9E7B !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .keyword { color: #00FFFF !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .preprocessor { color: #AEC4DE !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .variable { color: #FFAA3E !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .value { color: #090 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .functions { color: #81CEF9 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .constants { color: #FF9E7B !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .script { background-color: #990000 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color1,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color1 a { color: #EBDB8D !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color2,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color2 a { color: #FF7D27 !important; }
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color3,
.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .color3 a { color: #AEC4DE !important; }

.rds-shortcode__view .syntaxhighlighter .line .number { display: none; }
.rds-shorcode--option-line .rds-shortcode__view .syntaxhighlighter .line .number { display: block; }
.rds-shorcode--option-line .rds-shortcode__view .syntaxhighlighter .line .content { padding-left: 10rem !important; border-left-color: #6CE26C !important; }
.rds-shorcode--option-line.rds-shortcode--dark .rds-shortcode__view .syntaxhighlighter .line .content { border-left-color: #990000 !important; }

.rds-shortcode__view .syntaxhighlighter .line .content  { white-space: pre !important; }
.rds-shorcode--option-wrap .rds-shortcode__view .syntaxhighlighter .line .content { white-space: normal !important; }