@import url('./assets/pattern/set01.css'); :root { --color01: #3FC4A9; --color02: #E2FBF5; --color03: #F9FAFE; --color04: #FEFCE3; --color05: #D2EBE5; --color06: #CEEFE6; --color07: #F75067; --color08: #FFF2F2; --color09: #FFE7A0; --color10: #FFFFFF; --color11: #E2FBF5; --color12: #FEFCE3; --color13: #3FC4A9; --color14: #77D4C2CC; --color15: #444444; --color16: #EAEBEE; --color17: #B0ADAE; --color18: #444444; --color19: #FFFFFF; --color20: #AAAAAA; --color21: #D5BC6B; --color22: #EADCB5; --color23: #9F9D9E; --color24: #CDCDCD; --color25: #C09B87; --color26: #DECCC2; --color27: #575757; --color28: #FAF8EC; --color29: #00000033; --color30: #FFFFFFCC; --color31: #FFFFFF80; --color32: #F9FAFECC; --color33: #000000; --color34: #00000033; --color35: #FFFFFF; --color36: #3FC4A9; --color37: #FBFFAB; --color38: #FFFFFFE6; --color39: #FFFFFFB3; --color40: #FFFBD0; --color41: #F8FAFC; --color42: #E5E5E5; --color43: #68C1AA; --color44: #E7FAF5; --color45: #444444; --color46: #C1E9DE; --color47: #FEFCE3; --color48: #FFFFFF; --color49: #0D9277; --color50: #006045; --color51: #004227; --color52: #A6BFB9; --color53: #4C655F; --color54: #FFFFFF; --color55: #FFDB41; --color56: #F29F05; --color57: #B66300; --color58: #7A2714; --color59: #F29F05; --color60: #FFE7B5; --color61: #444444; --color62: #FFC64E; --color63: #FFF099; --color64: #FFFFFF; --color65: #FF9BBF; --color66: #FFF2EC; --color67: #444444; --color68: #FFC5DD; --color69: #FFEFF5; --color70: #FFFFFF; --color71: #bdbab34d; --color72: #EC456E; --color73: #71F6DB; --color74: #3AA28D; --color75: #9FD9CB; --color76: #F5DF9D; --color77: #D5F2E7; --color78: #FFFFFF; --color79: #FBFBFB; --color80: #D7E1DC; --font-primary: "Noto Sans JP", sans-serif; --font-secondary: "Hammersmith One", sans-serif; --font-tertiary: "Shippori Mincho", serif; } 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; } 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; 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; } .m-headline__sun { text-align: center; margin-bottom: 30px; position: relative; } .m-headline__sun:before { content: ""; display: block; width: 100px; height: 38px; margin: 0 auto 10px; mask-image: url("data:image/svg+xml,%3Csvg width='100' height='38' viewBox='0 0 100 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200829 30.7926C0.614253 30.0806 1.52989 29.8366 2.24596 30.2477L10.8897 35.2101C11.6058 35.6212 11.8511 36.5317 11.4377 37.2438C11.0243 37.9558 10.1087 38.1998 9.39258 37.7887L0.748823 32.8262C0.0327502 32.4151 -0.212596 31.5047 0.200829 30.7926Z' fill='%23000000'/%3E%3Cpath d='M21.2039 9.8978C21.92 9.4867 22.8356 9.73066 23.2491 10.4427L28.2395 19.0379C28.653 19.75 28.4076 20.6605 27.6916 21.0716C26.9755 21.4827 26.0598 21.2387 25.6464 20.5266L20.6559 11.9314C20.2425 11.2194 20.4879 10.3089 21.2039 9.8978Z' fill='%23000000'/%3E%3Cpath d='M50.3517 2.2091C51.1786 2.2091 51.8489 2.87562 51.8489 3.69783V13.6227C51.8489 14.4449 51.1786 15.1114 50.3517 15.1114C49.5249 15.1114 48.8546 14.4449 48.8546 13.6227V3.69783C48.8546 2.87563 49.5249 2.2091 50.3517 2.2091Z' fill='%23000000'/%3E%3Cpath d='M79.0025 9.99746C79.7216 10.4034 79.9736 11.3121 79.5654 12.0271L74.6381 20.6582C74.2299 21.3733 73.3161 21.6239 72.597 21.218C71.878 20.8121 71.626 19.9034 72.0341 19.1884L76.9614 10.5572C77.3696 9.84217 78.2835 9.59156 79.0025 9.99746Z' fill='%23000000'/%3E%3Cpath d='M99.7685 30.4167C100.21 31.1118 100.001 32.0313 99.3021 32.4703L90.8631 37.7698C90.164 38.2088 89.2393 38.0012 88.7978 37.306C88.3563 36.6108 88.5651 35.6914 89.2643 35.2523L97.7032 29.9528C98.4024 29.5138 99.327 29.7215 99.7685 30.4167Z' fill='%23000000'/%3E%3Cpath d='M14.8691 23.4938C15.4538 22.9125 16.4017 22.9125 16.9864 23.4938L19.4589 25.9525C20.0436 26.5339 20.0436 27.4765 19.4589 28.0579C18.8742 28.6393 17.9263 28.6393 17.3416 28.0579L14.8691 25.5992C14.2844 25.0178 14.2844 24.0752 14.8691 23.4938Z' fill='%23000000'/%3E%3Cpath d='M6.99283 16.6595C7.5775 16.0781 8.52544 16.0781 9.11011 16.6595L11.5826 19.1181C12.1673 19.6995 12.1673 20.6421 11.5826 21.2235C10.998 21.8049 10.05 21.8049 9.46535 21.2235L6.99283 18.7649C6.40816 18.1835 6.40816 17.2409 6.99283 16.6595Z' fill='%23000000'/%3E%3Cpath d='M36.6771 10.036C37.4864 9.86745 38.2798 10.3832 38.4493 11.1879L39.1661 14.5911C39.3356 15.3959 38.817 16.1849 38.0077 16.3534C37.1984 16.522 36.405 16.0062 36.2355 15.2015L35.5186 11.7983C35.3491 10.9936 35.8678 10.2046 36.6771 10.036Z' fill='%23000000'/%3E%3Cpath d='M33.8489 0.031918C34.6582 -0.136632 35.4516 0.379105 35.6211 1.18385L36.338 4.58704C36.5075 5.39178 35.9888 6.18079 35.1795 6.34934C34.3702 6.51789 33.5768 6.00215 33.4073 5.19741L32.6905 1.79422C32.521 0.989478 33.0396 0.200468 33.8489 0.031918Z' fill='%23000000'/%3E%3Cpath d='M63.5635 10.7922C64.3581 11.0195 64.817 11.8443 64.5884 12.6345L63.6218 15.976C63.3933 16.7662 62.5638 17.2225 61.7692 16.9952C60.9745 16.7679 60.5157 15.9431 60.7442 15.1529L61.7108 11.8114C61.9394 11.0212 62.7689 10.5649 63.5635 10.7922Z' fill='%23000000'/%3E%3Cpath d='M65.7676 0.634932C66.5622 0.862218 67.0211 1.68703 66.7925 2.47719L65.8259 5.81873C65.5974 6.6089 64.7679 7.0652 63.9733 6.83791C63.1786 6.61063 62.7197 5.78582 62.9483 4.99566L63.9149 1.65411C64.1435 0.86395 64.973 0.407645 65.7676 0.634932Z' fill='%23000000'/%3E%3Cpath d='M86.5869 23.8532C87.1749 24.4313 87.1802 25.3739 86.5988 25.9585L84.1402 28.431C83.5589 29.0156 82.6109 29.0209 82.023 28.4428C81.435 27.8647 81.4297 26.9221 82.0111 26.3374L84.4697 23.865C85.051 23.2804 85.999 23.2751 86.5869 23.8532Z' fill='%23000000'/%3E%3Cpath d='M93.4204 15.9858C94.0083 16.5639 94.0137 17.5065 93.4323 18.0912L90.9737 20.5636C90.3923 21.1482 89.4444 21.1535 88.8564 20.5754C88.2685 19.9973 88.2632 19.0547 88.8446 18.4701L91.3031 15.9977C91.8845 15.413 92.8324 15.4077 93.4204 15.9858Z' fill='%23000000'/%3E%3C/svg%3E"); mask-repeat: no-repeat no-repeat; mask-position: center center; mask-size: 100% auto; background-color: var(--color18); } .m-headline__sun-icon svg { width: 100%; height: auto; } .m-headline__sun-title { color: var(--color18); font-size: 60px; font-weight: bold; line-height: 1.5; letter-spacing: 6px; } .m-module__headline:not(:last-child) { margin-bottom: 80px; } .m-module__headline { text-align: center; } .m-module__headline-icon { content: ''; mask-image: url("data:image/svg+xml,%3Csvg width='100' height='38' viewBox='0 0 100 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200829 30.7926C0.614253 30.0806 1.52989 29.8366 2.24596 30.2477L10.8897 35.2101C11.6058 35.6212 11.8511 36.5317 11.4377 37.2438C11.0243 37.9558 10.1087 38.1998 9.39258 37.7887L0.748823 32.8262C0.0327502 32.4151 -0.212596 31.5047 0.200829 30.7926Z' fill='%23444444'/%3E%3Cpath d='M21.2039 9.8978C21.92 9.4867 22.8356 9.73066 23.2491 10.4427L28.2395 19.0379C28.653 19.75 28.4076 20.6605 27.6916 21.0716C26.9755 21.4827 26.0598 21.2387 25.6464 20.5266L20.6559 11.9314C20.2425 11.2194 20.4879 10.3089 21.2039 9.8978Z' fill='%23444444'/%3E%3Cpath d='M50.3517 2.2091C51.1786 2.2091 51.8489 2.87562 51.8489 3.69783V13.6227C51.8489 14.4449 51.1786 15.1114 50.3517 15.1114C49.5249 15.1114 48.8546 14.4449 48.8546 13.6227V3.69783C48.8546 2.87563 49.5249 2.2091 50.3517 2.2091Z' fill='%23444444'/%3E%3Cpath d='M79.0025 9.99746C79.7216 10.4034 79.9736 11.3121 79.5654 12.0271L74.6381 20.6582C74.2299 21.3733 73.3161 21.6239 72.597 21.218C71.878 20.8121 71.626 19.9034 72.0341 19.1884L76.9614 10.5572C77.3696 9.84217 78.2835 9.59156 79.0025 9.99746Z' fill='%23444444'/%3E%3Cpath d='M99.7685 30.4167C100.21 31.1118 100.001 32.0313 99.3021 32.4703L90.8631 37.7698C90.164 38.2088 89.2393 38.0012 88.7978 37.306C88.3563 36.6108 88.5651 35.6914 89.2643 35.2523L97.7032 29.9528C98.4024 29.5138 99.327 29.7215 99.7685 30.4167Z' fill='%23444444'/%3E%3Cpath d='M14.8691 23.4938C15.4538 22.9125 16.4017 22.9125 16.9864 23.4938L19.4589 25.9525C20.0436 26.5339 20.0436 27.4765 19.4589 28.0579C18.8742 28.6393 17.9263 28.6393 17.3416 28.0579L14.8691 25.5992C14.2844 25.0178 14.2844 24.0752 14.8691 23.4938Z' fill='%23444444'/%3E%3Cpath d='M6.99283 16.6595C7.5775 16.0781 8.52544 16.0781 9.11011 16.6595L11.5826 19.1181C12.1673 19.6995 12.1673 20.6421 11.5826 21.2235C10.998 21.8049 10.05 21.8049 9.46535 21.2235L6.99283 18.7649C6.40816 18.1835 6.40816 17.2409 6.99283 16.6595Z' fill='%23444444'/%3E%3Cpath d='M36.6771 10.036C37.4864 9.86745 38.2798 10.3832 38.4493 11.1879L39.1661 14.5911C39.3356 15.3959 38.817 16.1849 38.0077 16.3534C37.1984 16.522 36.405 16.0062 36.2355 15.2015L35.5186 11.7983C35.3491 10.9936 35.8678 10.2046 36.6771 10.036Z' fill='%23444444'/%3E%3Cpath d='M33.8489 0.031918C34.6582 -0.136632 35.4516 0.379105 35.6211 1.18385L36.338 4.58704C36.5075 5.39178 35.9888 6.18079 35.1795 6.34934C34.3702 6.51789 33.5768 6.00215 33.4073 5.19741L32.6905 1.79422C32.521 0.989478 33.0396 0.200468 33.8489 0.031918Z' fill='%23444444'/%3E%3Cpath d='M63.5635 10.7922C64.3581 11.0195 64.817 11.8443 64.5884 12.6345L63.6218 15.976C63.3933 16.7662 62.5638 17.2225 61.7692 16.9952C60.9745 16.7679 60.5157 15.9431 60.7442 15.1529L61.7108 11.8114C61.9394 11.0212 62.7689 10.5649 63.5635 10.7922Z' fill='%23444444'/%3E%3Cpath d='M65.7676 0.634932C66.5622 0.862218 67.0211 1.68703 66.7925 2.47719L65.8259 5.81873C65.5974 6.6089 64.7679 7.0652 63.9733 6.83791C63.1786 6.61063 62.7197 5.78582 62.9483 4.99566L63.9149 1.65411C64.1435 0.86395 64.973 0.407645 65.7676 0.634932Z' fill='%23444444'/%3E%3Cpath d='M86.5869 23.8532C87.1749 24.4313 87.1802 25.3739 86.5988 25.9585L84.1402 28.431C83.5589 29.0156 82.6109 29.0209 82.023 28.4428C81.435 27.8647 81.4297 26.9221 82.0111 26.3374L84.4697 23.865C85.051 23.2804 85.999 23.2751 86.5869 23.8532Z' fill='%23444444'/%3E%3Cpath d='M93.4204 15.9858C94.0083 16.5639 94.0137 17.5065 93.4323 18.0912L90.9737 20.5636C90.3923 21.1482 89.4444 21.1535 88.8564 20.5754C88.2685 19.9973 88.2632 19.0547 88.8446 18.4701L91.3031 15.9977C91.8845 15.413 92.8324 15.4077 93.4204 15.9858Z' fill='%23444444'/%3E%3C/svg%3E%0A"); width: 100px; height: 38px; background-color: var(--color18); display: block; margin: 0 auto 20px auto; } .m-module__headline-icon::before { content: ''; mask-image: url("data:image/svg+xml,%3Csvg width='100' height='38' viewBox='0 0 100 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.200829 30.7926C0.614253 30.0806 1.52989 29.8366 2.24596 30.2477L10.8897 35.2101C11.6058 35.6212 11.8511 36.5317 11.4377 37.2438C11.0243 37.9558 10.1087 38.1998 9.39258 37.7887L0.748823 32.8262C0.0327502 32.4151 -0.212596 31.5047 0.200829 30.7926Z' fill='%23444444'/%3E%3Cpath d='M21.2039 9.8978C21.92 9.4867 22.8356 9.73066 23.2491 10.4427L28.2395 19.0379C28.653 19.75 28.4076 20.6605 27.6916 21.0716C26.9755 21.4827 26.0598 21.2387 25.6464 20.5266L20.6559 11.9314C20.2425 11.2194 20.4879 10.3089 21.2039 9.8978Z' fill='%23444444'/%3E%3Cpath d='M50.3517 2.2091C51.1786 2.2091 51.8489 2.87562 51.8489 3.69783V13.6227C51.8489 14.4449 51.1786 15.1114 50.3517 15.1114C49.5249 15.1114 48.8546 14.4449 48.8546 13.6227V3.69783C48.8546 2.87563 49.5249 2.2091 50.3517 2.2091Z' fill='%23444444'/%3E%3Cpath d='M79.0025 9.99746C79.7216 10.4034 79.9736 11.3121 79.5654 12.0271L74.6381 20.6582C74.2299 21.3733 73.3161 21.6239 72.597 21.218C71.878 20.8121 71.626 19.9034 72.0341 19.1884L76.9614 10.5572C77.3696 9.84217 78.2835 9.59156 79.0025 9.99746Z' fill='%23444444'/%3E%3Cpath d='M99.7685 30.4167C100.21 31.1118 100.001 32.0313 99.3021 32.4703L90.8631 37.7698C90.164 38.2088 89.2393 38.0012 88.7978 37.306C88.3563 36.6108 88.5651 35.6914 89.2643 35.2523L97.7032 29.9528C98.4024 29.5138 99.327 29.7215 99.7685 30.4167Z' fill='%23444444'/%3E%3Cpath d='M14.8691 23.4938C15.4538 22.9125 16.4017 22.9125 16.9864 23.4938L19.4589 25.9525C20.0436 26.5339 20.0436 27.4765 19.4589 28.0579C18.8742 28.6393 17.9263 28.6393 17.3416 28.0579L14.8691 25.5992C14.2844 25.0178 14.2844 24.0752 14.8691 23.4938Z' fill='%23444444'/%3E%3Cpath d='M6.99283 16.6595C7.5775 16.0781 8.52544 16.0781 9.11011 16.6595L11.5826 19.1181C12.1673 19.6995 12.1673 20.6421 11.5826 21.2235C10.998 21.8049 10.05 21.8049 9.46535 21.2235L6.99283 18.7649C6.40816 18.1835 6.40816 17.2409 6.99283 16.6595Z' fill='%23444444'/%3E%3Cpath d='M36.6771 10.036C37.4864 9.86745 38.2798 10.3832 38.4493 11.1879L39.1661 14.5911C39.3356 15.3959 38.817 16.1849 38.0077 16.3534C37.1984 16.522 36.405 16.0062 36.2355 15.2015L35.5186 11.7983C35.3491 10.9936 35.8678 10.2046 36.6771 10.036Z' fill='%23444444'/%3E%3Cpath d='M33.8489 0.031918C34.6582 -0.136632 35.4516 0.379105 35.6211 1.18385L36.338 4.58704C36.5075 5.39178 35.9888 6.18079 35.1795 6.34934C34.3702 6.51789 33.5768 6.00215 33.4073 5.19741L32.6905 1.79422C32.521 0.989478 33.0396 0.200468 33.8489 0.031918Z' fill='%23444444'/%3E%3Cpath d='M63.5635 10.7922C64.3581 11.0195 64.817 11.8443 64.5884 12.6345L63.6218 15.976C63.3933 16.7662 62.5638 17.2225 61.7692 16.9952C60.9745 16.7679 60.5157 15.9431 60.7442 15.1529L61.7108 11.8114C61.9394 11.0212 62.7689 10.5649 63.5635 10.7922Z' fill='%23444444'/%3E%3Cpath d='M65.7676 0.634932C66.5622 0.862218 67.0211 1.68703 66.7925 2.47719L65.8259 5.81873C65.5974 6.6089 64.7679 7.0652 63.9733 6.83791C63.1786 6.61063 62.7197 5.78582 62.9483 4.99566L63.9149 1.65411C64.1435 0.86395 64.973 0.407645 65.7676 0.634932Z' fill='%23444444'/%3E%3Cpath d='M86.5869 23.8532C87.1749 24.4313 87.1802 25.3739 86.5988 25.9585L84.1402 28.431C83.5589 29.0156 82.6109 29.0209 82.023 28.4428C81.435 27.8647 81.4297 26.9221 82.0111 26.3374L84.4697 23.865C85.051 23.2804 85.999 23.2751 86.5869 23.8532Z' fill='%23444444'/%3E%3Cpath d='M93.4204 15.9858C94.0083 16.5639 94.0137 17.5065 93.4323 18.0912L90.9737 20.5636C90.3923 21.1482 89.4444 21.1535 88.8564 20.5754C88.2685 19.9973 88.2632 19.0547 88.8446 18.4701L91.3031 15.9977C91.8845 15.413 92.8324 15.4077 93.4204 15.9858Z' fill='%23444444'/%3E%3C/svg%3E%0A"); width: 100px; height: 38px; background-color: var(--color18); display: block; } .m-module__headline-hint { font-size: 20px; line-height: 1.5; font-weight: 700; letter-spacing: 0.1em; font-family: var(--font-primary); text-align: center; color: var(--color18); position: relative; display: inline-block; background: -webkit-gradient(linear, left top, left bottom, from(var(--color18)), to(var(--color18))) no-repeat bottom left / calc(50% - 6.5px) 2px, -webkit-gradient(linear, left top, left bottom, from(var(--color18)), to(var(--color18))) no-repeat bottom right / calc(50% - 6.5px) 2px; background: linear-gradient(var(--color18), var(--color18)) no-repeat bottom left / calc(50% - 6.5px) 2px, linear-gradient(var(--color18), var(--color18)) no-repeat bottom right / calc(50% - 6.5px) 2px; padding: 0 0 10px 0; } .m-module__headline-hint::before { content: ""; position: absolute; width: 2px; height: 17px; background-color: var(--color18); line-height: 0; -webkit-transform: rotate(52deg) translateX(calc(-50% + 2.23px)); transform: rotate(52deg) translateX(calc(-50% + 3.3px)); line-height: 0; left: calc(50% - 2.5px); top: calc(100% - 5.55px); border-radius: 1px; } .m-module__headline-title { font-size: 60px; font-weight: 700; line-height: 150%; letter-spacing: 0.1em; font-family: var(--font-primary); } .m-module__headline-subtitle { font-size: 96px; line-height: 1.5; font-weight: 700; letter-spacing: 0.1em; font-family: var(--font-primary); color: var(--color01); } .m-module__headline-meta { font-size: 24px; font-weight: 400; line-height: 1.5; letter-spacing: 0.05em; font-family: var(--font-secondary); color: var(--color18); margin-top: 10px; } .m-module__headline-description { font-size: 24px; font-weight: 700; line-height: 1.5; letter-spacing: 0.1em; font-family: var(--font-primary); color: var(--color18); margin-top: 30px; } .m-module__headline-description.m-module__headline-description--small { font-size: 16px; font-weight: 500; line-height: 1.8; text-align: left; } .header-main { --header_bg: var(--const-config-header-bg-color); --header_nav_link: var(--const-config-header-text-color); --header_bg_transparent: var(--const-config-header-bg-transparent-color); --header_contact_bg: var(--const-config-header-phone-bg-color); --header_contact_text: var(--const-config-header-phone-text-color); --header_contact_radius: 2px; background-color: var(--header_bg); padding-top: 12px; padding-bottom: 12px; padding-left: 24px; padding-right: 24px; } .header-main .logo-img img { max-height: 54px; height: auto; } .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: 8px 24px; gap: 6px; min-height: 56px; min-width: 180px; border-radius: 2px; position: relative; z-index: 1; } .header-main.transparent { background-color: var(--header_bg_transparent); } .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-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; font-family: var(--font-primary); } .header-nav__group-btn { align-items: center; } .footer .footer__menu, .footer .footer__menu a, .header-main .header-nav__menu li a{ color: var(--header_nav_link); } .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-color); --footer_text: var(--const-config-footer-text-color); } .footer .footer-nav__btn.btn__apply:hover, .footer-nav__btn.btn__apply { border-radius: 999px; border: 8px solid #FAF8ED; background: linear-gradient(101deg, var(--color22) 19.09%, var(--color23) 81.7% ); width: 240px; height: 240px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25); padding: 8px; } .footer .footer-nav__btn.btn__apply.btn__apply-circle:not(.\!fixed) { top: -48px; right: 48px; transform: translateY(-100%); } .footer-nav__btn.btn__apply a { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; color: var(--color18); text-align: center; font-family: var(--font-primary); font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; position: relative; box-shadow: none; position: static; overflow: hidden; padding: 54px 5px 54px 5px; } .footer-nav__btn-group { display: contents; } .footer-nav__btn.btn__apply .footer-nav__btn-icon { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background-color: var(--color10); position: absolute; right: 0; top: -4px; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.25); } .footer-nav__btn.btn__apply .footer-nav__btn-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .footer-nav__btn.btn__apply .footer-nav__btn-text { margin: auto; } .footer-nav__btn.btn__apply .footer-nav__btn-sub { font-size: 14px; line-height: 150%; color: #EFF6EE; font-weight: 700; width: fit-content; display: block; margin: 0 auto 8px auto; padding: 3.5px 17px; border: 1px solid #FFFFD2; border-radius: 25px; } .footer { background-color: var(--footer_bg); color: var(--footer_text); font-family: var(--font-primary); padding: 80px 40px 40px; gap: 24px; } .footer:has(.sitemap) .footer__content { align-items: center; } .footer:has(.sitemap) .footer__copyright { opacity: 0.8; } .footer * { opacity: 1; } .footer .footer__content { display: flex; gap: 36px; width: 100%; } .footer .footer__content .content-left { display: flex; flex-direction: column; gap: 24px; color: var(--color10); } .footer .footer__content .content-right { display: flex; flex-direction: column; gap: 8px; } .footer .footer__content .site-logo { font-family: var(--font-primary); font-size: 16px; font-style: normal; font-weight: 700; line-height: 2; letter-spacing: 0.05em; color: var(--footer_text); width: fit-content; margin-bottom: 12px; } .footer .footer__content .site-info p { color: var(--footer_text); font-family: var(--font-primary); font-size: 16px; line-height: 24px; width: 100%; display: flex; gap: 16px; overflow-wrap: anywhere; } .footer .footer__content .content-right span { font-size: 14px; line-height: 150%; font-weight: 700; color: var(--footer_text); font-family: var(--font-primary); width: 100%; min-width: none; } .footer .footer__content .site-info p b { font-size: 16px; line-height: 150%; font-weight: 700; letter-spacing: 0.16px; color: var(--footer_text); font-family: var(--font-primary); } .footer .footer__content .content-left .content-left__social a { opacity: 1; } .footer .footer__content .content-left .content-left__social a svg path { fill: var(--color18); } .footer .footer__menu { width: 100%; display: flex; padding: 24px 0; column-gap: 80px; row-gap: 10px; align-items: center; justify-content: center; flex-wrap: wrap; border-width: 1px 0; font-size: 14px; line-height: 24px; border-style: solid; border-color: var(--footer_border); } .footer .footer__menu a { font-size: 14px; font-weight: 700; line-height: 171%; color: var(--footer_text); font-family: var(--font-primary); } .footer .footer__copyright { font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: 0.16px; color: var(--footer_text); font-family: var(--font-primary); } .footer .footer__copyright__text { text-align: right; } .footer:has(.site-info.content-right) { padding: 40px; gap: 24px; } .footer:has(.site-info.content-right) .footer__content { display: block; } .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(.site-info.content-right) .site-logo { display: inline-block; } .footer:has(.site-info.content-right) .content-right { width: 100%; gap: 8px; } .footer:has(.site-info.content-right) .content-right p { gap: 8px; flex-direction: column; line-height: 1.5; } .footer:has(.site-info.content-right) .content-right p span { font-weight: 600; } .footer:has(.site-info.content-right) .content-right p b { font-weight: 300; } .footer:not(:has(.sitemap)) .footer__menu { padding: 0; column-gap: 16px; justify-content: flex-start; border: none; } .footer .footer__menu a { font-weight: 600; font-size: 14px; } .footer:has(.sitemap) .footer__menu { opacity: 0.6; border-color: var(--footer_border); } .footer:has(.sitemap) .footer__copyright__text { text-align: center; } .footer .footer__content .site-info span { opacity: 0.8; } .footer:has(.content-left:first-child:last-child) .footer__content .content-left, .footer:has(.site-info.content-right) .footer__content .content-left { width: 100%; padding-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:not(:has(.sitemap)):has(.site-info:empty) .footer__content .content-left { margin-bottom: 0; } .footer .footer__content .sitemap{ color: var(--footer_text); } .footer.footer:has(.site-info.content-right) .footer__content .content-right span, .footer.footer:has(.site-info.content-right) .footer__content .site-info span { width: auto; } .layout-container { width: 100%; max-width: 1260px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .layout-container-large { width: 100%; max-width: 1620px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } .m-pagination { --dotWidth: 50px; --num: var(--color01); --num-bg: var(--color11); --num-bg-active: var(--color01); --num-font: var(--font-secondary); display: flex; gap: 16px; width: auto !important; margin: 0 20px; } .m-pagination .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(--color11); 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); color: var(--color19); } .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(--color01); 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(--color01), 20px 0 0 var(--color01); } .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(--color01), -20px 0 0 var(--color01); } .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; } .header-cta__container { --cta-color-background-tooltip: #004227; --cta-color-text-tooltip: #FFFFFF; --cta-color-text-label: #FFFFFF; --cta-color-background-normal: #3FC4A9; --cta-color-icon-border: #FFFFFF; --cta-color-icon-background: #FFFFFF; --cta-color-background-gradient: #0D9277; --cta-color-text-circle: #71F6DB; } .footer-cta__container { --cta-color-background-tooltip: #004227; --cta-color-text-tooltip: #FFFFFF; --cta-color-text-label: #FFFFFF; --cta-color-background-normal: #3FC4A9; --cta-color-icon-border: #FFFFFF; --cta-color-icon-background: #FFFFFF; --cta-color-background-gradient: #0D9277; --cta-color-text-circle: #71F6DB; } .header-cta__container { transition: 0.2s; will-change: transform; --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: 6px; --tooltip-arrow-width: 16px; --tooltip-arrow-height: 6px; --tooltip-margin-top: 0px; --tooltip-margin-bottom: -12px; --button-min-height: 56px; --iconLeft-width: 24px; } .header-cta__container:focus-visible { outline: none; } .header-cta__container .header-cta__inner { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--cta-color-text-label); 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(--cta-color-background-normal); 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-color: transparent; background-image: linear-gradient(101deg, var(--cta-color-background-normal) 19.09%, var(--cta-color-background-gradient) 81.7%); } .header-cta__text { flex: 1; min-width: 0; max-width: fit-content; } .header-cta__text-tooltip { color: var(--cta-color-text-tooltip); font-family: var(--font-primary); font-size: var(--tooltip-font-size); font-style: normal; font-weight: 700; line-height: 1.4; 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(--cta-color-background-tooltip); 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(--cta-color-background-tooltip); will-change: tranform; } .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: var(--cta-color-icon-background); 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__icon-right.header-cta__icon-right--bg { position: relative; z-index: 1; box-sizing: border-box; background: var(--cta-color-background-normal); width: 18px; height: 18px; border-radius: 20px; display: flex; align-items: center; justify-content: center; transform: scale(.85); will-change: transform; } .header-cta__icon-right.header-cta__icon-right--bg:after { content: ""; background-color: var(--cta-color-icon-background); width: calc(100% - 4px); height: calc(100% - 4px); left: 2px; top: 2px; position: absolute; z-index: -1; border-radius: 100%; } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg:after, .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg:after { background-color: var(--cta-color-background-normal); } .header-cta__container.cta-button-gradient.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg:after, .header-cta__container.cta-button-gradient.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg:after{ background: linear-gradient(to right, var(--cta-color-background-normal), var(--cta-color-background-gradient)); } .cta-button-gradient .header-cta__icon-right.header-cta__icon-right--bg { background: linear-gradient(to right, var(--cta-color-background-normal), var(--cta-color-background-gradient)); } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg, .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg { background: var(--cta-color-background-normal); } .header-cta__container.cta-button-gradient.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg, .header-cta__container.cta-button-gradient.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg{ background: linear-gradient(to right, var(--cta-color-background-normal), var(--cta-color-background-gradient)); } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg path, .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg path { stroke: var(--cta-color-icon-border); } .header-cta__container.cta_btn-animate-change-color:hover .header-cta__icon-right.header-cta__icon-right--bg, .header-cta__container.cta_btn-animate-change-color-hover .header-cta__icon-right.header-cta__icon-right--bg { background: linear-gradient(to right, var(--cta-color-background-normal), var(--cta-color-background-gradient)); transition: 1s; } .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-color: var(--cta-color-background-gradient); 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, .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; } .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(--cta-color-icon-background); 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(--cta-color-background-normal); border-color: transparent; color: var(--cta-color-background-normal); } .header-cta__container.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; } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg svg path:nth-child(1), .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__icon-right.header-cta__icon-right--bg svg path:nth-child(1) { stroke: var(--cta-color-icon-border); fill: transparent; } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right.header-cta__icon-right--bg svg path:nth-child(2), .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(--cta-color-icon-border); } .header-cta__container.cta_btn-animate-invert-color:hover .header-cta__icon-right:not(.header-cta__icon-right--bg) [stroke], .header-cta__container.cta_btn-animate-invert-color-hover .header-cta__icon-right:not(.header-cta__icon-right--bg) [stroke] { stroke: var(--cta-color-background-normal); } .header-cta__container.cta_btn-animate-invert-color:hover.cta-button-gradient .header-cta__inner, .header-cta__container.cta_btn-animate-invert-color-hover.cta-button-gradient .header-cta__inner { background-image: linear-gradient(101deg, var(--cta-color-background-normal) 19.09%, var(--cta-color-background-gradient) 81.7%); } .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); } .footer-cta__container { --radius: 77.5px; border-radius: 999px; border: none; background-color: var(--cta-color-background-normal); 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; } .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; line-height: 0; } .footer-cta__text { text-align: center; } .footer-cta__text-label { color: var(--cta-color-text-label); text-align: center; font-family: var(--font-primary); font-size: 12px; font-style: normal; font-weight: 700; line-height: 138%; display: block; margin-bottom: 0px; } .footer-cta__icon img { object-fit: cover; width: 34px; height: 34px; aspect-ratio: 1/1; display: block; margin: auto; } .footer-cta__text-tooltip { font-family: var(--font-primary); text-align: center; font-size: 8px; line-height: 150%; color: var(--cta-color-text-label); font-weight: 700; padding: 5px 8px; border-radius: 4px; border: 1px solid var(--cta-color-icon-border); position: relative; z-index: 1; margin-left: auto; margin-right: auto; max-width: 98px; margin-top: 4px; display: block; } .footer-cta__text-circle { position: absolute; font-size: 8px; font-weight: 400; color: var(--cta-color-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: linear-gradient(101deg, var(--cta-color-background-normal) 19.09%, var(--cta-color-background-gradient) 81.7%); } .btn__footer-apply { z-index: 9999; position: absolute; display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; min-width: 100px; font-size: 14px; border-radius: 999px; width: 240px; height: 240px; padding: 8px; top: -48px; right: 48px; bottom: 48px; transform: translateY(-100%); } .btn__footer-apply-sp.btn__footer-apply-intersecting, .btn__footer-apply.btn__footer-apply-intersecting { right: 48px; top: auto; bottom: 48px; transform: translateY(0) } .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-color: var(--cta-color-background-gradient); 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(--cta-color-background-normal); width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform-origin: right top; } .footer-cta__container.footer-cta__container--bg-gradient.cta_btn-animate-change-color:hover::before, .footer-cta__container.footer-cta__container--bg-gradient.cta_btn-animate-change-color-hover::before { background: linear-gradient(101deg, var(--cta-color-background-gradient) 19.09%, var(--cta-color-background-gradient) 81.7%); } .footer-cta__container.cta_btn-animate-change-color:hover::before, .footer-cta__container.cta_btn-animate-change-color-hover::before { transform-origin: left top !important; transform: scale(1, 1) !important; z-index: 0; } .footer-cta__group { z-index: 2; } .footer-cta__container.cta_btn-animate-change-color:hover, .footer-cta__container.cta_btn-animate-change-color-hover { background: linear-gradient(101deg, var(--cta-color-background-normal) 19.09%, var(--cta-color-background-gradient) 81.7%); } @keyframes rotateText { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .footer .btn__apply{ width: 155px; height: 155px; } .footer .btn__footer-apply-edit-screen { transform: translateY(-100%) !important; top: -48px !important; right: 48px !important; position: absolute !important; } .m-voice-module001__header-logo { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/8618d017-cbed-41b6-b6ee-fc652ef62d48.png'); } .m-voice-module001__overlay-top { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/3308637b-1f6b-4af2-b583-472ec75fd33b.png'); } .m-factor-module001__main:before { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/49d86b37-c73c-4d1c-9d93-aaa94e7319db.png'); } .m-factor-module001__list:before { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/e54c943d-fc03-42f6-aa58-687f66727217.png'); } .m-videomain-module002__video-bg::before { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/49d86b37-c73c-4d1c-9d93-aaa94e7319db.png'); } .m-videomain-module002__video-bg::after { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/e54c943d-fc03-42f6-aa58-687f66727217.png'); } .m-compare-module001{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/4b5de1cb-1e28-4b78-877a-37c4d7ed8999.jpeg'); } .m-speak-module001{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/618d601f-de98-48ac-b9aa-84797141e76c.jpeg'); } .m-testmonials-module002__bg-top::before, .m-testmonials-module001__bg-top::before, .m-review-module001__bg-top::before{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/a14300cf-c538-4d38-8e15-f666bd89c39f.png'); } .m-testmonials-module002__bg-top::after, .m-testmonials-module001__bg-top::after, .m-review-module001__bg-top::after{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/603d3e7b-1df2-42c2-b538-9e1fd83e6c4b.png'); } .m-testmonials-module001__bg-bottom::before{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/ce59df4c-ba4b-4293-a60c-0839d6ce76d7.png'); } .m-testmonials-module001__bg-bottom::after{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/fb3d24a0-0870-483c-8116-31167785b9c4.png'); } .m-benefits-module002__bg{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/af4c95e4-8f3b-4635-88c0-410f94294d4d.png"); } .m-method-module001{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/032f27eb-c7ed-41c7-a1bc-3f707b6aedc7.png"); } .m-flow-module001__bg-top::before { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/8c113813-19b7-4025-9e53-ec3429e12358.png"); } .m-flow-module001__bg-top::after { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/b07c594f-7920-4b49-bdc6-c8cf5dd5284e.png"); } .m-flow-module001__bg-bottom::before { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/9c403e74-5faf-43a9-bcc7-248fed378aba.png"); } .m-flow-module001__bg-bottom::after { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/d7bf151a-0875-4b09-b544-cf55dacc36b4.png"); } .m-flow-module002__bg-top::before { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/b0eabef9-0b69-4742-b989-3982605e9903.png"); } .m-flow-module002__bg-top::after { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/4d6982f5-0357-4c52-814e-e8a153251057.png"); } .m-flow-module002__bg-bottom::before { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/8d7ab3fa-7e4f-44d7-bd27-c7ec61da7437.png"); } .m-flow-module002__bg-bottom::after { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/e7bb022b-9f28-42e6-8b9e-12f969db15b7.png"); } .m-review-module001__wrap::before, .m-review-module002__wrap::before{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/36e9b2c6-bd16-442e-b059-c4b046e5da77.png'); } .m-review-module002{ background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/8e202286-9d7c-4109-9e52-04b249807bb8.png'); } .m-factor-module001__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/452cdfc8-5ff3-4b5b-bb51-3cde1660f2a0.png"); } .m-factor-module001__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/315af0d8-0d5d-4d85-ac3c-57e71b93c7f3.png"); } .m-ingredient-module001__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/452cdfc8-5ff3-4b5b-bb51-3cde1660f2a0.png"); } .m-ingredient-module001__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/315af0d8-0d5d-4d85-ac3c-57e71b93c7f3.png"); } .m-ingredient-module001{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/fe288ce4-9cf2-4ea7-b757-da50386f655c.png"); } .m-ctaphone-module002__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/c6ed0e40-91d9-4a8c-9e38-60f5dc8542ff.png"); } .m-ctaphone-module002__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/f7595679-11f3-48f8-bf27-a5d922cb4001.png"); } .m-like-module001__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/91580ce4-267e-4eb4-8471-d6d587a939e0.png"); } .m-like-module001__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/cfb54984-c1d6-4e75-8589-44b5f68a8ec2.png"); } .m-like-module001__bg{ background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/95cc439d-a503-4576-81ec-412f8d2ed5a3.png"); } .m-presentation-module001__background-overlay::after { background-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/0df0da3b-a23c-4681-8db1-d41e45d01c69.png"); } .m-ctaphone-module002__background{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ad7d7edc-301a-4b37-8bf1-6f7e74b26761.png"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; background: linear-gradient(270deg, var(--color36) 0%, var(--color37) 100%); } .m-manufacturer-module001__content-wrapped::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/bbd4cedc-c2ec-4025-bca9-00445b952f49.png"); } .m-manufacturer-module001__content-wrapped::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/99c9e0e3-e08b-46db-ac6b-8d43ff3c5678.png"); } .m-manufacturer-module002__content-wrapped::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/bbd4cedc-c2ec-4025-bca9-00445b952f49.png"); } .m-manufacturer-module002__content-wrapped::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/99c9e0e3-e08b-46db-ac6b-8d43ff3c5678.png"); } .m-profile-module001__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/a396d728-9d64-4c7b-bd09-54ffd7336156.png"); } .m-profile-module001__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/8e995695-b224-4cbb-a7c8-6f7380bc6c53.png"); } .m-profile-module002__container::before{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/a396d728-9d64-4c7b-bd09-54ffd7336156.png"); } .m-profile-module002__container::after{ mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/8e995695-b224-4cbb-a7c8-6f7380bc6c53.png"); } .m-voice-module001__object-top01 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/7a172853-50c0-4491-a230-180e6c31644f.png'); } .m-voice-module001__object-top02 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/939b6c25-bf95-4324-b909-9c5a1f101c48.png'); } .m-voice-module001__object-bottom01 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/0d6e27bb-4033-48ed-aed1-ce41cb22d8be.png'); } .m-voice-module001__object-bottom02 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2024/12/3217635e-54fb-47b8-bf4a-a38b9ad4a24e.png'); } .m-problem-module001__background-overlay::after { background-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/a0e84e89-70e5-4dea-8648-eb8704f4e172.png'); } .m-concept-module001__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/297ecc37-2456-4ac8-8d4c-34dcb74ac523.png'); } .m-concept-module001__bg-top .m-concept-module001__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/a15fadcb-b682-4117-9279-633e3a2190c7.png'); } .m-other-line-module001__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/297ecc37-2456-4ac8-8d4c-34dcb74ac523.png'); } .m-other-line-module001__bg-top .m-other-line-module001__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/a15fadcb-b682-4117-9279-633e3a2190c7.png'); } .m-pricecard-module001__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/297ecc37-2456-4ac8-8d4c-34dcb74ac523.png'); } .m-pricecard-module004__bg-mask{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/297ecc37-2456-4ac8-8d4c-34dcb74ac523.png'); } .m-price-plans-module001__bg-mask02{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/2bdfe1da-e932-47d2-861a-4876b1e8808a.png'); } .m-price-plans-module001__bg-mask01{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ef412f19-81ed-47f2-bee3-ec58d24b63f2.png'); } .m-price-plans-module002__bg-mask02{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/2bdfe1da-e932-47d2-861a-4876b1e8808a.png'); } .m-price-plans-module002__bg-mask01{ mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ef412f19-81ed-47f2-bee3-ec58d24b63f2.png'); } .m-talk-number-module001__decor2 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ef412f19-81ed-47f2-bee3-ec58d24b63f2.png'); } .m-piechart-module001__decor2 { mask-image: url('https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ef412f19-81ed-47f2-bee3-ec58d24b63f2.png'); } .m-graph-module001__decor2, .m-discount-module001__decor2, .m-discount-module002__decor2 { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ad7d7edc-301a-4b37-8bf1-6f7e74b26761.png"); mask-repeat: no-repeat; mask-position: center; background: linear-gradient(270deg, var(--color36) 0%, var(--color37) 100%); mask-size: contain; } .m-discount-module001__decor4, .m-discount-module002__decor4 { mask-image: url("https://d2qn0rbzsp387.cloudfront.net/sg/image/2025/01/ad7d7edc-301a-4b37-8bf1-6f7e74b26761.png"); mask-repeat: no-repeat; mask-position: center; background: linear-gradient(270deg, var(--color36) 0%, var(--color37) 100%); mask-size: contain; } .m-flow-module002__cta { position: relative; z-index: 1; } .m-flow-module002__cta .m-flow-module002__btn a, .m-flow-module002__cta .m-flow-module002__btn button{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .m-access-module001-007-4v3 [data-type="map"], .m-access-module001-007-4v3 iframe { width: 100%; } .btn__scroll-top{ background: linear-gradient(153deg, var(--const-config-back-to-top-color-gradient-start) 14.79%, var(--const-config-back-to-top-color-gradient-end) 89.79%); width: 80px; height: 80px; right: 48px; } .btn__scroll-top:hover{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(153deg, var(--const-config-back-to-top-color-gradient-start) 14.79%, var(--const-config-back-to-top-color-gradient-end) 89.79%); } .btn__scroll-top-edit-screen { top: -306px; } .btn__scroll-top:not(.\!fixed) { top: -308px; } .btn__scroll-top-intersecting { bottom: 228px; } [data-palette-id="17"] { --color74: #E68BAE; --color75: #FFD6E6; --color76: #FFE0A6; --color77: #FFF0F5; --color78: #FFFFFF; --color79: #FBFBFB; --color80: #D7E1DC; } [data-palette-id="18"] { --color74: #D98F04; --color75: #FAD18C; --color76: #FFE0A6; --color77: #FEF7E6; --color78: #FFFFFF; --color79: #FBFBFB; --color80: #D7E1DC; }