@import url('./assets/pattern/set01.css'); :root { --color01: #2B2519; --color02: #FFFFFF; --color03: #92918F; --color04: #FAF8ED; --color05: #F2F1EF; --color06: #FFFFFF; --color07: #2B251980; --color08: #62A250CC; --color09: #FFFFFFB3; --color10: #62A250; --color11: #EFF6EE; --color12: #D0E3CA; --color13: #BA5C67; --color14: #F8EFF0; --color15: #BDBAB3; --color16: #E2FADC; --color17: #DCEFFA; --color18: #FAF7DC; --color19: #A0ADB6; --color20: #ADBBC5; --color21: #BCCBD6; --color22: #D5BC6B; --color23: #EADCB5; --color24: #9F9D9E; --color25: #CDCDCD; --color26: #C09B87; --color27: #DECCC2; --color28: #FAF8EC; --color29: #EACED1; --color30: #FAF8ED; --color31: #FFFFFF; --color32: #2B2519; --color33: #BDBAB3; --color34: #2B2519; --color35: #FFFFFF; --color36: #FFFFFF; --color37: #2B2519; --color38: #6B585C; --color39: #E2FADB; --color40: #DDEFFB; --color41: #F9F7DC; --color42: #2B2519; --color43: #D2D2D2; --color44: #FFFFFF; --color45: #2B2519; --color46: #FAF8ED; --color47: #2B2519; --color48: #EBEBEB; --color49: #FFFFFF; --color50: #2B2519; --color51: #F2F1EF; --color52: #2B2519; --color53: #BEBDBA; --color54: #FAF8ED; --color55: #41812F; --color56: #2C6C1A; --color57: #A2444F; --color58: #8C2E39; --color59: #C09B87; --color60: #785D4F; --color61: #7C6F55; --color62: #2B2519; --color63: #FCFAF4; --color64: #BDBAB34D; --color65: #62A250; --color66: #BA5C67; --color67: #EC456E; --color68: #94D482; --color69: #FF88AF; --color70: #E14269; --color71: #B7183F; --color72: #BDBAB3CC; --color73: #F2F1EF; --color74: #FFFFFF; --color75: #2B2519; --color76: #2B2519; --color77: #BDBAB3; --color78: #BDBAB3; --color79: #FFA167; --color80: #63D068; --color81: #C3930F; --color82: #0000000D; --color83: #279665; --color84: #FFF6B8; --color85: #FFFFFF; --color86: #FFFFFFCC; --color87: #FFFFFF99; --color88: #FFFFFF66; --color89: #FFFFFF4D; --color90: #FFFFFF33; --color91: #FFFFFF00; --color92: #000000; --color93: #00000033; --color94: #00000000; --color95: #1C1C1C; --color96: #1D1D1D; --color97: #202020; --color98: #F17669; --color99: #F6FFD0; --color100: #FFD0D0; --color101: #FFBFBF; --color102: #FFBFBF4D; --color103: #FF7A6D; --color104: #FF7A6D33; --color105: #FFBABA; --color106: #FFBABA4D; --color107: #F18881; --color108: #FEC1BB; --color109: #FFF783; --color110: #E59339; --color111: #A26139; --color112: #CD662B; --color113: #FEFFD9; --color114: #FFF6EB; --color115: #F5E8D8; --color116: #F5E8D800; --color117: #FFEDD6; --color118: #FFC7CB; --color119: #FFC7CB00; --color120: #F4FAED; --color121: #F0E4F3; --color122: #FFE8E6; --color123: #faf8ede6; --color124: #C8DEC1; --color125: #FF8173; --color126: #B18231; --color127: #B18231E6; --color128: #645843; --color129: #645843E6; --color130: #E1DFDA; --color131: #E1DFDAE6; --color132: #F0E4D2; --color133: #F0E4D2E6; --color134: #422823; --color135: #2B2519; --color136: #B0965D; --color137: #E9DCD0; --color138: #534C33; --color139: #FFDE67; --color140: #FFEEBF; --color141: #F7A325; --color142: #FD4D4D; --color143: #D88F20; --color144: #D64B4B; --color145: #F3EEE5; --color146: #422823; --color147: #FFEB12; --color148: #62A250; --color149: #FAF8ED; --color150: #F4D39B; --font-primary: "Noto Sans JP", sans-serif; --font-secondary: "Galada", cursive; --font-tertiary: "Hammersmith One", sans-serif; --font-quaternary: "Abril Fatface", serif; --font-quinary: "Zen Old Mincho", serif; --container-gutter: 20px; } picture { display: contents; } picture source { display: none !important; } .sg-img-auto { width: auto; height: auto; } .body-main { position: relative; background-color: #ffffff; z-index: 1 } body:has(.m-system-module001__slider-modal.open) footer { opacity: 0; visibility: hidden; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } body { font-size: 16px; word-wrap: break-word; word-break: break-word; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; } a { color: inherit; text-decoration: none; } select, input, textarea, button { font-family: inherit; } select, button { cursor: pointer; } button { border: unset; background: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; } img { max-width: 100%; height: auto; } body { min-width: 768px; font-family: var(--font-primary); background-color: #ffffff; } .img-full img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .img-full__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .img-full__background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } body * { word-break: break-word; } .flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100% } .flex-box-auto>*, .flex-item-auto { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .flex-item-auto-bottom { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -ms-flex-line-pack: end; align-content: flex-end } .flex-item-auto-top { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .flex-column-reverse { 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 } .flex-row-reverse { 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 } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .justify-content-space { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .align-item-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .align-item-space { -ms-flex-line-pack: justify; align-content: space-between } .align-item-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .align-item-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .site-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; font-family: var(--font-primary); } .m-button { text-align: center; border-radius: 999px; padding: 18px 70px; position: relative; width: 100%; max-width: 340px; display: block; margin: 0 auto; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; cursor: pointer; } .m-button a, .m-button button { background-color: transparent; border: none; color: var(--color35); line-height: 42px; font-weight: bold; font-size: 18px; cursor: pointer; font-family: var(--font-primary); letter-spacing: 2px; } .m-button:before, .m-button:after { content: ""; position: absolute; } .m-button:after { width: 42px; height: 42px; border-radius: 999px; border: solid 1px; position: absolute; left: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-button:before { width: 0; height: 0; border-top: 7px solid transparent; border-left: 8px solid; border-bottom: 7px solid transparent; position: absolute; left: 37px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-button:hover { opacity: 0.75; } .m-card { background-color: var(--color31); padding: 19px; border-radius: 40px; position: relative; } .m-card-number { position: absolute; top: -11px; left: -15px; font-family: var(--font-secondary); font-size: 60px; line-height: 1.2; } .m-card-number [class*="sg-module-single-text"] { max-width: 70px; white-space: nowrap; overflow: hidden; height: 70px; } .m-card-line { display: block; margin-left: -2px; stroke: var(--color34); } .m-card-number .m-card-line { width: 150px; -webkit-transform: translate(-20px, -7px) rotate(-45deg); -ms-transform: translate(-20px, -7px) rotate(-45deg); transform: translate(-20px, -7px) rotate(-45deg); } .m-card-job { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .m-card-job__title { font-size: 16px; font-weight: bold; border-radius: 11px; padding: 5px 9px; background-color: var(--color39); color: var(--color47); } .m-card-job__supplementary { font-size: 16px; font-weight: bold; color: var(--color47); margin-left: 9px; } .m-card-title { padding: 15px 0; position: relative; } .m-card-title:after, .m-card-title:before { content: ""; width: 100%; height: 3px; -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9.6 1.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='.02' width='5.99' height='1.2' rx='.6' ry='.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9.6 1.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='.02' width='5.99' height='1.2' rx='.6' ry='.6'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-position: top left; mask-position: top left; background-color: var(--color34); position: absolute; left: 0; } .m-card-title:after { bottom: 0; } .m-card-title:before { top: 0; } .m-card-title__text { font-size: 23px; line-height: 1.5; color: var(--color47); font-weight: bold; display: inline-block; position: relative; letter-spacing: 2px; z-index: 1; } .m-card-title__text-bg p { display: inline; background-image: -o-linear-gradient(bottom, transparent 30%, var(--color39) 30% 70%, transparent 30%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, transparent), color-stop(30%, var(--color39)), color-stop(30%, transparent)); background-image: linear-gradient(to top, transparent 30%, var(--color39) 30% 70%, transparent 30%); } .m-card-title__text-bg p:after { content: ""; display: block; position: static; border-color: transparent; } .m-card-title__small { margin-top: 25px; font-size: 20px; font-weight: bold; } .m-card-text { line-height: 2; margin-top: 25px; margin-bottom: 25px; letter-spacing: 1px; color: var(--color34); } .m-card .m-button, .m-card .m-button a, .m-card .m-button button { background-color: var(--color37); color: var(--color35); } .m-card .m-button:before { border-left-color: var(--color35); } .m-card .m-button:after { border-color: var(--color35); } .m-card-number__line:after { content: ""; position: absolute; top: 50px; left: -20px; display: block; width: 150px; height: 4px; -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9.6 1.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='.02' width='5.99' height='1.2' rx='.6' ry='.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9.6 1.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='.02' width='5.99' height='1.2' rx='.6' ry='.6'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-position: top left; mask-position: top left; background-color: var(--color34); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .m-title { margin-bottom: 75px; padding-left: 5%; padding-right: 5%; } .m-title__center { text-align: center; } .m-title-top { font-size: 30px; font-family: var(--font-secondary); line-height: 1; 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; margin-bottom: 7px; position: relative; color: var(--color42); } .m-title-top > p { max-width: 94%; } .m-title-top:before, .m-title-top:after { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--color33); margin-bottom: 5px; } .m-title-top:before { -webkit-box-shadow: -14px 0px 0px var(--color33); box-shadow: -14px 0px 0px var(--color33); margin-right: 8px; } .m-title-top:after { -webkit-box-shadow: 14px 0px 0px var(--color33); box-shadow: 14px 0px 0px var(--color33); margin-left: 8px; } .m-title-bottom { font-size: 30px; line-height: 1; font-weight: bold; color: var(--color42); letter-spacing: 2px; } .site-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; font-family: var(--font-primary); } .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--container-gutter); padding-right: var(--container-gutter); } .row-container { margin-left: calc(var(--container-gutter) * -1); margin-right: calc(var(--container-gutter) * -1); } .m-heading__circle { aspect-ratio: 1; border-radius: 50%; background-color: var(--color46); 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: center; -ms-flex-align: center; align-items: center; margin: 0 auto; padding: 25px; overflow: hidden; word-break: break-all; width: fit-content; max-width: 40vw; min-width: 350px; padding: 120px 65px; color: var(--color37); } @media (max-width: 991px) { .m-heading__circle { max-width: 50vw; } } .m-heading__circle .m-heading__title { margin: 0; } .m-module-block { margin-bottom: 100px; } .m-block__heading:not(:last-child) { margin-bottom: 50px; } .m-heading__title { font-size: 30px; line-height: 1.5; font-family: var(--font-secondary); position: relative; z-index: 1; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 0 35px; color: var(--color42); } .m-heading__title::before, .m-heading__title::after { position: absolute; content: ''; width: 10px; height: 10px; top: 15px; border-radius: 50%; background-color: var(--color33); } .m-heading__title::before { -webkit-box-shadow: -15px 0 0 var(--color33); box-shadow: -15px 0 0 var(--color33); left: 5px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .m-heading__title::after { -webkit-box-shadow: 15px 0 0 var(--color33); box-shadow: 15px 0 0 var(--color33); right: 5px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .m-heading__subtitle { font-size: 30px; line-height: 1; font-family: var(--font-primary); font-weight: 700; text-align: center; margin-top: 2px; color: var(--color42); } .m-heading__circle .m-heading__title, .m-heading__circle .m-heading__subtitle { color: var(--color37); } .m-module-breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-weight: 700; line-height: 1.2; font-family: var(--font-primary); gap: 5px 12px; padding: 20px 22px; background-color: var(--color46); color: var(--color32); } .m-module-breadcrumb .m-module-breadcrumb__link { color: inherit; text-decoration: none; } .m-breadcrumb svg * { fill: var(--color32); } .m-module-breadcrumb__list .m-module-breadcrumb__item:not(:last-child) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 12px; } .m-module-breadcrumb__list .m-module-breadcrumb__item:not(:last-child)::after { content: ''; width: 9px; height: 13px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.333984 11.5103C0.333984 12.3658 0.873984 12.6158 1.53898 12.0733L8.14798 6.67029C8.44348 6.43079 8.43998 6.04229 8.13848 5.80829L1.55898 0.648786C0.882484 0.117786 0.333984 0.379786 0.333984 1.23329V11.5103Z' fill='%2392918F'%3E%3C/path%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='9' height='13' viewBox='0 0 9 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.333984 11.5103C0.333984 12.3658 0.873984 12.6158 1.53898 12.0733L8.14798 6.67029C8.44348 6.43079 8.43998 6.04229 8.13848 5.80829L1.55898 0.648786C0.882484 0.117786 0.333984 0.379786 0.333984 1.23329V11.5103Z' fill='%2392918F'%3E%3C/path%3E%3C/svg%3E"); background-color: var(--color32); display: inline-block; } .m-module-breadcrumb__item.active { color: var(--color32); } .m-button-radius { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; padding: 20px 15px; border-radius: 100px; text-align: center; background-color: var(--color38); cursor: pointer; font-size: 16px; line-height: 1.5; font-weight: 700; letter-spacing: 2px; font-family: var(--font-primary); color: var(--color36); width: 100%; max-width: 340px; } .m-button-radius .m-button-radius__icon { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--color36); 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; justify-self: start; } .m-button-radius .m-button-radius__icon svg { margin-left: 2px; } .m-button-radius .m-button-radius__icon svg * { fill: var(--color36); } .m-button-radius a, .m-button-radius button { background-color: transparent; color: inherit; border: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; font-size: inherit; font-weight: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 40px; cursor: pointer; } .m-heading-line { margin-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-heading-line__text { padding-top: 17px; padding-bottom: 17px; font-size: 23px; line-height: 1.65217391304; font-weight: 700; letter-spacing: 1px; font-family: var(--font-primary); color: var(--color37); position: relative; z-index: 1; } .m-heading-line__text::after, .m-heading-line__text::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 4px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%205%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M22.5%205h-20C1.1%205%200%203.9%200%202.5S1.1%200%202.5%200h20C23.9%200%2025%201.1%2025%202.5S23.9%205%2022.5%205z%22%20fill%3D%22%232b2519%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h40v5H0z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040%205%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M22.5%205h-20C1.1%205%200%203.9%200%202.5S1.1%200%202.5%200h20C23.9%200%2025%201.1%2025%202.5S23.9%205%2022.5%205z%22%20fill%3D%22%232b2519%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h40v5H0z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; -webkit-mask-position: left top; mask-position: left top; -webkit-mask-size: 20px 3px; mask-size: 20px 3px; background-color: var(--color34); } .m-heading-line__text::after { bottom: 0; top: auto; } .m-heading-line svg { width: 100%; height: auto; } .m-heading-line svg * { fill: var(--color34); } .m-heading-line p { display: inline; background-image: -o-linear-gradient(bottom, transparent 25%, var(--color40) 25%, var(--color40) 65%, transparent 65%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, transparent), color-stop(25%, var(--color40)), color-stop(65%, var(--color40)), color-stop(65%, transparent)); background-image: linear-gradient(to top, transparent 25%, var(--color40) 25%, var(--color40) 65%, transparent 65%); } .m-heading-line p::after { content: '' !important; display: block !important; position: static !important; border-color: transparent !important; } .m-title__circle { width: 350px; height: 350px; 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: center; -ms-flex-align: center; align-items: center; position: relative; } .m-title__circle:after { content: ""; width: 100%; height: 100%; border-radius: 999px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: var(--color46); z-index: -1; } .background-wavy { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='70' height='238' viewBox='0 0 70 238' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_151_2)'%3E%3Cpath d='M12.6481 151.985C17.2031 171.115 17.2081 190.255 12.6281 209.395C10.3258 219.008 9.12087 228.623 9.01239 238.24H60.5175C60.412 229.003 59.2767 219.765 57.1031 210.515C52.4531 190.73 52.4181 170.875 57.0381 151.08C61.6681 131.255 61.6181 111.525 56.9481 91.69C52.4481 72.59 52.2881 53.29 56.7931 34.21C59.4821 22.8159 60.6487 11.4395 60.3678 0H9.05625C8.86199 6.45627 9.16337 12.9351 10.0781 19.44C10.7231 24.05 11.4731 28.665 12.5481 33.19C17.1681 52.67 17.2131 72.12 12.5681 91.595C7.76811 111.725 7.85811 131.855 12.6481 151.985Z' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_151_2'%3E%3Crect width='70' height='238' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg width='70' height='238' viewBox='0 0 70 238' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_151_2)'%3E%3Cpath d='M12.6481 151.985C17.2031 171.115 17.2081 190.255 12.6281 209.395C10.3258 219.008 9.12087 228.623 9.01239 238.24H60.5175C60.412 229.003 59.2767 219.765 57.1031 210.515C52.4531 190.73 52.4181 170.875 57.0381 151.08C61.6681 131.255 61.6181 111.525 56.9481 91.69C52.4481 72.59 52.2881 53.29 56.7931 34.21C59.4821 22.8159 60.6487 11.4395 60.3678 0H9.05625C8.86199 6.45627 9.16337 12.9351 10.0781 19.44C10.7231 24.05 11.4731 28.665 12.5481 33.19C17.1681 52.67 17.2131 72.12 12.5681 91.595C7.76811 111.725 7.85811 131.855 12.6481 151.985Z' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_151_2'%3E%3Crect width='70' height='238' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-color: #fff; } .m-cv { background-color: var(--color30); position: relative; } .m-cv:after, .m-cv:before { content: ""; width: 100%; height: 3px; mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 9.6 1.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23000; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='0' y='.02' width='5.99' height='1.2' rx='.6' ry='.6'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-position: top left; background-color: var(--color53); position: absolute; left: 0; } .m-cv:after { bottom: 6px; } .m-cv:before { top: 6px; } .m-cv__inner { display: flex; justify-content: center; align-items: center; padding: 52px 0; } .m-gallery-module005-010__thumbs-list .img-content-sg-c-module, .m-gallery-module005-010__image img, .m-gallery-module005-010__screen img { display: block; width: 100%; height: 100%; object-fit: cover; } .m-access-module001-009__body-info-title { width: 110px !important; } .body-main { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .m-message-module005-003__text, .m-job-description-module005-004__text, .m-interview-module005-008__content-bottom__text, .m-company-module002-008__tab-info { color: var(--color32); } .m-module__headline-dots:not(:last-child) { margin-bottom: 80px; } .m-module__headline-dots { text-align: center; } .m-module__headline-dots .m-module__headline-subtitle { font-size: 30px; line-height: 1; font-family: var(--font-secondary); position: relative; z-index: 1; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; padding: 0 35px; color: var(--color01); } .m-module__headline-dots .m-module__headline-subtitle::before, .m-module__headline-dots .m-module__headline-subtitle::after { position: absolute; content: ''; width: 10px; height: 10px; top: 7px; border-radius: 50%; background-color: var(--color15); } .m-module__headline-dots .m-module__headline-subtitle::before { -webkit-box-shadow: -15px 0 0 var(--color15); box-shadow: -15px 0 0 var(--color15); left: 5px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .m-module__headline-dots .m-module__headline-subtitle::after { -webkit-box-shadow: 15px 0 0 var(--color15); box-shadow: 15px 0 0 var(--color15); right: 5px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .m-module__headline-dots .m-module__headline-title { font-family: var(--font-primary); font-size: 48px; font-style: normal; font-weight: 700; line-height: 1.5; letter-spacing: 0.1em; color: var(--color01); } .m-module__headline-description { font-family: var(--font-primary); font-size: 16px; font-style: normal; font-weight: 400; line-height: 2; letter-spacing: 1.6px; text-align: left; margin-top: 20px; color: var(--color01); } .m-module__headline-skew:not(:last-child) { margin-bottom: 80px; } .m-module__headline-skew { text-align: center; } .m-module__headline-skew .m-module__headline-subtitle { font-size: 30px; font-style: normal; font-weight: 700; line-height: 1.8; letter-spacing: 3px; font-family: var(--font-primary); color: var(--color01); position: relative; z-index: 1; width: fit-content; margin: 0 auto 12px; padding: 0 50px; } .m-module__headline-skew .m-module__headline-subtitle::before, .m-module__headline-skew .m-module__headline-subtitle::after { content: ''; width: 34px; height: 45px; position: absolute; left: 0; top: 50%; mask-image: url("data:image/svg+xml,%3Csvg width='35' height='46' viewBox='0 0 35 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5 32.8564L24.3908 14.6428' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M21.1484 7.35742L18.986 2.50045' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M26.0078 43.5L11.91 29.4022' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M6.27344 23.7627L2.51402 20.0033' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-color: var(--color01); transform: translateY(-50%); } .m-module__headline-skew .m-module__headline-subtitle::after { right: 0; left: auto; mask-image: url("data:image/svg+xml,%3Csvg width='35' height='46' viewBox='0 0 35 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 32.8564L10.6092 14.6428' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M13.8516 7.35742L16.014 2.50045' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M8.99219 43.5L23.09 29.4022' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M28.7266 23.7627L32.486 20.0033' stroke='%232B2519' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .m-module__headline-skew .m-module__headline-title { font-style: normal; font-weight: 700; line-height: 150%; letter-spacing: 0.1em; font-size: 96px; color: var(--color01); text-align: center; } .m-module__headline-skew .m-module__headline-title * { display: inline-flex; } .m-module__headline-skew .emphasis { position: relative; } .m-module__headline-skew .emphasis:after { content: '●'; position: absolute; top: 0em; left: calc(50% - 0.2em); z-index: 10; display: flex; width: 0.2em; height: 0.2em; align-items: center; justify-content: center; font-size: 0.2em; } .btn-sharebox { width: 60px; height: 60px; border-radius: 50%; background-color: var(--color15); 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; cursor: pointer; } .btn-sharebox svg [fill] { fill: var(--color02); } .btn-sharebox svg [stroke] { stroke: var(--color02); } .m-pagination { --dotWidth: 60px; --num: var(--color02); --num-bg: var(--color15); --num-bg-active: var(--color01); --num-font: var(--font-tertiary); display: flex; gap: 20px; width: auto !important; margin: 0 32px; } .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;} .m-pagination .swiper-pagination-bullet { color: var(--num); width: var(--dotWidth) !important; height: var(--dotWidth) !important; background-color: var(--color15); margin: 0 !important; font-size: 30px !important; font-family: var(--num-font); line-height: 1; display: flex; align-items: center; justify-content: center; opacity: 1; } .m-pagination .swiper-pagination-bullet:hover, .m-pagination .swiper-pagination-bullet-active { background-color: var(--num-bg-active); } .m-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { display: none; } .m-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):last-child, .m-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):first-child, .m-pagination .swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active), .m-pagination .swiper-pagination-bullet-active+.swiper-pagination-bullet { display: flex !important; } .m-pagination .swiper-pagination-bullets.swiper-pagination-horizontal { width: auto; align-items: center; } .m-pagination .swiper-pagination-bullet:last-child:not(.swiper-pagination-bullet-active):not(.swiper-pagination-bullet-active + .swiper-pagination-bullet):not(.swiper-pagination-bullet:nth-child(3):last-child) { position: relative; margin-left: 48px !important; } .m-pagination .swiper-pagination-bullet:first-child:not(:has(+ .swiper-pagination-bullet-active)):not(:last-child):after, .m-pagination .swiper-pagination-bullet:last-child:not(.swiper-pagination-bullet-active + .swiper-pagination-bullet):not(:first-child):before { content: ""; width: 6px; height: 6px; display: block; border-radius: 50%; background-color: var(--color15); position: absolute; top: 50%; margin-top: -3px; color: var(--num-bg); pointer-events: none; } .m-pagination .swiper-pagination-bullet:first-child:not(:has(+ .swiper-pagination-bullet-active)):not(:last-child):after { right: -28px; box-shadow: 10px 0 0 var(--color15), 20px 0 0 var(--color15); } .m-pagination .swiper-pagination-bullet:last-child:not(.swiper-pagination-bullet-active + .swiper-pagination-bullet):not(:first-child):before { left: -28px; box-shadow: -10px 0 0 var(--color15), -20px 0 0 var(--color15); } .m-pagination .swiper-pagination-bullet:first-child:not(.swiper-pagination-bullet-active):not(:has(+ .swiper-pagination-bullet-active)) { position: relative; margin-right: 48px !important; } .m-pagination:has(.swiper-pagination-bullet:nth-child(3):last-child) .swiper-pagination-bullet:first-child { margin-right: 0px !important; } .m-pagination .swiper-pagination-bullet-active:last-child:before, .m-pagination .swiper-pagination-bullet-active:first-child:after { content: none !important; } .m-pagination .swiper-pagination-bullet:first-child:has(+ * + .swiper-pagination-bullet:last-child):after { content: none; } .m-pagination .swiper-pagination-bullet:nth-child(3):last-child:before { content: none !important; } .m-pagination .swiper-button-lock, .m-pagination .swiper-pagination-bullet:only-child { display: flex !important; } .m-pagination .swiper-button-disabled { pointer-events: none; opacity: 0.3; } .m-pagination--cus:has(.swiper-pagination-bullet-active:nth-child(-n+2)) .swiper-pagination-bullet:nth-child(-n+4), .m-pagination--cus:has(.swiper-pagination-bullet-active:nth-last-child(-n+2)) .swiper-pagination-bullet:nth-last-child(-n+4) { display: flex; } .layout-container{ width: 100%; max-width: 1260px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .m-background__wave:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 250.11 234.53'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B clip-path: url(%23clippath); %7D .cls-2 %7B fill: none; %7D .cls-2, .cls-3 %7B stroke-width: 0px; %7D .cls-3 %7B fill: %23000; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-2' width='250.11' height='234.53'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg class='cls-1'%3E%3Cg%3E%3Cpath class='cls-3' d='M144.66-.19c-4.92,21.89-7.45,44.23-6.91,66.65.42,17.39,2.63,34.49,6.71,51.39,9.39,38.88,9.37,77.84.19,116.73-9.51,40.28-9.38,80.4.2,120.69,9,37.86,9.16,76.02.22,113.86-9.77,41.31-9.73,82.25.09,123.57,8.91,37.49,8.83,75.4-.13,112.91-9.79,40.97-9.68,81.62-.06,122.6,8.96,38.18,8.83,76.58-.31,114.82-9.53,39.9-9.5,79.75-.03,119.69,9.14,38.55,9.1,77.21-.02,115.78-9.51,40.25-9.47,80.4.14,120.67,9.04,37.87,9.21,76.02.26,113.86-9.77,41.32-9.74,82.27.03,123.59,8.94,37.84,8.71,75.98-.32,113.85-9.6,40.27-9.57,80.4-.06,120.66,9.11,38.56,9.04,77.22-.07,115.79-9.43,39.92-9.54,79.8-.07,119.72,9.15,38.57,9.3,77.22.21,115.78-9.57,40.61-9.54,81.03.08,121.66,8.97,37.86,9.01,75.97.12,113.85-9.77,41.61-9.74,82.95.08,124.6,8.92,37.84,8.71,75.95-.28,113.86-9.63,40.58-9.52,81.02.11,121.65,9.12,38.52,8.78,77.21-.4,115.78-9.42,39.58-9.31,79.17.02,118.74,9.26,39.26,9.16,78.46-.11,117.72-9.27,39.23-9.29,78.55-.03,117.78,9.34,39.59,9.29,79.08-.05,118.69-9.09,38.54-9.36,77.25-.24,115.81,9.52,40.26,9.69,80.37.19,120.66-9.33,39.56-8.93,79.16.47,118.73,9.08,38.23,9.15,76.62.14,114.82-9.59,40.62-9.6,81,.06,121.63,9.01,37.85,8.41,75.87.23,113.91-3,13.95-4.8,28.17-7.14,42.26h-21.99c-1.75-12.49-2.57-25.2-5.42-37.43-9.64-41.31-9.57-82.38.09-123.69,8.86-37.88,8.58-75.94-.36-113.85-9.26-39.24-9.58-78.52-.45-117.78,9.37-40.27,9.49-80.45-.02-120.73-8.95-37.9-9.13-76-.32-113.87,9.69-41.66,9.57-82.98-.19-124.64-8.63-36.84-8.59-74.07.06-110.93,9.77-41.64,9.83-82.97.06-124.63-8.72-37.18-8.72-74.71.05-111.91,9.66-40.96,9.85-81.74.31-122.68-8.99-38.59-8.85-77.23.18-115.81,9.35-39.93,9.25-79.81-.09-119.75-9.1-38.92-8.96-77.89.15-116.8,9.34-39.93,9.26-79.86.06-119.76-9.14-39.63-9.19-79.19.1-118.78,8.97-38.25,9.3-76.59.41-114.84-9.68-41.63-9.47-82.96.32-124.63,8.65-36.81,8.54-74.08-.17-110.93-9.77-41.3-9.84-82.36-.21-123.66,8.84-37.89,8.78-75.95-.11-113.85-9.37-39.92-9.7-79.8-.35-119.74,9.26-39.59,9.18-79.17-.09-118.77-9.27-39.6-8.95-79.19.34-118.77,8.98-38.25,9.05-76.6.13-114.82-9.48-40.63-9.6-81.11-.04-121.71,8.84-37.57,9.13-75.34.35-112.86-9.75-41.67-9.6-82.95.16-124.62,8.78-37.5,8.45-75.31-.44-112.87-9.53-40.26-9.61-80.46-.14-120.72,9.07-38.58,9.05-77.2.03-115.78-9.34-39.92-9.5-79.82-.16-119.77,9.1-38.9,9.28-77.85.12-116.78-9.48-40.25-9.23-80.43.16-120.72C119.44,77.15,119.65,38.52,109.96,0,121.29,0,133.33-.19,144.66-.19Z'/%3E%3Cpath class='cls-3' d='M238.78,4054.57c-1.02-6.9-1.89-13.82-3.1-20.68-3.16-18-7.44-35.87-9.51-53.99-3.2-27.97-1.37-55.86,5.4-83.31,9.59-38.87,9.66-77.82.43-116.71-9.55-40.26-9.6-80.36.03-120.64,9.21-38.53,9.13-77.23-.07-115.77-9.61-40.26-9.47-80.37.12-120.64,9.18-38.54,9.03-77.24-.18-115.78-9.54-39.92-9.5-79.76.02-119.67,9.2-38.56,9.26-77.22.11-115.77-9.64-40.6-9.5-80.99.2-121.62,9.11-38.18,8.92-76.6-.24-114.81-9.57-39.92-9.68-79.76-.13-119.67,9.31-38.91,9.32-77.89.07-116.75-9.5-39.94-9.67-79.79.02-119.65,6.35-26.14,8.56-52.67,5.66-79.32-2.05-18.79-6.34-37.32-9.3-56.03-5.47-34.58-4.57-68.88,3.71-103.08,9.33-38.5,9.14-77.23-.09-115.77-9.57-39.93-9.58-79.78-.04-119.67,9.23-38.58,9.31-77.24.18-115.78-9.61-40.61-9.55-80.97.13-121.6,9.1-38.17,8.97-76.6-.19-114.81-9.65-40.26-9.61-80.37.02-120.63,9.14-38.21,9.19-76.62.12-114.8-9.73-40.96-9.61-81.62.15-122.58,9.1-38.17,8.72-76.58-.45-114.8-9.49-39.57-9.61-79.16-.19-118.71,9.35-39.26,9.41-78.4.03-117.68-9.35-39.2-9.35-78.5.04-117.74,9.47-39.57,9.39-79.09-.07-118.68-9.37-39.21-9.28-78.52.12-117.73,9.33-38.91,9.51-77.87.28-116.75-9.56-40.27-9.55-80.34.05-120.64,9.17-38.51,9.17-77.23-.08-115.78-9.67-40.25-9.57-80.38.14-120.62,8.65-35.84,8.57-71.9,1.68-108.03-.5-2.6-.73-5.24-1.09-7.86,10.66,0,21.33,0,31.99,0-1.57,12.84-3.54,25.65-4.64,38.54-2.33,27.07-.06,53.76,6.29,80.27,9.3,38.85,8.96,77.89-.25,116.78-9.29,39.24-9.41,78.44-.06,117.7,9.42,39.56,9.42,79.19-.02,118.74-9.21,38.59-9.49,77.23-.41,115.76,9.65,40.95,9.57,81.63-.12,122.6-9.02,38.17-8.76,76.55.42,114.79,9.5,39.55,9.66,79.21.2,118.73-9.4,39.29-9.36,78.4-.05,117.66,9.3,39.21,9.38,78.56.03,117.76-9.45,39.61-9.33,79.07.03,118.66,9.28,39.22,9.2,78.53-.11,117.75-9.32,39.24-9.38,78.43-.05,117.69,9.47,39.89,9.32,79.79-.25,119.7-9.16,38.22-9.24,76.6-.18,114.79,9.71,40.95,9.59,81.62-.13,122.6-9.05,38.17-8.71,76.54.47,114.78,9.49,39.54,9.53,79.17.19,118.73-9.35,39.59-9.37,79.05.09,118.66,9.27,38.86,9.24,77.89.05,116.78-9.59,40.59-9.48,81.04.11,121.64,9.18,38.88,9.02,77.91-.27,116.78-9.39,39.26-9.39,78.44-.1,117.69,9.44,39.9,9.36,79.78-.2,119.69-9.16,38.22-9.29,76.61-.25,114.8,9.7,40.96,9.68,81.61-.07,122.59-9.09,38.17-8.76,76.57.4,114.8,9.57,39.9,9.48,79.78.02,119.69-9.31,39.24-9.07,78.44.31,117.7,9.04,37.85,9.6,75.98.62,113.83-9.96,41.97-10.02,83.57-.02,125.55,9.02,37.85,8.45,75.98-.59,113.83-9.46,39.6-9.5,79.06-.04,118.65,9.04,37.85,8.95,75.82.93,113.89-2.67,12.67-4.49,25.51-6.76,38.27-.35,1.94-1.03,3.82-1.56,5.73h-19.99Z'/%3E%3Cpath class='cls-3' d='M21.77,0c-1.91,9.43-4.66,18.78-5.58,28.3-3.03,31.35-1.37,62.32,6.06,93.21,8.84,36.77,8.58,74.06-.15,110.91-9.78,41.29-9.92,82.33-.17,123.63,8.93,37.87,8.84,75.95-.12,113.84-9.53,40.27-9.64,80.39-.17,120.69,9.22,39.23,9.08,78.56-.23,117.79-9.16,38.59-9.3,77.19-.26,115.76,9.52,40.61,9.64,81.11-.05,121.71-9.12,38.24-8.91,76.5.14,114.76,9.52,40.23,9.36,80.46-.2,120.71-9,37.89-9.1,75.93-.15,113.81,9.67,40.95,9.78,81.73.08,122.67-8.98,37.89-8.99,75.95-.03,113.82,9.69,40.96,9.6,81.7-.1,122.65-8.89,37.53-8.93,75.32-.05,112.85,9.77,41.3,9.74,82.32-.02,123.64-8.94,37.85-8.7,75.93.32,113.83,9.58,40.25,9.62,80.47.06,120.72-9.16,38.58-9.1,77.18.03,115.75,9.45,39.92,9.42,79.83.13,119.75-9.21,39.58-9.31,79.12.03,118.72,9.26,39.22,9.46,78.55.2,117.78-9.43,39.94-9.43,79.75.04,119.69,9.22,38.9,9.01,77.93-.12,116.81-9.31,39.61-9.39,79.09,0,118.7,9.38,39.57,9.08,79.21-.28,118.77-9.13,38.59-9.16,77.19-.04,115.76,9.51,40.26,9.51,80.45-.06,120.71-9.08,38.23-9.1,76.59-.08,114.79,9.6,40.62,9.6,81.1.03,121.69-9.01,38.24-9.02,76.56.02,114.78,9.45,39.93,9.73,79.84.32,119.75-9.26,39.27-9.23,78.42.05,117.69,9.35,39.55,8.85,79.13,0,118.8-2.87,12.89-3.83,26.21-5.67,39.34H-.22V0C7.11,0,14.44,0,21.77,0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); mask-position: top left; mask-size: 120px; background-color: #f5f5f5; z-index: -1; } .m-access-module001__map div[data-type="map"] { width: 100%; height: 100%; } .m-access-module002__map div[data-type="map"] { width: 100%; height: 100%; } .header-main { --header_bg: var(--const-config-header-bg-color); --header_bg_transparent: var(--const-config-header-bg-color-transparent); --header_nav_link: var(--const-config-header-text-color); --header_contact_bg: var(--const-config-contact-bg-color); --header_contact_text: var(--const-config-contact-text-color); --header_border: var(--const-config-header-border); --header_contact_radius: 999px; } .header-main { padding: 12px 24px; background-color: var(--header_bg); } .header-main.transparent { background-color: var(--header_bg_transparent); } .header-main .header-nav__group-btn { align-items: center; } .header-main .header-nav__contact { color: var(--header_contact_text); border-radius: var(--header_contact_radius); background-color: var(--header_contact_bg); padding: 10px 24px; gap:0; } .header-main .header-nav__contact .contact__phone { color: var(--header_contact_text); font-family: var(--font-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; column-gap: 4px; } .header-main .header-nav__contact .contact__phone svg { width: 16px; height: 16px; margin-top:-1px; } .header-main .header-nav__contact .contact__phone .font-en { color: var(--header_contact_text); font-family: var(--font-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 1.6; } .header-main .header-nav__contact > span { color: var(--header_contact_text); font-family: var(--font-primary); font-size: 10px; font-style: normal; font-weight: 500; line-height: 1.6; } .header-main .header-nav__menu li:last-child { padding-right: 0; } .header-main .header-nav__menu li a { text-align: center; font-family: var(--font-primary); color: var(--header_nav_link); font-size: 16px; font-style: normal; font-weight: 700; line-height: 160%; } .header-nav__group-btn { align-items: center; } .header-main .header-nav__menu .header-nav__menu-child li a:hover { background-color: var(--header_nav_link); color: var(--header_bg); } .footer { --footer_bg: var(--const-config-footer-bg-color); --footer_border: var(--const-config-footer-border); --footer_nav_link: var(--const-config-footer-text-color); --footer_content_text: var(--const-config-footer-content-color); --footer_social_border: var(--const-config-footer-social-border); --footer_social_icon_color: var(--const-config-footer-social-color); --footer_copyright: var(--const-config-footer-copyright); } .footer { border-top: solid 1px var(--footer_border); background-color: var(--footer_bg); } .footer * { font-family: var(--font-primary) !important; } .footer:has(.content-left:first-child:last-child), .footer:has(.site-info.content-right) { padding: 40px; gap: 24px; } .footer:has(.content-left:first-child:last-child) .footer__content, .footer:has(.site-info.content-right) .footer__content { display: block; } .footer:has(.content-left:first-child:last-child) .footer__content .content-left, .footer:has(.site-info.content-right) .footer__content .content-left { width: 100%; gap: 16px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: solid 1px var(--footer_border); } .footer:has(.content-left:first-child:last-child) .site-logo, .footer:has(.site-info.content-right) .site-logo { display: inline-block; } .footer:has(.content-left:first-child:last-child).content-right, .footer:has(.site-info.content-right) .content-right { width: 100%; gap: 8px; } .footer:has(.content-left:first-child:last-child) .content-right p, .footer:has(.site-info.content-right) .content-right p { gap: 8px; flex-direction: column; line-height: 1.5; } .footer:has(.content-left:first-child:last-child) .content-right p span, .footer:has(.site-info.content-right) .content-right p span { font-weight: 600; } .footer:has(.content-left:first-child:last-child) .content-right p b, .footer:has(.site-info.content-right) .content-right p b { font-weight: 300; } .footer:has(.content-left:first-child:last-child) .footer__menu, .footer:has(.site-info.content-right) .footer__menu { padding: 0; column-gap: 16px; justify-content: flex-start; border: none; } .footer:has(.content-left:first-child:last-child) .footer__menu a, .footer:has(.site-info.content-right) .footer__menu a { font-weight: 600; font-size: 14px; } .footer:has(.content-left:first-child:last-child) .footer__copyright__text, .footer:has(.site-info.content-right) .footer__copyright__text { text-align: right; font-size: 12px; font-weight: 600; } .footer:has(.sitemap) .footer__menu { opacity: 0.6; border-color: var(--footer_social_border); } .footer:has(.sitemap) .footer__copyright { opacity: 0.8; } .footer:has(.sitemap) .footer__content { align-items: center; } .footer .opacity-disabled { opacity: 1 !important; } .footer .footer__content .site-info p { font-size: 16px; color: var(--footer_content_text); } .footer .footer__content .sitemap .sitemap__child-item a, .footer .footer__content .sitemap .sitemap__item a { color: var(--footer_nav_link); } .footer .footer__menu a { font-size: 14px; color: var(--footer_nav_link); } .footer .footer__content svg { color: var(--footer_social_icon_color); } .footer__copyright__text { color: var(--footer_copyright); } .m-ctaphonebtn-module001__headline--text01:has(span[style*="line-height"]) { line-height: 100%; } .m-price-plans-module001__list { overflow: hidden !important; width: calc(100% - 128px) !important; } .m-price-plan-module001__wrap-img:empty + .m-price-plan-module001__wrap-content { position: relative; border-radius: 40px; } .header-main .logo-img img { object-fit: contain; } .header-cta__container { --container-min-width: 160px; --container-padding-top: 17px; --container-padding-bottom: 17px; --text-font-size: 14px; --tooltip-font-size: 10px; --tooltip-padding-x: 16px; --tooltip-padding-y: 4px; --tooltip-arrow-width: 16px; --tooltip-arrow-height: 6px; --tooltip-margin-top: 0px; --tooltip-margin-bottom: -12px; --button-min-height: 56px; --iconLeft-width: 24px; --ctabtn-button-text-color: #FFFFFF; --ctabtn-button-color-hover: #FFFFFF; --ctabtn-button-background-color: #62A250; --ctabtn-tooltip-text-color: #FFFFFF; --ctabtn-tooltip-background-color: #D5BC6B; --ctabtn-icon-right-background-color: #FFFFFF; --ctabtn-icon-right-border: #62A250; --ctabtn-button-background-gradient-start: #62A250; --ctabtn-button-background-gradient-end: #2C6C1A; --ctabtn-button-icon-right-svg: #FFFFFF; --ctabtn-button-icon-right-bg-svg: #62A250; --ctabtn-bg-linear: linear-gradient(101deg, var(--ctabtn-button-background-gradient-start) 19.09%, var(--ctabtn-button-background-gradient-end) 81.7%); --ctabtn-bg-linear-hover: var(--ctabtn-button-background-gradient-end); } .footer-cta__container { --ctabtn-button-footer-text: #FFFFFF; --ctabtn-button-footer-background: #62A250; --ctabtn-text-circle: #FFFFFF; --ctabtn-button-footer-tooltip-border: #FFFFFF; --ctabtn-button-background-gradient-start: #62A250; --ctabtn-button-background-gradient-end: #2C6C1A; --ctabtn-bg-linear: linear-gradient(101deg, var(--ctabtn-button-background-gradient-start) 19.09%, var(--ctabtn-button-background-gradient-end) 81.7%); --ctabtn-bg-linear-hover: var(--ctabtn-button-background-gradient-end); } .header-cta__container.cta_btn-animate-transparent:active, .header-cta__container.cta_btn-animate-transparent:focus { opacity: 1; } .header-cta__container.cta_btn-animate-change-color:active .header-cta__inner::before, .header-cta__container.cta_btn-animate-change-color:focus .header-cta__inner::before { transform-origin: right top; transform: scale(0, 1); } .header-cta__container.cta_btn-animate-scale-up:active, .header-cta__container.cta_btn-animate-scale-up:focus { transform: scale(1); } .header-cta__container.cta_btn-animate-invert-color:active .header-cta__inner, .header-cta__container.cta_btn-animate-invert-color:focus .header-cta__inner { background-color: var(--ctabtn-button-background-color); color: var(--ctabtn-button-color-hover); } .header-cta__container.cta_btn-animate-invert-color:active .header-cta__icon-right:not(.header-cta__icon-right--bg) [stroke], .header-cta__container.cta_btn-animate-invert-color:focus .header-cta__icon-right:not(.header-cta__icon-right--bg) [stroke] { stroke: var(--ctabtn-button-color-hover); } .header-cta__container.cta_btn-animate-press:active .header-cta__inner, .header-cta__container.cta_btn-animate-press:focus .header-cta__inner { box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.25); transform: translateY(0px); } .header-cta__container.cta_btn-animate-press:active .header-cta__text-tooltip, .header-cta__container.cta_btn-animate-press:focus .header-cta__text-tooltip { transform: translateY(0); } .header-cta__container { transition: 0.2s; will-change: transform; } .header-cta__container .header-cta__inner { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--ctabtn-button-text-color); font-family: var(--font-primary); font-size: var(--text-font-size); font-style: normal; font-weight: 700; line-height: 160%; height: 100%; padding: var(--container-padding-top) 24px; margin: 0 auto; border-radius: 999px; background-color: var(--ctabtn-button-background-color); align-self: auto; position: relative; z-index: 1; width: fit-content; min-width: var(--container-min-width); min-height: var(--button-min-height); text-align: center; box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.25); transition: 0.2s; overflow: hidden; } .header-cta__container.cta-button-gradient .header-cta__inner { background: var(--ctabtn-bg-linear); } .header-cta__text { flex: 1; min-width: 0; max-width: fit-content; } .header-cta__text-tooltip { color: var(--ctabtn-tooltip-text-color); font-family: var(--font-primary); font-size: var(--tooltip-font-size); font-style: normal; font-weight: 700; line-height: 160%; margin: var(--tooltip-margin-top) auto var(--tooltip-margin-bottom) auto; display: block; padding: var(--tooltip-padding-y) var(--tooltip-padding-x); background-color: var(--ctabtn-tooltip-background-color); border-radius: 4px; position: relative; z-index: 2; width: fit-content; transition: 0.2s; will-change: transform; } .header-cta__text-tooltip::before { content: ''; position: absolute; left: 50%; top: calc(100% - 1px); transform: translateX(-50%); width: var(--tooltip-arrow-width); height: var(--tooltip-arrow-height); clip-path: polygon(50% 100%, 0 0, 100% 0); background-color: var(--ctabtn-tooltip-background-color); } .header-cta__icon { width: 16px; height: 16px; } .header-cta__icon img { display: block; width: 100%; height: 100%; object-fit: contain; } .header-cta__container.cta-has-icon-right .header-cta__text { display: flex; align-items: center; gap: 8px; } .header-cta__container .header-cta__icon-right svg { display: flex; } .header-cta__icon.header-cta__icon-left--bg { width: var(--iconLeft-width); height: var(--iconLeft-width); border-radius: 50%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; overflow: hidden; } .header-cta__icon.header-cta__icon-left--bg img { width: 100%; height: 100%; object-fit: cover; } .header-cta__container.cta_btn-animate-transparent:hover { opacity: .8; } .header-cta__container.cta_btn-animate-change-color .header-cta__inner::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; background: var(--ctabtn-bg-linear-hover); width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; } .header-cta__container.cta_btn-animate-change-color:hover .header-cta__inner::before { transform-origin: left top; transform: scale(1, 1); } .header-cta__container.cta_btn-animate-scale-up { transform: scale(1); } .header-cta__container.cta_btn-animate-scale-up:hover { transform: scale(1.1); } .header-cta__container.cta_btn-animate-invert-color .header-cta__inner { border: none; will-change: transform; } .cta_btn-animate-invert-color-hover .header-cta__inner:after, .header-cta__container.cta_btn-animate-invert-color .header-cta__inner:after { content: ""; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 999px; top: 1px; left: 1px; right: 1px; bottom: 1px; position: absolute; background-color: var(--ctabtn-button-color-hover); opacity: 0; transition: 0.2s; pointer-events: none; z-index: -1; } .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__inner, .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__inner { background-color: var(--ctabtn-button-background-color) !important; color: var(--ctabtn-button-background-color); } .cta_btn-animate-invert-color-hover .header-cta__inner:after, .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__inner:after { opacity: 1 !important; } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg svg path:first-child { stroke: var(--ctabtn-button-color-hover); fill: transparent; } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right--bg { background-color: var(--ctabtn-button-background-color); border-color: var(--ctabtn-button-background-color); } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg svg path:nth-child(2) { stroke: var(--ctabtn-button-text-color); } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right:not(.header-cta__icon-right--bg) [stroke] { stroke: var(--ctabtn-button-background-color); } .header-cta__container.cta_btn-animate-invert-color:hover.cta-button-gradient .header-cta__icon-right--bg:before { content: none; } .header-cta__container.cta_btn-animate-press .header-cta__inner { box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.25); } .header-cta__container.cta_btn-animate-press:hover .header-cta__inner { box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.25); transform: translateY(3px); } .header-cta__container.cta_btn-animate-press:hover .header-cta__text-tooltip { transform: translateY(3px); } .header-cta__icon-right--bg { width: 18px; height: 18px; border-radius: 50%; background-color: var(--ctabtn-icon-right-background-color); border: 2px solid var(--ctabtn-icon-right-border); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; will-change: transform; } .cta-button-gradient .header-cta__icon-right--bg { border: none; background-color: transparent; } .cta-button-gradient .header-cta__icon-right--bg:before { content: ""; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 999px; background-color: var(--ctabtn-icon-right-background-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .cta-button-gradient .header-cta__icon-right--bg:after { content: ""; width: 100%; height: 100%; border-radius: 999px; background: var(--ctabtn-bg-linear); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -2; } .cta_btn-animate-invert-color-hover .header-cta__inner { background-color: transparent !important; background-image: var(--ctabtn-bg-linear) !important; } .cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg svg path:first-child { stroke: var(--ctabtn-button-color-hover) !important; fill: transparent !important; } .cta_btn-animate-invert-color-hover.cta-button-gradient .header-cta__icon-right--bg:before { background-color: transparent; } .footer-cta__container { --radius: 77.5px; border-radius: 999px; border: none; background-color: var(--ctabtn-button-footer-background); width: 155px; height: 155px; position: relative; padding: 8px; transform: none; display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.06); -webkit-transition: 0.2s; transition: 0.2s; overflow: hidden; z-index: 1; } .footer-cta__inner { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; box-shadow: none; position: static; overflow: hidden; } .footer-cta__inner:has(.footer-cta__text-tooltip):has(.footer-cta__icon) { padding-bottom: 10px; } .footer-cta__text-label:first-child:last-child { margin-bottom: 0; } .footer-cta__icon { margin-bottom: 8px; } .footer-cta__text { text-align: center; } .footer-cta__text-label { color: var(--ctabtn-button-footer-text); text-align: center; font-family: var(--font-primary); font-size: 12px; font-style: normal; font-weight: 700; line-height: 138%; display: block; margin-bottom: 0; } .footer-cta__container.footer-cta__container--tooltip .footer-cta__text-label { margin-bottom: 4px; } .footer-cta__icon img { object-fit: cover; width: 34px; height: 34px; aspect-ratio: 1/1; } .footer-cta__text-tooltip { font-family: var(--font-primary); text-align: center; font-size: 8px; line-height: 150%; color: var(--ctabtn-button-footer-text); font-weight: 700; padding: 5px 6px; border-radius: 4px; border: 1px solid var(--ctabtn-button-footer-tooltip-border); position: relative; z-index: 1; display: block; width: fit-content; margin: 0 auto; } .footer-cta__text-circle { position: absolute; font-size: 8px; font-weight: 400; color: var(--ctabtn-text-circle); white-space: nowrap; position: absolute; top: 0; left: 0; width: calc(100% - 0px); height: calc(100% - 0px); aspect-ratio: 1; --deg: 10deg; animation: rotateText 10s linear infinite; } .footer-cta__text-circle span { position: absolute; left: 50%; top: 0; transform-origin: 0 calc(var(--radius) - 0px); transform: rotate(calc(var(--index) * var(--deg))); line-height: 2; } .footer-cta__container.footer-cta__container--bg-gradient { background: var(--ctabtn-bg-linear); } .footer-cta__container.cta_btn-animate-transparent:active, .footer-cta__container.cta_btn-animate-transparent:focus { opacity: 1; } .footer-cta__container.cta_btn-animate-change-color:active::before, .footer-cta__container.cta_btn-animate-change-color:focus::before { transform-origin: right top; z-index: -1; } .footer-cta__container.cta_btn-animate-transparent:hover { opacity: .8; } .footer-cta__container.cta_btn-animate-change-color::before { content: ''; position: absolute; top: 0; left: 0; background: var(--ctabtn-bg-linear-hover); width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; } .footer-cta__container.cta_btn-animate-change-color::after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; background-color: var(--ctabtn-button-background-gradient-start); width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform-origin: right top; } .footer-cta__container.cta_btn-animate-change-color.footer-cta__container--bg-gradient:after { background: var(--ctabtn-bg-linear); } .header-cta__container.cta_btn-animate-invert-color:hover:not(:active):not(:focus).cta-button-gradient .header-cta__icon-right--bg:before { content: none; } .footer-cta__container.cta_btn-animate-change-color:hover::before { transform-origin: left top; transform: scale(1, 1); z-index: 0; } .footer-cta__group { z-index: 2; } .footer-cta__container.cta_btn-animate-change-color:hover { background: transparent !important; } .btn__footer-apply { width: 155px; height: 155px; } .footer-cta__icon { display: flex; justify-content: center; } .footer .btn__footer-apply-edit-screen { transform: translateY(-100%) !important; top: -48px !important; right: 48px !important; position: absolute !important; } @keyframes rotateText { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .btn__scroll-top { width: 80px; height: 80px; background-color: var(--const-config-back-to-top-bg-color); border: 2px solid var(--const-config-back-to-top-bg-color); right: 48px; } .btn__scroll-top:hover { background-color: var(--const-config-back-to-top-bg-color-hover); } .btn__scroll-top:hover svg path { fill: var(--const-config-back-to-top-bg-color); } .btn__scroll-top-edit-screen { top: -310px; bottom: 0; } .btn__scroll-top:not(.\!fixed) { top: -308px; } .btn__scroll-top-intersecting { bottom: 228px; } [data-palette-id="34"] { --color140: #EFFFBF; --color141: #A8D5BA; --color142: #2DB84D; --color143: #D88F20; --color144: #4B8B3B; --color145: #F3EEE5; --color146: #422823; --color147: #FFEB12; } [data-palette-id="35"] { --color140: #FFF5BF; --color141: #F7A325; --color142: #E6851A; --color143: #D88F20; --color144: #8B6914; --color145: #F3EEE5; --color146: #422823; --color147: #FFEB12; } .m-factors-module001__bottom { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/de06d7da-5bd5-479e-bd71-2c449e4de011.jpeg'); } .m-price-module001 { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/d0cd41fd-4a7d-4716-984b-3acc078725b6.png'); } .m-ranking-module001{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/ef249f71-c3fd-4051-ab3a-f30fb2f87463.png'); } .m-voice-results-module001{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/63212202-e34c-4a68-a37f-6694b0d97258.png'); } .m-price-plantab-module001, .m-price-plan-module001 { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/ec31a70e-07a8-4e1f-bf09-d73163df92e8.png'); } .m-payment-method-module001 { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/ec31a70e-07a8-4e1f-bf09-d73163df92e8.png'); } .m-module__bg01{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/91e426e3-52c6-408a-ba43-afa57ad2015c.png'); } body.color01 .m-ingredient-module001__row02, .m-ingredient-module001__row02 { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/7f70ebe9-3a91-4ed5-ba75-f67427627ae3.png'); } .m-plan-price-module002::before{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/7f70ebe9-3a91-4ed5-ba75-f67427627ae3.png'); } .m-telephone-module001{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/1df98e68-d3d6-4914-a87c-544744c23c2f.png"); } .m-ctaphonebtn-module001{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/9db3cc07-7744-465f-a831-6e90ce77a9ca.png"); } .m-slide-module001 { background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/3818b880-cc82-47cb-86eb-dae813acb9f9.png"); } .m-voice-module001__background::after { background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/098337fa-9d0a-4670-8501-b944df148910.png"); } .m-producer-story-module001__bg .m-producer-story-module001__bg-overlay { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/098337fa-9d0a-4670-8501-b944df148910.png'); } .m-voice-module001__bg-overlay::before { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/7a537d53-353c-449f-85d1-d7a33af25a94.png'); } .m-voice-module001__bg-overlay::after { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/ef650517-f4da-4ddf-8705-9bafc3c1d851.png'); } .m-text-img-module001__box1-svg1{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/06/6160a4d1-6afc-493c-8233-6a6d0b6cd1af.png'); } .m-text-img-module001__box1-svg2{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/06/30f01f66-de31-46bb-8323-d70ed66659f6.png'); } .m-cta-module001{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/566757f3-e4b8-4ed8-8791-15bb8a96b01c.png"); } .m-ecvisual-module002__rice-left{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/cafcd926-238b-4bc2-99f7-213da0f6af1d.png'); } .m-ecvisual-module002__rice-right{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/5abd70a2-17a6-4de8-a20f-b2fe0334105c.png'); } .m-ecvisual-module002__wave-mask-layer { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/328bc3e8-1a7b-47d0-8686-493f11ba6e49.png'); } .m-expectations-module001__bg-default{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/96ca9b92-cb6b-4a39-a18c-cb351dc3fa0d.png"); } .m-expectations-module001__headline-inner:before, .m-expectations-module001__headline-inner:after, .m-uniqueness-ec-module001__headline::before, .m-uniqueness-ec-module001__headline::after{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/b89fb594-58f0-4272-a162-d78a008af6f2.png'); } .m-expectations-module001__image-mask { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/f6ac7e38-1bc8-4ea0-98f1-2d56d87da193.png'); } .m-expectations-module001__image-line:after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/f308d195-5b3e-43be-b541-3af5b04dfe2b.png"); } .m-expectations-module001__decor-heart{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/9769b4b8-1f54-4fd7-a625-5b1ab0ac4ce6.png'); } .m-factor01-module001__title-caino{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/23a9df27-9f90-4780-8651-1748ea6278b7.png'); } .m-commentary-module001__headline-inner:before, .m-commentary-module001__headline-inner:after, .m-ec-cost-module001__headline-decor:before, .m-ec-cost-module001__headline-decor:after{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/a61da796-b008-4b78-a22f-cf485eaa7ba7.png"); } .m-manuprocess-module001__headbg-opt01:after { background: linear-gradient(var(--color104), var(--color104)), url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/320a9a58-d143-4076-ba14-16053c87e869.png'); } .m-commentary-module001__bg{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/08/88c283a6-4213-43af-8299-608063f5e9bb.png"); } .m-ec-regular-module001__bg{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/09/04186359-e434-4324-882e-707d4b89d839.png'); } .m-anchorlink-module001 { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/11/0862bfcf-e8ce-4541-89e7-b9b50afabc80.png'); } .m-price-plan-module001__wrap-img:empty + .m-price-plan-module001__wrap-content { position: relative; border-radius: 40px; } .header-main .logo-img img { object-fit: contain; } [data-palette-id="3"] { --color148: #62A250; --color149: #FAF8ED; --color150: #F4D39B; } [data-palette-id="34"] { --color148: #C6A94A; --color149: #FFF9E7; --color150: #F2DAA3; } [data-palette-id="35"] { --color148: #D47A27; --color149: #FEF7EF; --color150: #F4C99E; }