/* ========================================================================== Series XJ LP (Studio 再現) ※自動ビルド: solixhome.ankerjapan.com リポ由来 テーマが上書きする UA デフォルトを :where で復元 (LP 側 CSS が常に勝つ) ========================================================================== */ .page-series-xj :where(p){margin:1em 0;color:inherit;font-size:inherit;line-height:inherit} .page-series-xj :where(h1){margin:.67em 0;font-size:2em;font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:inherit} .page-series-xj :where(h2){margin:.83em 0;font-size:1.5em;font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:inherit} .page-series-xj :where(button){font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;line-height:inherit} /* theme.css の a[href^="tel"]{color:inherit} (0,1,1) が .hdr__tel{color:#fff} に勝つため復元 */ .page-series-xj .hdr__tel{color:#fff} /* テーマの main コンテナ余白/背景を無効化してフルブリード表示 */ html:has(.page-series-xj) main, html:has(.page-series-xj) #MainContent, html:has(.page-series-xj) .page-container, html:has(.page-series-xj) .main-content, html:has(.page-series-xj) .shopify-section { background: transparent; padding: 0; margin: 0; max-width: none; } html:has(.page-series-xj) .page-container { overflow: clip; } .page-enter-active{transition:.6s cubic-bezier(.4,.4,0,1)}.page-leave-active{transition:.3s cubic-bezier(.4,.4,0,1)}.page-enter-from,.page-leave-to{opacity:0}:root{--rebranding-loading-bg:#e5e5e5;--rebranding-loading-bar:#222}.app[data-v-d12de11f]{align-items:center;flex-direction:column;height:100%;justify-content:center;width:100%}.title[data-v-d12de11f]{font-size:34px;font-weight:300;letter-spacing:2.45px;line-height:30px;margin:30px}.DynamicAnnouncer[data-v-cc1e3fda],.TitleAnnouncer[data-v-1a8a037a]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.publish-studio-style[data-v-74fe0335],.product-font-style[data-v-ed93fc7d]{transition:.4s cubic-bezier(.4,.4,0,1)}.spinner[data-v-36413753]{animation:loading-spin-36413753 1s linear infinite;height:16px;pointer-events:none;width:16px}.spinner[data-v-36413753]:before{border-bottom:2px solid transparent;border-right:2px solid transparent;border-color:transparent currentcolor currentcolor transparent;border-style:solid;border-width:2px;opacity:.2}.spinner[data-v-36413753]:after,.spinner[data-v-36413753]:before{border-radius:50%;box-sizing:border-box;content:"";height:100%;position:absolute;width:100%}.spinner[data-v-36413753]:after{border-left:2px solid transparent;border-top:2px solid transparent;border-color:currentcolor transparent transparent currentcolor;border-style:solid;border-width:2px;opacity:1}@keyframes loading-spin-36413753{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@font-face{font-family:grandam;font-style:normal;font-weight:400;src:url(/assets/grandam.ttf) format("truetype")}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/assets/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(/assets/MaterialIcons-Regular.woff2) format("woff2"),url(/assets/MaterialIcons-Regular.woff) format("woff"),url(/assets/MaterialIcons-Regular.ttf) format("truetype")}.StudioCanvas{display:flex;height:auto;min-height:100dvh}.StudioCanvas>.sd{min-height:100dvh;overflow:clip}:where(.render-canvas),:where(.render-canvas) a,:where(.render-canvas) abbr,:where(.render-canvas) address,:where(.render-canvas) article,:where(.render-canvas) aside,:where(.render-canvas) audio,:where(.render-canvas) b,:where(.render-canvas) blockquote,:where(.render-canvas) button,:where(.render-canvas) canvas,:where(.render-canvas) caption,:where(.render-canvas) cite,:where(.render-canvas) code,:where(.render-canvas) dd,:where(.render-canvas) del,:where(.render-canvas) details,:where(.render-canvas) dfn,:where(.render-canvas) div,:where(.render-canvas) dl,:where(.render-canvas) dt,:where(.render-canvas) em,:where(.render-canvas) fieldset,:where(.render-canvas) figcaption,:where(.render-canvas) figure,:where(.render-canvas) footer,:where(.render-canvas) form,:where(.render-canvas) h1,:where(.render-canvas) h2,:where(.render-canvas) h3,:where(.render-canvas) h4,:where(.render-canvas) h5,:where(.render-canvas) h6,:where(.render-canvas) header,:where(.render-canvas) hgroup,:where(.render-canvas) i,:where(.render-canvas) iframe,:where(.render-canvas) img,:where(.render-canvas) input,:where(.render-canvas) ins,:where(.render-canvas) kbd,:where(.render-canvas) label,:where(.render-canvas) legend,:where(.render-canvas) li,:where(.render-canvas) loop-box,:where(.render-canvas) main,:where(.render-canvas) mark,:where(.render-canvas) menu,:where(.render-canvas) nav,:where(.render-canvas) object,:where(.render-canvas) ol,:where(.render-canvas) p,:where(.render-canvas) pre,:where(.render-canvas) q,:where(.render-canvas) samp,:where(.render-canvas) section,:where(.render-canvas) select,:where(.render-canvas) small,:where(.render-canvas) span,:where(.render-canvas) strong,:where(.render-canvas) sub,:where(.render-canvas) summary,:where(.render-canvas) sup,:where(.render-canvas) table,:where(.render-canvas) tbody,:where(.render-canvas) td,:where(.render-canvas) textarea,:where(.render-canvas) tfoot,:where(.render-canvas) th,:where(.render-canvas) thead,:where(.render-canvas) time,:where(.render-canvas) tr,:where(.render-canvas) ul,:where(.render-canvas) var,:where(.render-canvas) video{border:0;font-family:sans-serif;line-height:1;list-style:none;margin:0;padding:0;text-decoration:none;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;box-sizing:border-box;color:#333;transition:.3s cubic-bezier(.4,.4,0,1);word-spacing:1px}:where(.render-canvas) a:focus:not(:focus-visible),:where(.render-canvas) button:focus:not(:focus-visible),:where(.render-canvas) summary:focus:not(:focus-visible){outline:none}:where(.render-canvas) nav ul{list-style:none}:where(.render-canvas) blockquote,:where(.render-canvas) q{quotes:none}:where(.render-canvas) blockquote:after,:where(.render-canvas) blockquote:before,:where(.render-canvas) q:after,:where(.render-canvas) q:before{content:none}:where(.render-canvas) a,:where(.render-canvas) button{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}:where(.render-canvas) ins{background-color:#ff9;color:#000;text-decoration:none}:where(.render-canvas) mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}:where(.render-canvas) del{text-decoration:line-through}:where(.render-canvas) abbr[title],:where(.render-canvas) dfn[title]{border-bottom:1px dotted;cursor:help}:where(.render-canvas) table{border-collapse:collapse;border-spacing:0}:where(.render-canvas) hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}:where(.render-canvas) input,:where(.render-canvas) select{vertical-align:middle}:where(.render-canvas) textarea{resize:none}:where(.render-canvas) .clearfix:after{clear:both;content:"";display:block}:where(.render-canvas) [slot=after] button{overflow-anchor:none}:where(.render-canvas) .sd{flex-wrap:nowrap;max-width:100%;pointer-events:all;z-index:0;-webkit-overflow-scrolling:touch;align-content:center;align-items:center;display:flex;flex:none;flex-direction:column;position:relative}:where(.render-canvas) .sd::-webkit-scrollbar{display:none}:where(.render-canvas) .sd,:where(.render-canvas) .sd.richText *{transition-property:all,--g-angle,--g-color-0,--g-position-0,--g-color-1,--g-position-1,--g-color-2,--g-position-2,--g-color-3,--g-position-3,--g-color-4,--g-position-4,--g-color-5,--g-position-5,--g-color-6,--g-position-6,--g-color-7,--g-position-7,--g-color-8,--g-position-8,--g-color-9,--g-position-9,--g-color-10,--g-position-10,--g-color-11,--g-position-11}:where(.render-canvas) input.sd,:where(.render-canvas) textarea.sd{align-content:normal}:where(.render-canvas) .sd[tabindex]:focus{outline:none}:where(.render-canvas) .sd[tabindex]:focus-visible{outline:1px solid;outline-color:Highlight;outline-color:-webkit-focus-ring-color}:where(.render-canvas) input[type=email],:where(.render-canvas) input[type=tel],:where(.render-canvas) input[type=text],:where(.render-canvas) select,:where(.render-canvas) textarea{-webkit-appearance:none}:where(.render-canvas) select{cursor:pointer}:where(.render-canvas) .frame{display:block;overflow:hidden}:where(.render-canvas) .frame>iframe{height:100%;width:100%}:where(.render-canvas) .frame .formrun-embed>iframe:not(:first-child){display:none!important}:where(.render-canvas) .image{position:relative}:where(.render-canvas) .image:before{background-position:50%;background-size:cover;border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:inherit;width:100%;z-index:-2}:where(.render-canvas) .sd.file{cursor:pointer;flex-direction:row;outline:2px solid transparent;outline-offset:-1px;overflow-wrap:anywhere;word-break:break-word}:where(.render-canvas) .sd.file:focus-within{outline-color:Highlight;outline-color:-webkit-focus-ring-color}:where(.render-canvas) .file>input[type=file]{opacity:0;pointer-events:none;position:absolute}:where(.render-canvas) .sd.text,:where(.render-canvas) .sd:where(.icon){align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:center;overflow:visible;overflow-wrap:anywhere;word-break:break-word}:where(.render-canvas) table.sd{align-content:unset;align-items:unset;display:table;flex-direction:unset;flex-wrap:unset;justify-content:unset;max-width:none;min-width:-moz-max-content;min-width:max-content}:where(.render-canvas) thead.sd{display:table-header-group}:where(.render-canvas) tbody.sd{display:table-row-group}:where(.render-canvas) tr.sd{display:table-row}:where(.render-canvas) td.sd,:where(.render-canvas) th.sd{display:table-cell;height:inherit;text-align:left;vertical-align:middle}:where(.render-canvas) colgroup.sd{display:table-column-group}:where(.render-canvas) col.sd{display:table-column}:where(.render-canvas) table.sd[data-studio-table-sticky-column-header=true]>thead.sd{position:sticky;top:0;z-index:2}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true]{position:sticky;z-index:1}:where(.render-canvas) table.sd[data-studio-table-sticky-column-header=true][data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true]{z-index:3}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true][data-studio-table-col-index="0"],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true][data-studio-table-col-index="0"]{left:var(--studio-table-sticky-row-header-left-0,0)}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true][data-studio-table-col-index="1"],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true][data-studio-table-col-index="1"]{left:var(--studio-table-sticky-row-header-left-1,0)}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true][data-studio-table-col-index="2"],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true][data-studio-table-col-index="2"]{left:var(--studio-table-sticky-row-header-left-2,0)}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true][data-studio-table-col-index="3"],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true][data-studio-table-col-index="3"]{left:var(--studio-table-sticky-row-header-left-3,0)}:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>tbody.sd>tr.sd>th.sd[scope=row][data-studio-table-row-header-cell=true][data-studio-table-col-index="4"],:where(.render-canvas) table.sd[data-studio-table-sticky-row-header=true]>thead.sd>tr.sd>th.sd[data-studio-table-row-header-cell=true][data-studio-table-col-index="4"]{left:var(--studio-table-sticky-row-header-left-4,0)}:where(.render-canvas) .sd:where(.icon.fa){display:inline-flex}:where(.render-canvas) .material-icons{align-items:center;display:inline-flex;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;justify-content:center;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:where(.render-canvas) .sd:where(.icon.material-symbols){align-items:center;display:flex;font-style:normal;font-variation-settings:"FILL" var(--symbol-fill,0),"wght" var(--symbol-weight,400);justify-content:center;min-height:1em;min-width:1em}:where(.render-canvas) .sd.material-symbols-outlined{font-family:Material Symbols Outlined}:where(.render-canvas) .sd.material-symbols-rounded{font-family:Material Symbols Rounded}:where(.render-canvas) .sd.material-symbols-sharp{font-family:Material Symbols Sharp}:where(.render-canvas) .sd.material-symbols-weight-100{--symbol-weight:100}:where(.render-canvas) .sd.material-symbols-weight-200{--symbol-weight:200}:where(.render-canvas) .sd.material-symbols-weight-300{--symbol-weight:300}:where(.render-canvas) .sd.material-symbols-weight-400{--symbol-weight:400}:where(.render-canvas) .sd.material-symbols-weight-500{--symbol-weight:500}:where(.render-canvas) .sd.material-symbols-weight-600{--symbol-weight:600}:where(.render-canvas) .sd.material-symbols-weight-700{--symbol-weight:700}:where(.render-canvas) .sd.material-symbols-fill{--symbol-fill:1}:where(.render-canvas) a,:where(.render-canvas) a.icon,:where(.render-canvas) a.text{-webkit-tap-highlight-color:rgba(0,0,0,.15)}:where(.render-canvas) .fixed{z-index:2}:where(.render-canvas) .sticky{z-index:1}:where(.render-canvas) .button{cursor:pointer;transition:.4s cubic-bezier(.4,.4,0,1)}:where(.render-canvas) .link{cursor:pointer}:where(.render-canvas) .submitLoading{opacity:.5!important;pointer-events:none!important}:where(.render-canvas) .richText{display:block;word-break:break-word}:where(.render-canvas) .richText [data-thread],:where(.render-canvas) .richText a,:where(.render-canvas) .richText blockquote,:where(.render-canvas) .richText em,:where(.render-canvas) .richText h1,:where(.render-canvas) .richText h2,:where(.render-canvas) .richText h3,:where(.render-canvas) .richText h4,:where(.render-canvas) .richText li,:where(.render-canvas) .richText ol,:where(.render-canvas) .richText p,:where(.render-canvas) .richText p>code,:where(.render-canvas) .richText pre,:where(.render-canvas) .richText pre>code,:where(.render-canvas) .richText s,:where(.render-canvas) .richText strong,:where(.render-canvas) .richText table tbody,:where(.render-canvas) .richText table tbody tr,:where(.render-canvas) .richText table tbody tr>td,:where(.render-canvas) .richText table tbody tr>th,:where(.render-canvas) .richText u,:where(.render-canvas) .richText ul{backface-visibility:visible;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit}:where(.render-canvas) .richText p{align-self:stretch;display:block;margin:10px 0}:where(.render-canvas) .richText>p{min-height:1em}:where(.render-canvas) .richText img,:where(.render-canvas) .richText video{height:auto;max-width:100%;vertical-align:bottom}:where(.render-canvas) .richText h1{align-self:stretch;display:block;font-size:3em;font-weight:700;margin:20px 0}:where(.render-canvas) .richText h2{align-self:stretch;display:block;font-size:2em;font-weight:700;margin:10px 0}:where(.render-canvas) .richText h3{align-self:stretch;display:block;font-size:1em;font-weight:700;margin:10px 0}:where(.render-canvas) .richText h4{align-self:stretch;display:block;font-size:1em;font-weight:600;margin:10px 0}:where(.render-canvas) .richText h5{align-self:stretch;display:block;font-size:1em;font-weight:600;margin:10px 0}:where(.render-canvas) .richText h6{align-self:stretch;display:block;font-size:1em;font-weight:500;margin:10px 0}:where(.render-canvas) .richText [data-type=table]{overflow-x:auto}:where(.render-canvas) .richText [data-type=table] p{white-space:pre-line;word-break:break-all}:where(.render-canvas) .richText table{border:1px solid #f2f2f2;border-collapse:collapse;border-spacing:unset;color:#1a1a1a;font-size:14px;line-height:1.4;margin:10px 0;table-layout:auto}:where(.render-canvas) .richText table tr th{background:#f5f5f580}:where(.render-canvas) .richText table tr td,:where(.render-canvas) .richText table tr th{border:1px solid #f2f2f2;max-width:240px;min-width:100px;padding:12px}:where(.render-canvas) .richText table tr td p,:where(.render-canvas) .richText table tr th p{margin:0}:where(.render-canvas) .richText blockquote{border-left:3px solid rgba(0,0,0,.15);font-style:italic;margin:10px 0;padding:10px 15px}:where(.render-canvas) .richText [data-type=embed_code]{margin:20px 0;position:relative}:where(.render-canvas) .richText [data-type=embed_code]>.height-adjuster>.wrapper{position:relative}:where(.render-canvas) .richText [data-type=embed_code]>.height-adjuster>.wrapper[style*=padding-top] iframe{height:100%;left:0;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-sandbox=true]{display:block;overflow:hidden}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=instagram]>.height-adjuster>.wrapper[style*=padding-top]{padding-top:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=instagram]>.height-adjuster>.wrapper[style*=padding-top] blockquote{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=codepen]>.height-adjuster>.wrapper{padding-top:50%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=codepen]>.height-adjuster>.wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=slideshare]>.height-adjuster>.wrapper{padding-top:56.25%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=slideshare]>.height-adjuster>.wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=speakerdeck]>.height-adjuster>.wrapper{padding-top:56.25%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=speakerdeck]>.height-adjuster>.wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=snapwidget]>.height-adjuster>.wrapper{padding-top:30%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=snapwidget]>.height-adjuster>.wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}:where(.render-canvas) .richText [data-type=embed_code][data-embed-code-type=firework]>.height-adjuster>.wrapper fw-embed-feed{-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.render-canvas) .richText [data-type=embed_code_empty]{display:none}:where(.render-canvas) .richText [data-type=pdf_link]{margin:10px 0}:where(.render-canvas) .richText [data-type=video_block]{margin:10px 0}:where(.render-canvas) .richText ul{margin:0 0 0 20px}:where(.render-canvas) .richText ul li{list-style:disc;margin:10px 0}:where(.render-canvas) .richText ul li p{margin:0}:where(.render-canvas) .richText ol{margin:0 0 0 20px}:where(.render-canvas) .richText ol li{list-style:decimal;margin:10px 0}:where(.render-canvas) .richText ol li p{margin:0}:where(.render-canvas) .richText hr{border-top:1px solid #ccc;margin:10px 0}:where(.render-canvas) .richText p>code{background:#eee;border:1px solid rgba(0,0,0,.1);border-radius:6px;display:inline;margin:2px;padding:0 5px}:where(.render-canvas) .richText pre{background:#eee;border-radius:6px;font-family:Menlo,Monaco,Courier New,monospace;margin:20px 0;padding:25px 35px;white-space:pre-wrap}:where(.render-canvas) .richText pre code{border:none;padding:0}:where(.render-canvas) .richText strong{color:inherit;display:inline;font-family:inherit;font-weight:900}:where(.render-canvas) .richText em{font-style:italic}:where(.render-canvas) .richText u{text-decoration:underline}:where(.render-canvas) .richText a{color:#007cff;display:inline;text-decoration:underline}:where(.render-canvas) .richText s{text-decoration:line-through}:where(.render-canvas) .richText [data-type=table_of_contents]{background-color:#f5f5f5;border-radius:2px;color:#616161;font-size:16px;list-style:none;margin:0;padding:24px 24px 8px;text-decoration:underline}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_list{margin:0}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item{color:currentColor;font-size:inherit!important;font-weight:inherit;list-style:none}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item>a{border:none;color:currentColor;font-size:inherit!important;font-weight:inherit;text-decoration:none}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item>a:hover{opacity:.7}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item--1{margin:0 0 16px}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item--2{margin:0 0 16px;padding-left:2rem}:where(.render-canvas) .richText [data-type=table_of_contents] .toc_item--3{margin:0 0 16px;padding-left:4rem}:where(.render-canvas) .sd.section{align-content:center!important;align-items:center!important;flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;max-width:100%!important;padding:0!important;width:100%!important}:where(.render-canvas) .sd.section-inner{position:static!important}@property --g-angle{syntax:"";inherits:false;initial-value:180deg}@property --g-color-0{syntax:"";inherits:false;initial-value:transparent}@property --g-position-0{syntax:"";inherits:false;initial-value:.01%}@property --g-color-1{syntax:"";inherits:false;initial-value:transparent}@property --g-position-1{syntax:"";inherits:false;initial-value:100%}@property --g-color-2{syntax:"";inherits:false;initial-value:transparent}@property --g-position-2{syntax:"";inherits:false;initial-value:100%}@property --g-color-3{syntax:"";inherits:false;initial-value:transparent}@property --g-position-3{syntax:"";inherits:false;initial-value:100%}@property --g-color-4{syntax:"";inherits:false;initial-value:transparent}@property --g-position-4{syntax:"";inherits:false;initial-value:100%}@property --g-color-5{syntax:"";inherits:false;initial-value:transparent}@property --g-position-5{syntax:"";inherits:false;initial-value:100%}@property --g-color-6{syntax:"";inherits:false;initial-value:transparent}@property --g-position-6{syntax:"";inherits:false;initial-value:100%}@property --g-color-7{syntax:"";inherits:false;initial-value:transparent}@property --g-position-7{syntax:"";inherits:false;initial-value:100%}@property --g-color-8{syntax:"";inherits:false;initial-value:transparent}@property --g-position-8{syntax:"";inherits:false;initial-value:100%}@property --g-color-9{syntax:"";inherits:false;initial-value:transparent}@property --g-position-9{syntax:"";inherits:false;initial-value:100%}@property --g-color-10{syntax:"";inherits:false;initial-value:transparent}@property --g-position-10{syntax:"";inherits:false;initial-value:100%}@property --g-color-11{syntax:"";inherits:false;initial-value:transparent}@property --g-position-11{syntax:"";inherits:false;initial-value:100%}.snackbar[data-v-b7eda576]{align-items:center;background:#fff;border:1px solid #ededed;border-radius:6px;box-shadow:0 16px 48px -8px #00000014,0 10px 25px -5px #0000001c;box-sizing:border-box;display:flex;flex-direction:row;font-family:Inter,Noto Sans JP,sans-serif;gap:8px;justify-content:space-between;left:50%;max-width:90vw;padding:16px 20px;position:fixed;top:32px;transform:translate(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:480px;z-index:9999}.snackbar.v-enter-active[data-v-b7eda576],.snackbar.v-leave-active[data-v-b7eda576]{transition:.4s cubic-bezier(.4,.4,0,1)}.snackbar.v-enter-from[data-v-b7eda576],.snackbar.v-leave-to[data-v-b7eda576]{opacity:0;transform:translate(-50%,-10px)}.snackbar .convey[data-v-b7eda576]{align-items:center;display:flex;flex-direction:row;gap:8px;padding:0}.snackbar .convey .icon[data-v-b7eda576]{background-position:50%;background-repeat:no-repeat;flex-shrink:0;height:24px;width:24px}.snackbar .convey .message[data-v-b7eda576]{font-size:14px;font-style:normal;font-weight:400;line-height:20px;white-space:pre-line}.snackbar .convey.error .icon[data-v-b7eda576]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23f84f65' fill-rule='evenodd' d='M12 22.5c5.799 0 10.5-4.701 10.5-10.5S17.799 1.5 12 1.5 1.5 6.201 1.5 12 6.201 22.5 12 22.5M9.046 7.455a1.125 1.125 0 0 0-1.591 1.59L10.409 12l-2.954 2.954a1.125 1.125 0 0 0 1.59 1.592L12 13.59l2.955 2.955a1.125 1.125 0 0 0 1.59-1.591L13.592 12l2.955-2.954a1.125 1.125 0 0 0-1.591-1.591L12 10.409z' clip-rule='evenodd'/%3E%3C/svg%3E")}.snackbar .convey.error .message[data-v-b7eda576]{color:#f84f65}.snackbar .convey.success .icon[data-v-b7eda576]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' fill-rule='evenodd' d='M12 20.125a8.125 8.125 0 1 0 0-16.25 8.125 8.125 0 0 0 0 16.25M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10' clip-rule='evenodd'/%3E%3Cpath fill='%23111' fill-rule='evenodd' d='M7.337 11.287a.94.94 0 0 1 1.326 0l1.812 1.812 4.287-4.287a.938.938 0 0 1 1.326 1.326l-4.95 4.95a.94.94 0 0 1-1.326 0l-2.475-2.475a.94.94 0 0 1 0-1.326' clip-rule='evenodd'/%3E%3C/svg%3E")}.snackbar .convey.success .message[data-v-b7eda576]{color:#111}.snackbar .button[data-v-b7eda576]{align-items:center;background:transparent;border:0;border-radius:40px;box-sizing:border-box;color:#4b9cfb;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:12px;font-style:normal;font-weight:700;justify-content:center;line-height:16px;margin:0;padding:4px 8px}.snackbar .button[data-v-b7eda576]:hover{background:#f5f5f5}.studio-banner-popover[data-v-a7946717]{background:transparent;border:none;inset:unset;bottom:20px;left:20px;overflow:hidden;padding:0;position:fixed}a[data-v-a7946717]{align-items:center;border-radius:4px;display:flex;height:20px;justify-content:center;perspective:300px;transition:0s linear;width:84px}@media(hover:hover){a[data-v-a7946717]{transition:.4s cubic-bezier(.4,.4,0,1);will-change:width,height}a[data-v-a7946717]:hover{height:32px;width:200px}}[data-v-a7946717] .custom-fill path{fill:var(--v205d2299)}.fade-enter-active[data-v-a7946717],.fade-leave-active[data-v-a7946717]{position:absolute;transform:translateZ(0);transition:opacity .3s cubic-bezier(.4,.4,0,1);will-change:opacity,transform}.fade-enter-from[data-v-a7946717],.fade-leave-to[data-v-a7946717]{opacity:0}.design-canvas__modal{height:100%;pointer-events:none;position:fixed;transition:none;width:100%;z-index:2}.design-canvas__modal:focus{outline:none}.design-canvas__modal.v-enter-active .studio-canvas,.design-canvas__modal.v-leave-active,.design-canvas__modal.v-leave-active .studio-canvas{transition:.4s cubic-bezier(.4,.4,0,1)}.design-canvas__modal.v-enter-active .studio-canvas *,.design-canvas__modal.v-leave-active .studio-canvas *{transition:none!important}.design-canvas__modal.isNone{transition:none}.design-canvas__modal .design-canvas__modal__base{height:100%;left:0;pointer-events:auto;position:fixed;top:0;transition:.4s cubic-bezier(.4,.4,0,1);width:100%;z-index:-1}.design-canvas__modal .studio-canvas{height:100%;pointer-events:none}.design-canvas__modal .studio-canvas>*{background:none!important;pointer-events:none} :root {--s-color-49a46b6b: linear-gradient(79.51deg, rgb(0, 169, 224) 0%, rgb(0, 219, 132) 100%);--s-color-cfbc6b39: linear-gradient(239.86deg, rgb(19, 97, 122) 0%, rgb(38, 46, 57) 24%);--s-font-40aed2c4: Lato;--s-font-0786d75a: 'Noto Sans JP';--s-font-a38d9c37: Montserrat;--s-font-3a953f29: 'Zen Maru Gothic';--s-font-cfae4f04: Inter, 'Noto Sans JP';} #sim-modal .design-canvas__modal { top: 0; left: 0; z-index: 10000; } .sd[data-s-87c0e7fe-05c3-45fe-966a-b67d650cf115] { background: rgba(0,0,0,0.16); height: 100%; justify-content: center; width: 100%; max-width: 100%; }.sd[data-s-e57aff1e-6b56-460c-8951-af8cd3b45178] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 100%; justify-content: flex-start; padding: 0px 0px 0px 0px; width: 100%; --gap-h-e57aff1e-6b56-460c-8951-af8cd3b45178: 0px; --gap-v-e57aff1e-6b56-460c-8951-af8cd3b45178: 10px; --gap-uuid: e57aff1e-6b56-460c-8951-af8cd3b45178; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-e57aff1e-6b56-460c-8951-af8cd3b45178] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px 0px 0px 0px; --gap-h-e57aff1e-6b56-460c-8951-af8cd3b45178: 0px; --gap-v-e57aff1e-6b56-460c-8951-af8cd3b45178: 10px; } } @media screen and (max-width: 540px){ .sd[data-s-e57aff1e-6b56-460c-8951-af8cd3b45178] { gap: 4px; padding: 48px 0px 0px 0px; --gap-h-e57aff1e-6b56-460c-8951-af8cd3b45178: 0px; --gap-v-e57aff1e-6b56-460c-8951-af8cd3b45178: 4px; } }.sd[data-s-0476581a-c536-413f-9662-a717a7c27d5b] { align-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex-direction: column; flex-wrap: nowrap; gap: 40px; height: calc(100% - (var(--gap-v-e57aff1e-6b56-460c-8951-af8cd3b45178) * 0)); justify-content: flex-start; overflow-x: hidden; overflow-y: auto; padding: 80px 0px; width: calc(100% - (var(--gap-h-e57aff1e-6b56-460c-8951-af8cd3b45178) * 0)); --gap-h-0476581a-c536-413f-9662-a717a7c27d5b: 0px; --gap-v-0476581a-c536-413f-9662-a717a7c27d5b: 40px; --gap-uuid: 0476581a-c536-413f-9662-a717a7c27d5b; max-width: calc(100% - (var(--gap-h-e57aff1e-6b56-460c-8951-af8cd3b45178) * 0)); --g-color-0: rgb(0, 169, 224); --g-position-0: 0%; --g-color-1: rgb(0, 141, 219); --g-position-1: 100%; --g-color-2: rgb(0, 141, 219); --g-position-2: 100%; --g-color-3: rgb(0, 141, 219); --g-position-3: 100%; --g-color-4: rgb(0, 141, 219); --g-position-4: 100%; --g-color-5: rgb(0, 141, 219); --g-position-5: 100%; --g-color-6: rgb(0, 141, 219); --g-position-6: 100%; --g-color-7: rgb(0, 141, 219); --g-position-7: 100%; --g-color-8: rgb(0, 141, 219); --g-position-8: 100%; --g-color-9: rgb(0, 141, 219); --g-position-9: 100%; --g-color-10: rgb(0, 141, 219); --g-position-10: 100%; --g-color-11: rgb(0, 141, 219); --g-position-11: 100%; --g-angle: 79.51deg; } @media screen and (max-width: 990px){ .sd[data-s-0476581a-c536-413f-9662-a717a7c27d5b] { gap: 24px; padding: 40px 0px 24px 0px; --gap-h-0476581a-c536-413f-9662-a717a7c27d5b: 0px; --gap-v-0476581a-c536-413f-9662-a717a7c27d5b: 24px; } } @media screen and (max-width: 540px){ .sd[data-s-0476581a-c536-413f-9662-a717a7c27d5b] { gap: 16px; padding: 36px 16px 36px 16px; --gap-h-0476581a-c536-413f-9662-a717a7c27d5b: 0px; --gap-v-0476581a-c536-413f-9662-a717a7c27d5b: 16px; } }.sd[data-s-7bc983a4-9832-4ca3-b027-8651e48119b1] { align-content: center; align-items: center; display: none; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 40px; justify-content: flex-start; padding: 0px; width: calc(90% - (var(--gap-h-0476581a-c536-413f-9662-a717a7c27d5b) * 0.10000000000000003)); --gap-h-7bc983a4-9832-4ca3-b027-8651e48119b1: 0px; --gap-v-7bc983a4-9832-4ca3-b027-8651e48119b1: 40px; --gap-uuid: 7bc983a4-9832-4ca3-b027-8651e48119b1; max-width: calc(90% - (var(--gap-h-0476581a-c536-413f-9662-a717a7c27d5b) * 0.10000000000000003)); } @media screen and (max-width: 990px){ .sd[data-s-7bc983a4-9832-4ca3-b027-8651e48119b1] { display: none; --gap-h-7bc983a4-9832-4ca3-b027-8651e48119b1: 0px; --gap-v-7bc983a4-9832-4ca3-b027-8651e48119b1: 40px; } } @media screen and (max-width: 540px){ .sd[data-s-7bc983a4-9832-4ca3-b027-8651e48119b1] { gap: 16px; --gap-h-7bc983a4-9832-4ca3-b027-8651e48119b1: 0px; --gap-v-7bc983a4-9832-4ca3-b027-8651e48119b1: 16px; } }.sd[data-s-26d7a210-0230-45cd-8e88-e332ab6f4b36] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: center; padding: 0px 40px 0px 40px; width: 1560px; --gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36: 40px; --gap-v-26d7a210-0230-45cd-8e88-e332ab6f4b36: 0px; --gap-uuid: 26d7a210-0230-45cd-8e88-e332ab6f4b36; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-26d7a210-0230-45cd-8e88-e332ab6f4b36] { flex-wrap: wrap; padding: 0px 0px 0px 0px; --gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36: 40px; --gap-v-26d7a210-0230-45cd-8e88-e332ab6f4b36: 40px; } } @media screen and (max-width: 540px){ .sd[data-s-26d7a210-0230-45cd-8e88-e332ab6f4b36] { gap: 16px 0px; padding: 0px 16px 0px 16px; --gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36: 0px; --gap-v-26d7a210-0230-45cd-8e88-e332ab6f4b36: 0px; } }.sd[data-s-297cd368-0fad-473d-9a30-9e26f4e5cbf0] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: flex-end; padding: 0px; width: calc(100% - (var(--gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36) * 0)); --gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 0px; --gap-v-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 20px; --gap-uuid: 297cd368-0fad-473d-9a30-9e26f4e5cbf0; max-width: calc(100% - (var(--gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-297cd368-0fad-473d-9a30-9e26f4e5cbf0] { align-content: center; align-items: center; flex: none; justify-content: flex-start; width: 100%; --gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 0px; --gap-v-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 20px; } } @media screen and (max-width: 540px){ .sd[data-s-297cd368-0fad-473d-9a30-9e26f4e5cbf0] { gap: 8px; padding: 0px; --gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 0px; --gap-v-297cd368-0fad-473d-9a30-9e26f4e5cbf0: 8px; } }.sd[data-s-f9a3a705-1bae-4d41-9b31-734eb1f598d8] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 0px; justify-content: flex-end; padding: 0px; --gap-h-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 0px; --gap-v-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 0px; --gap-uuid: f9a3a705-1bae-4d41-9b31-734eb1f598d8; } @media screen and (max-width: 990px){ .sd[data-s-f9a3a705-1bae-4d41-9b31-734eb1f598d8] { align-content: center; align-items: center; justify-content: center; --gap-h-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 0px; --gap-v-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 0px; } } @media screen and (max-width: 540px){ .sd[data-s-f9a3a705-1bae-4d41-9b31-734eb1f598d8] { gap: 8px; --gap-h-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 0px; --gap-v-f9a3a705-1bae-4d41-9b31-734eb1f598d8: 8px; } }.sd[data-s-5086de07-22cf-4b9d-b0ee-e4766c572dae] { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 2px solid #00A9E0; border-left: 2px solid #00A9E0; border-radius: 40px; border-right: 2px solid #00A9E0; border-top: 2px solid #00A9E0; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: center; padding: 12px 20px 12px 20px; width: auto; --gap-h-5086de07-22cf-4b9d-b0ee-e4766c572dae: 10px; --gap-v-5086de07-22cf-4b9d-b0ee-e4766c572dae: 0px; --gap-uuid: 5086de07-22cf-4b9d-b0ee-e4766c572dae; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-5086de07-22cf-4b9d-b0ee-e4766c572dae] { padding: 12px 15px 12px 15px; --gap-h-5086de07-22cf-4b9d-b0ee-e4766c572dae: 10px; --gap-v-5086de07-22cf-4b9d-b0ee-e4766c572dae: 0px; } } @media screen and (max-width: 540px){ .sd[data-s-5086de07-22cf-4b9d-b0ee-e4766c572dae] { gap: 4px; padding: 4px 8px 4px 8px; --gap-h-5086de07-22cf-4b9d-b0ee-e4766c572dae: 4px; --gap-v-5086de07-22cf-4b9d-b0ee-e4766c572dae: 0px; } }.sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] { color: #1A1A1A; flex: none; font-family: var(--s-font-0786d75a); font-feature-settings: 'palt' 1; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1; text-align: left; width: auto; max-width: 100%; } .sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] >p { margin: 0px 0px 0px 0px; } .sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] strong { color: #00A9E0; font-weight: 700; } @media screen and (max-width: 990px){ .sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] { font-size: 13px; } .sd[data-s-1979cd10-fc30-476a-934e-2c0b70bb0787] strong { font-size: 13px; } }.sd[data-s-f2e1a6e7-6e15-4f2e-9eb3-825c23c26fc4] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: -1px 0px 0px 24px; width: 10px; max-width: calc(100% - 24px); } @media screen and (max-width: 990px){ .sd[data-s-f2e1a6e7-6e15-4f2e-9eb3-825c23c26fc4] { margin: -1px 0px 0px 0px; max-width: 100%; } }.sd[data-s-8f7e0561-e909-400d-bb52-a5e4fc7e28f5] { color: #FFFFFF; font-family: var(--s-font-0786d75a); font-feature-settings: 'palt' 1; font-size: 54px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.2; text-align: left; width: calc(100% - (var(--gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0) * 0)); max-width: calc(100% - (var(--gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0) * 0)); justify-content: flex-start; } .sd[data-s-8f7e0561-e909-400d-bb52-a5e4fc7e28f5].appear { opacity: 0; transform: ; transition-delay: 300ms; transition-duration: 1000ms; } .sd[data-s-8f7e0561-e909-400d-bb52-a5e4fc7e28f5].appear-active { transition-delay: 300ms; transition-duration: 1000ms; } @media screen and (max-width: 990px){ .sd[data-s-8f7e0561-e909-400d-bb52-a5e4fc7e28f5] { font-size: 28px; text-align: center; justify-content: center; } } @media screen and (max-width: 540px){ .sd[data-s-8f7e0561-e909-400d-bb52-a5e4fc7e28f5] { font-size: 32px; } }.sd[data-s-f83de13d-eb9e-472b-ab72-73f23f84e264] { color: #FFFFFF; font-family: var(--s-font-0786d75a); font-feature-settings: 'palt' 1; font-size: 20px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.45; text-align: left; width: calc(100% - (var(--gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0) * 0)); max-width: calc(100% - (var(--gap-h-297cd368-0fad-473d-9a30-9e26f4e5cbf0) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-f83de13d-eb9e-472b-ab72-73f23f84e264] { font-size: 14px; text-align: center; justify-content: center; } } @media screen and (max-width: 540px){ .sd[data-s-f83de13d-eb9e-472b-ab72-73f23f84e264] { font-size: 14px; } }.sd[data-s-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5] { align-content: center; align-items: center; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); border-radius: 14px; box-shadow: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 0px; position: absolute; right: 28px; top: -58px; width: 297px; --gap-h-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 20px; --gap-v-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 0px; --gap-uuid: 5cf47de7-e7f8-4248-aa25-ba6031d8e8a5; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5] { display: none; flex: none; flex-wrap: wrap; gap: 20px 0px; width: calc(100% - (var(--gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36) * 0)); --gap-h-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 0px; --gap-v-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 20px; max-width: calc(100% - (var(--gap-h-26d7a210-0230-45cd-8e88-e332ab6f4b36) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5] { gap: 8px 0px; padding: 0px; --gap-h-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 0px; --gap-v-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5: 0px; } }.sd[data-s-615fa38a-69a3-4b28-95a1-f62738001bf0] { align-items: center; box-shadow: none; flex: none; flex-direction: column; height: auto; justify-content: center; width: calc(100% - (var(--gap-h-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5) * 0)); max-width: calc(100% - (var(--gap-h-5cf47de7-e7f8-4248-aa25-ba6031d8e8a5) * 0)); }.sd[data-s-edacb4e4-6a02-4505-a310-f3ea54b6d661] { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: 70vh; justify-content: flex-start; padding: 0px; width: 1607px; --gap-h-edacb4e4-6a02-4505-a310-f3ea54b6d661: 0px; --gap-v-edacb4e4-6a02-4505-a310-f3ea54b6d661: 40px; --gap-uuid: edacb4e4-6a02-4505-a310-f3ea54b6d661; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-edacb4e4-6a02-4505-a310-f3ea54b6d661] { height: auto; margin: 0px 0px; overflow-x: hidden; overflow-y: hidden; width: 100vw; --gap-h-edacb4e4-6a02-4505-a310-f3ea54b6d661: 0px; --gap-v-edacb4e4-6a02-4505-a310-f3ea54b6d661: 40px; max-width: 100vw; } } @media screen and (max-width: 540px){ .sd[data-s-edacb4e4-6a02-4505-a310-f3ea54b6d661] { gap: 16px; --gap-h-edacb4e4-6a02-4505-a310-f3ea54b6d661: 0px; --gap-v-edacb4e4-6a02-4505-a310-f3ea54b6d661: 16px; } }.sd[data-s-a5ef249c-8b6f-4726-b899-057f1011daaa] { background: transparent; border-radius: 0; flex: none; height: calc(100% - (var(--gap-v-edacb4e4-6a02-4505-a310-f3ea54b6d661) * 0)); margin: 0 0 0 0; opacity: 1; padding: 0px 0px 0px 0px; width: 1560px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-a5ef249c-8b6f-4726-b899-057f1011daaa] { height: 588px; overflow-x: hidden; overflow-y: hidden; max-width: 100%; } }.sd[data-s-8ff3a7dd-ee6d-458e-bc58-a7f424327990] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: center; padding: 0px; width: 900px; --gap-h-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 10px; --gap-v-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 0px; --gap-uuid: 8ff3a7dd-ee6d-458e-bc58-a7f424327990; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-8ff3a7dd-ee6d-458e-bc58-a7f424327990] { flex-wrap: wrap; gap: 10px 0px; margin: 0px 20px; --gap-h-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 0px; --gap-v-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 10px; max-width: calc(100% - 40px); } } @media screen and (max-width: 540px){ .sd[data-s-8ff3a7dd-ee6d-458e-bc58-a7f424327990] { gap: 4px 0px; padding: 0px; --gap-h-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 0px; --gap-v-8ff3a7dd-ee6d-458e-bc58-a7f424327990: 0px; } }.sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb] { align-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.5); border-radius: 4px; border-right: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.5); flex: 1; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: space-between; overflow-x: hidden; overflow-y: hidden; padding: 36px 30px; --gap-h-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --gap-v-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --gap-uuid: dc359600-535d-4f95-8d6b-c3304b9d26fb; max-width: 100%; --g-color-0: rgba(0, 169, 224, 0.5); --g-position-0: 0%; --g-color-1: rgba(0, 219, 132, 0.7); --g-position-1: 100%; --g-color-2: rgba(0, 219, 132, 0.7); --g-position-2: 100%; --g-color-3: rgba(0, 219, 132, 0.7); --g-position-3: 100%; --g-color-4: rgba(0, 219, 132, 0.7); --g-position-4: 100%; --g-color-5: rgba(0, 219, 132, 0.7); --g-position-5: 100%; --g-color-6: rgba(0, 219, 132, 0.7); --g-position-6: 100%; --g-color-7: rgba(0, 219, 132, 0.7); --g-position-7: 100%; --g-color-8: rgba(0, 219, 132, 0.7); --g-position-8: 100%; --g-color-9: rgba(0, 219, 132, 0.7); --g-position-9: 100%; --g-color-10: rgba(0, 219, 132, 0.7); --g-position-10: 100%; --g-color-11: rgba(0, 219, 132, 0.7); --g-position-11: 100%; --g-angle: 79.51deg; } .sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb].appear { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-bottom: 1px solid rgba(255, 255, 255, 0); border-left: 1px solid rgba(255, 255, 255, 0); border-right: 1px solid rgba(255, 255, 255, 0); border-top: 1px solid rgba(255, 255, 255, 0); transition-delay: 300ms; transition-duration: 1000ms; --gap-h-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --gap-v-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --g-color-0: rgba(0, 169, 224, 0); --g-position-0: 0%; --g-color-1: rgba(0, 219, 132, 0); --g-position-1: 100%; --g-color-2: rgba(0, 219, 132, 0); --g-position-2: 100%; --g-color-3: rgba(0, 219, 132, 0); --g-position-3: 100%; --g-color-4: rgba(0, 219, 132, 0); --g-position-4: 100%; --g-color-5: rgba(0, 219, 132, 0); --g-position-5: 100%; --g-color-6: rgba(0, 219, 132, 0); --g-position-6: 100%; --g-color-7: rgba(0, 219, 132, 0); --g-position-7: 100%; --g-color-8: rgba(0, 219, 132, 0); --g-position-8: 100%; --g-color-9: rgba(0, 219, 132, 0); --g-position-9: 100%; --g-color-10: rgba(0, 219, 132, 0); --g-position-10: 100%; --g-color-11: rgba(0, 219, 132, 0); --g-position-11: 100%; --g-angle: 79.51deg; } .sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb].appear-active { transition-delay: 300ms; transition-duration: 1000ms; } .sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb]:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); transition-delay: 100ms; transition-duration: 1000ms; --gap-h-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --gap-v-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --g-color-0: rgb(0, 169, 224); --g-position-0: 0%; --g-color-1: rgb(0, 219, 132); --g-position-1: 100%; --g-color-2: rgb(0, 219, 132); --g-position-2: 100%; --g-color-3: rgb(0, 219, 132); --g-position-3: 100%; --g-color-4: rgb(0, 219, 132); --g-position-4: 100%; --g-color-5: rgb(0, 219, 132); --g-position-5: 100%; --g-color-6: rgb(0, 219, 132); --g-position-6: 100%; --g-color-7: rgb(0, 219, 132); --g-position-7: 100%; --g-color-8: rgb(0, 219, 132); --g-position-8: 100%; --g-color-9: rgb(0, 219, 132); --g-position-9: 100%; --g-color-10: rgb(0, 219, 132); --g-position-10: 100%; --g-color-11: rgb(0, 219, 132); --g-position-11: 100%; --g-angle: 79.51deg; } @media screen and (max-width: 990px){ .sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb] { flex: none; gap: 0px; padding: 24px 30px; width: calc(100% - (var(--gap-h-8ff3a7dd-ee6d-458e-bc58-a7f424327990) * 0)); --gap-h-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; --gap-v-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; max-width: calc(100% - (var(--gap-h-8ff3a7dd-ee6d-458e-bc58-a7f424327990) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-dc359600-535d-4f95-8d6b-c3304b9d26fb] { gap: 4px; --gap-h-dc359600-535d-4f95-8d6b-c3304b9d26fb: 4px; --gap-v-dc359600-535d-4f95-8d6b-c3304b9d26fb: 0px; } }.sd[data-s-d0762a4e-590c-48a6-8d1c-061074740396] { align-content: center; align-items: center; flex: 1; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; padding: 0px; width: auto; --gap-h-d0762a4e-590c-48a6-8d1c-061074740396: 10px; --gap-v-d0762a4e-590c-48a6-8d1c-061074740396: 0px; --gap-uuid: d0762a4e-590c-48a6-8d1c-061074740396; max-width: 100%; } @media screen and (max-width: 540px){ .sd[data-s-d0762a4e-590c-48a6-8d1c-061074740396] { gap: 4px; --gap-h-d0762a4e-590c-48a6-8d1c-061074740396: 4px; --gap-v-d0762a4e-590c-48a6-8d1c-061074740396: 0px; } }.sd[data-s-b76c47cc-8ccf-4c36-94a6-9278f89ed4c9] { color: #FFFFFF; flex: none; font-family: var(--s-font-0786d75a); font-feature-settings: 'palt' 1; font-size: 20px; font-style: normal; font-weight: 700; height: 20px; letter-spacing: 0.05em; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-b76c47cc-8ccf-4c36-94a6-9278f89ed4c9] { font-size: 14px; line-height: 1.3; } } @media screen and (max-width: 540px){ .sd[data-s-b76c47cc-8ccf-4c36-94a6-9278f89ed4c9] { font-size: 14px; } }.sd[data-s-9b9c5f29-722d-44a2-bbe0-34545c7b9033] { color: #FFFFFF; flex: none; font-size: 24px; margin: 0 0 0 0; padding: 0px; position: relative; rotate: 90deg; width: 1px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-9b9c5f29-722d-44a2-bbe0-34545c7b9033] { font-size: 20px; opacity: 0.5; } }.sd[data-s-9d6854ec-b1b7-4f2f-badf-43a4fd992fcf] { backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background: rgba(255, 255, 255, 0.1); border-radius: 80px 80px 80px 80px; bottom: auto; height: auto; left: auto; mix-blend-mode: normal; padding: 8px 8px; position: absolute; right: 20px; top: 20px; width: auto; z-index: 1; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-9d6854ec-b1b7-4f2f-badf-43a4fd992fcf] { bottom: auto; left: auto; right: 10px; top: 10px; } }.sd[data-s-1e200a38-31d5-4411-9dc0-64c6b4fc4401] { bottom: auto; color: #ffffffff; font-size: 22px; left: auto; position: relative; right: auto; top: auto; } .sd[data-r-0_13_0_1_6_147904b1-41d6-48f3-9ee2-c706cf9da5aa_688090ca-3eed-45d9-908f-a14bf8641bcb]:before { background-image: url("/assets/s-1400x1400_6b2088ef-41f9-4bf9-b2ec-3cde0db2b8c0.webp") } .sd[data-s-96aa5b40-94b2-4e70-b9fc-51b49d6475ad] { backdrop-filter: blur(30px) brightness(100%); -webkit-backdrop-filter: blur(30px) brightness(100%); background: #c2c7c8ff; height: 100%; justify-content: center; mix-blend-mode: normal; padding: 20px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-96aa5b40-94b2-4e70-b9fc-51b49d6475ad] { padding: 10px; } }.sd[data-s-ecb9da70-f94b-4660-9fc3-3f94b6f91fce] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: flex-start; padding: 40px; width: 1080px; --gap-h-ecb9da70-f94b-4660-9fc3-3f94b6f91fce: 40px; --gap-v-ecb9da70-f94b-4660-9fc3-3f94b6f91fce: 0px; --gap-uuid: ecb9da70-f94b-4660-9fc3-3f94b6f91fce; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-ecb9da70-f94b-4660-9fc3-3f94b6f91fce] { flex-direction: column; flex-wrap: nowrap; gap: 16px; padding: 32px 20px; --gap-h-ecb9da70-f94b-4660-9fc3-3f94b6f91fce: 0px; --gap-v-ecb9da70-f94b-4660-9fc3-3f94b6f91fce: 16px; } }.sd[data-s-84e370ec-6d7d-4d90-86d3-95c759723cfd] { align-content: flex-start; align-items: flex-start; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; padding: 0px; width: auto; --gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd: 0px; --gap-v-84e370ec-6d7d-4d90-86d3-95c759723cfd: 15px; --gap-uuid: 84e370ec-6d7d-4d90-86d3-95c759723cfd; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-84e370ec-6d7d-4d90-86d3-95c759723cfd] { flex: none; height: auto; --gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd: 0px; --gap-v-84e370ec-6d7d-4d90-86d3-95c759723cfd: 15px; } }.sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] { color: #1A1A1A; font-family: var(--s-font-0786d75a); font-size: 32px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.25; padding: 0px; text-align: center; width: calc(100% - (var(--gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd) * 0)); max-width: calc(100% - (var(--gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd) * 0)); } .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] >p { margin: 0px 0px 0px 0px; text-align: left; } .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] strong { color: #00A9E0; font-weight: 500; text-align: left; } .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] u { font-feature-settings: 'palt' 1; font-size: 10px; text-decoration: none; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; } @media screen and (max-width: 990px){ .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] { font-size: 24px; } .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] strong { font-size: 24px; } } @media screen and (max-width: 540px){ .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] { font-size: 18px; } .sd[data-s-1bbd90ef-5ed3-4608-b59c-9cc1ec59842b] strong { font-size: 18px; } }.sd[data-s-d106f588-656e-4de4-9cce-33d78d7cac54] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: 392px; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-d106f588-656e-4de4-9cce-33d78d7cac54] { font-size: 14px; } }.sd[data-s-9065573a-3dc0-4dc7-8f7e-8fc6001ba5d7] { color: #666666; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; text-align: left; width: calc(100% - (var(--gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd) * 0)); max-width: calc(100% - (var(--gap-h-84e370ec-6d7d-4d90-86d3-95c759723cfd) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-9065573a-3dc0-4dc7-8f7e-8fc6001ba5d7] { font-size: 10px; } }.sd[data-s-eca2ccf7-daf4-46e4-981f-f9d41814c586] { align-content: stretch; align-items: stretch; flex: 1; flex-direction: row; flex-wrap: wrap; gap: 0px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 0px; --gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586: 0px; --gap-v-eca2ccf7-daf4-46e4-981f-f9d41814c586: 0px; --gap-uuid: eca2ccf7-daf4-46e4-981f-f9d41814c586; max-width: 100%; }.sd[data-s-2c183b62-7eca-40f0-9c45-a66adf2b958b] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-2c183b62-7eca-40f0-9c45-a66adf2b958b: 0px; --gap-v-2c183b62-7eca-40f0-9c45-a66adf2b958b: 10px; --gap-uuid: 2c183b62-7eca-40f0-9c45-a66adf2b958b; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-2c183b62-7eca-40f0-9c45-a66adf2b958b] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-2c183b62-7eca-40f0-9c45-a66adf2b958b: 0px; --gap-v-2c183b62-7eca-40f0-9c45-a66adf2b958b: 10px; } }.sd[data-s-36e00568-e6d2-4c40-8ab0-8eacd15cbdea] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 19px 24px 19px 24px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-36e00568-e6d2-4c40-8ab0-8eacd15cbdea] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-993db471-cf44-4814-b020-cf26b9be184a] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-993db471-cf44-4814-b020-cf26b9be184a] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-7f36f4e9-e2bc-40cf-a934-30d4a5ea445c] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-7f36f4e9-e2bc-40cf-a934-30d4a5ea445c] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-0a6f2b06-85bd-4209-a91e-de0638e528bb] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-0a6f2b06-85bd-4209-a91e-de0638e528bb: 0px; --gap-v-0a6f2b06-85bd-4209-a91e-de0638e528bb: 10px; --gap-uuid: 0a6f2b06-85bd-4209-a91e-de0638e528bb; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-0a6f2b06-85bd-4209-a91e-de0638e528bb] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-0a6f2b06-85bd-4209-a91e-de0638e528bb: 0px; --gap-v-0a6f2b06-85bd-4209-a91e-de0638e528bb: 10px; } }.sd[data-s-577ea56f-6fe3-4aa1-afb6-9e0e9c9e65b1] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 16px 28px 15px 28px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-577ea56f-6fe3-4aa1-afb6-9e0e9c9e65b1] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-4dda1509-0f83-452a-bb22-6e1194eaaf98] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-4dda1509-0f83-452a-bb22-6e1194eaaf98] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-1d017d5d-8d77-4c4a-9d9e-4fb47b90b7ee] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-1d017d5d-8d77-4c4a-9d9e-4fb47b90b7ee] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-fe556b29-bca7-45f7-b8e4-db1a18707522] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 0px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-fe556b29-bca7-45f7-b8e4-db1a18707522: 0px; --gap-v-fe556b29-bca7-45f7-b8e4-db1a18707522: 10px; --gap-uuid: fe556b29-bca7-45f7-b8e4-db1a18707522; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-fe556b29-bca7-45f7-b8e4-db1a18707522] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-fe556b29-bca7-45f7-b8e4-db1a18707522: 0px; --gap-v-fe556b29-bca7-45f7-b8e4-db1a18707522: 10px; } }.sd[data-s-0bbd08dd-b448-4541-bfbd-47f5936777c1] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 19px 21px 18px 21px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-0bbd08dd-b448-4541-bfbd-47f5936777c1] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-ee451c43-7507-41a8-b769-d4d038a5a59c] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-ee451c43-7507-41a8-b769-d4d038a5a59c] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-7208af6f-d02c-4ddc-95dc-1f9dbf413e76] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-7208af6f-d02c-4ddc-95dc-1f9dbf413e76] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-272ce563-9105-433e-a77c-b62ccb1f1335] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-272ce563-9105-433e-a77c-b62ccb1f1335: 0px; --gap-v-272ce563-9105-433e-a77c-b62ccb1f1335: 10px; --gap-uuid: 272ce563-9105-433e-a77c-b62ccb1f1335; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-272ce563-9105-433e-a77c-b62ccb1f1335] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-272ce563-9105-433e-a77c-b62ccb1f1335: 0px; --gap-v-272ce563-9105-433e-a77c-b62ccb1f1335: 10px; } }.sd[data-s-44c8e433-2224-4728-ae57-0931b07fea35] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-end; padding: 20px 22px 20px 23px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-44c8e433-2224-4728-ae57-0931b07fea35] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-5d2e8603-0e12-4cb3-9f75-edb0ab9f1311] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-5d2e8603-0e12-4cb3-9f75-edb0ab9f1311] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-e6cebf86-240f-4cba-b61f-30727ec65bd7] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-e6cebf86-240f-4cba-b61f-30727ec65bd7] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-d9a88402-946d-4b75-b041-a7881d0e84db] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-d9a88402-946d-4b75-b041-a7881d0e84db: 0px; --gap-v-d9a88402-946d-4b75-b041-a7881d0e84db: 10px; --gap-uuid: d9a88402-946d-4b75-b041-a7881d0e84db; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-d9a88402-946d-4b75-b041-a7881d0e84db] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-d9a88402-946d-4b75-b041-a7881d0e84db: 0px; --gap-v-d9a88402-946d-4b75-b041-a7881d0e84db: 10px; } }.sd[data-s-009693c2-3e7e-413e-aa9b-2300bbdd99f8] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 19px 26px 20px 26px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-009693c2-3e7e-413e-aa9b-2300bbdd99f8] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-df67ffbd-5298-4181-a849-6e88212cac70] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-df67ffbd-5298-4181-a849-6e88212cac70] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-8241c82e-65dc-4183-9811-c56c1e1493e2] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-8241c82e-65dc-4183-9811-c56c1e1493e2] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-61d381bb-dea6-4092-9d0e-9c2405a9ff14] { align-content: center; align-items: center; border-bottom: 1px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 0px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-61d381bb-dea6-4092-9d0e-9c2405a9ff14: 0px; --gap-v-61d381bb-dea6-4092-9d0e-9c2405a9ff14: 10px; --gap-uuid: 61d381bb-dea6-4092-9d0e-9c2405a9ff14; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-61d381bb-dea6-4092-9d0e-9c2405a9ff14] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-61d381bb-dea6-4092-9d0e-9c2405a9ff14: 0px; --gap-v-61d381bb-dea6-4092-9d0e-9c2405a9ff14: 10px; } }.sd[data-s-ff54e1c7-6262-49e2-a98f-00eda1e0a451] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-end; padding: 20px 20px 19px 20px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-ff54e1c7-6262-49e2-a98f-00eda1e0a451] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-18c04261-778a-4f23-932e-e8f799906197] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-18c04261-778a-4f23-932e-e8f799906197] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-4f5af16f-4c98-47ce-8880-00652c15abee] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-4f5af16f-4c98-47ce-8880-00652c15abee] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-9d6c03e4-e34c-47dc-938e-64daf629789b] { align-content: center; align-items: center; border-bottom: 0px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-9d6c03e4-e34c-47dc-938e-64daf629789b: 0px; --gap-v-9d6c03e4-e34c-47dc-938e-64daf629789b: 10px; --gap-uuid: 9d6c03e4-e34c-47dc-938e-64daf629789b; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-9d6c03e4-e34c-47dc-938e-64daf629789b] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-9d6c03e4-e34c-47dc-938e-64daf629789b: 0px; --gap-v-9d6c03e4-e34c-47dc-938e-64daf629789b: 10px; } }.sd[data-s-3ec1c91f-e00a-4933-bc84-9b83ec89b23c] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 19px 20px 18px 19px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-3ec1c91f-e00a-4933-bc84-9b83ec89b23c] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-88a78690-ea6e-4109-a489-eb16d6579497] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-88a78690-ea6e-4109-a489-eb16d6579497] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-66fc4734-83e7-4df2-92ed-4e50e54f91f1] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-66fc4734-83e7-4df2-92ed-4e50e54f91f1] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-0429b024-72fa-482b-b302-a2ceb66b248e] { align-content: center; align-items: center; border-bottom: 0px solid #E6E6E6; border-left: 0px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-top: 0px solid #E6E6E6; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 20px; width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); --gap-h-0429b024-72fa-482b-b302-a2ceb66b248e: 0px; --gap-v-0429b024-72fa-482b-b302-a2ceb66b248e: 10px; --gap-uuid: 0429b024-72fa-482b-b302-a2ceb66b248e; max-width: calc(33.333% - (var(--gap-h-eca2ccf7-daf4-46e4-981f-f9d41814c586) * 0.66667)); } @media screen and (max-width: 990px){ .sd[data-s-0429b024-72fa-482b-b302-a2ceb66b248e] { flex-direction: column; flex-wrap: nowrap; padding: 8px; --gap-h-0429b024-72fa-482b-b302-a2ceb66b248e: 0px; --gap-v-0429b024-72fa-482b-b302-a2ceb66b248e: 10px; } }.sd[data-s-de8000ea-61e8-4ecc-88bf-4f7c9b00627d] { align-items: center; background: #FFFFFF; border-radius: 999px; flex: none; flex-direction: column; height: auto; justify-content: center; padding: 22px 18px 21px 18px; width: 80px; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-de8000ea-61e8-4ecc-88bf-4f7c9b00627d] { flex: none; height: 54px; padding: 15px; width: 54px; max-width: 100%; } }.sd[data-s-e125791e-9889-447f-82cf-19c99e018a1e] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-e125791e-9889-447f-82cf-19c99e018a1e] { flex: none; height: 100%; width: 100%; max-width: 100%; } }.sd[data-s-3e5d2785-6ab3-4caf-bb18-88ddd970f790] { color: #223136; flex: 1; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-3e5d2785-6ab3-4caf-bb18-88ddd970f790] { font-feature-settings: 'palt' 1; font-size: 13px; text-align: center; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; justify-content: center; } }.sd[data-s-3b2bad54-c64c-4b4c-89ad-68b7eb79102a] { bottom: auto; color: #ffffffff; font-size: 24px; left: auto; position: fixed; right: 20px; top: 30px; z-index: 2; } @media screen and (max-width: 990px){ .sd[data-s-3b2bad54-c64c-4b4c-89ad-68b7eb79102a] { bottom: auto; color: #ffffffff; left: auto; position: fixed; right: 10px; top: 20px; z-index: 2; } } .sd[data-s-cd103ff0-a958-43ce-b8bb-bd2a33f8b9f4] { background: rgba(0, 0, 0, 0.8); height: 100%; justify-content: center; mix-blend-mode: normal; padding: 20px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-cd103ff0-a958-43ce-b8bb-bd2a33f8b9f4] { align-content: center; align-items: center; justify-content: flex-start; padding: 10px; } }.sd[data-s-771582aa-d9d8-4c76-b54b-bf9ff0d22585] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 0px; width: 1280px; --gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 0px; --gap-v-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 10px; --gap-uuid: 771582aa-d9d8-4c76-b54b-bf9ff0d22585; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-771582aa-d9d8-4c76-b54b-bf9ff0d22585] { flex: none; height: 100vh; overflow-x: hidden; overflow-y: auto; padding: 40px 0px 80px 0px; --gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 0px; --gap-v-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 10px; max-width: 100%; } } @media screen and (max-width: 540px){ .sd[data-s-771582aa-d9d8-4c76-b54b-bf9ff0d22585] { gap: 4px; padding: 0px; --gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 0px; --gap-v-771582aa-d9d8-4c76-b54b-bf9ff0d22585: 4px; } }.sd[data-s-0c56e496-e7fd-4740-bc3d-16605690b1c3] { align-content: stretch; align-items: stretch; flex-direction: row; flex-wrap: nowrap; gap: 30px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585) * 0)); --gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3: 30px; --gap-v-0c56e496-e7fd-4740-bc3d-16605690b1c3: 0px; --gap-uuid: 0c56e496-e7fd-4740-bc3d-16605690b1c3; max-width: calc(100% - (var(--gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-0c56e496-e7fd-4740-bc3d-16605690b1c3] { flex-wrap: wrap; gap: 10px 0px; --gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3: 0px; --gap-v-0c56e496-e7fd-4740-bc3d-16605690b1c3: 10px; } } @media screen and (max-width: 540px){ .sd[data-s-0c56e496-e7fd-4740-bc3d-16605690b1c3] { gap: 14px 0px; padding: 0px; --gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3: 0px; --gap-v-0c56e496-e7fd-4740-bc3d-16605690b1c3: 0px; } }.sd[data-s-f4f95dba-5843-4514-bd69-0d5067f9a973] { align-content: center; align-items: center; background: #FFFFFF; border-radius: 12px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 30px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 80px 40px 80px 40px; --gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973: 0px; --gap-v-f4f95dba-5843-4514-bd69-0d5067f9a973: 30px; --gap-uuid: f4f95dba-5843-4514-bd69-0d5067f9a973; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-f4f95dba-5843-4514-bd69-0d5067f9a973] { flex: none; padding: 40px 20px; width: calc(100% - (var(--gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3) * 0)); --gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973: 0px; --gap-v-f4f95dba-5843-4514-bd69-0d5067f9a973: 30px; max-width: calc(100% - (var(--gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-f4f95dba-5843-4514-bd69-0d5067f9a973] { gap: 14px; padding: 36px 16px 36px 16px; --gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973: 0px; --gap-v-f4f95dba-5843-4514-bd69-0d5067f9a973: 14px; } }.sd[data-s-5b717291-1ca5-45d8-b940-223a9f856b85] { align-items: center; background: #f1f7f7; flex: none; flex-direction: column; height: 200px; justify-content: center; width: calc(100% - (var(--gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973) * 0)); max-width: calc(100% - (var(--gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973) * 0)); } .sd[data-s-5b717291-1ca5-45d8-b940-223a9f856b85]:before { background-position: center; background-repeat: no-repeat; background-size: contain; }.sd[data-s-afeedc82-f3fd-48b0-9f8a-a3e0415ca162] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973) * 0)); --gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 0px; --gap-v-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 20px; --gap-uuid: afeedc82-f3fd-48b0-9f8a-a3e0415ca162; max-width: calc(100% - (var(--gap-h-f4f95dba-5843-4514-bd69-0d5067f9a973) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-afeedc82-f3fd-48b0-9f8a-a3e0415ca162] { width: 100%; --gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 0px; --gap-v-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 20px; } } @media screen and (max-width: 540px){ .sd[data-s-afeedc82-f3fd-48b0-9f8a-a3e0415ca162] { gap: 8px; padding: 0px; --gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 0px; --gap-v-afeedc82-f3fd-48b0-9f8a-a3e0415ca162: 8px; } }.sd[data-s-4d655e15-8085-4548-8e7e-63ad99eeab9c] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; --gap-h-4d655e15-8085-4548-8e7e-63ad99eeab9c: 0px; --gap-v-4d655e15-8085-4548-8e7e-63ad99eeab9c: 20px; --gap-uuid: 4d655e15-8085-4548-8e7e-63ad99eeab9c; } .sd[data-s-4d655e15-8085-4548-8e7e-63ad99eeab9c] >p { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; --gap-h-4d655e15-8085-4548-8e7e-63ad99eeab9c: 0px; --gap-v-4d655e15-8085-4548-8e7e-63ad99eeab9c: 20px; } @media screen and (max-width: 540px){ .sd[data-s-4d655e15-8085-4548-8e7e-63ad99eeab9c] { gap: 8px; --gap-h-4d655e15-8085-4548-8e7e-63ad99eeab9c: 0px; --gap-v-4d655e15-8085-4548-8e7e-63ad99eeab9c: 8px; } }.sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] { color: #1A1A1A; font-family: var(--s-font-0786d75a); font-size: 32px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.25; padding: 0px; text-align: center; width: calc(100% - (var(--gap-h-4d655e15-8085-4548-8e7e-63ad99eeab9c) * 0)); max-width: calc(100% - (var(--gap-h-4d655e15-8085-4548-8e7e-63ad99eeab9c) * 0)); } .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] >p { margin: 0px 0px 0px 0px; } .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] strong { color: #00A9E0; font-weight: 500; } .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] u { font-feature-settings: 'palt' 1; font-size: 10px; text-decoration: none; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; } @media screen and (max-width: 990px){ .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] { font-size: 24px; } .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] strong { font-size: 24px; } } @media screen and (max-width: 540px){ .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] { font-size: 18px; } .sd[data-s-2c377029-6f6c-4efe-9d45-63dc8f7076d5] strong { font-size: 18px; } }.sd[data-s-cc870558-a5b2-4da5-a5da-c1ba659defd4] { color: #1A1A1A; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; text-align: left; width: calc(100% - (var(--gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162) * 0)); max-width: calc(100% - (var(--gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-cc870558-a5b2-4da5-a5da-c1ba659defd4] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-cc870558-a5b2-4da5-a5da-c1ba659defd4] { font-size: 13px; } }.sd[data-s-6180e170-a16f-476b-9f19-f3284380878c] { color: #666666; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; text-align: left; width: calc(100% - (var(--gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162) * 0)); max-width: calc(100% - (var(--gap-h-afeedc82-f3fd-48b0-9f8a-a3e0415ca162) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-6180e170-a16f-476b-9f19-f3284380878c] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-6180e170-a16f-476b-9f19-f3284380878c] { font-size: 13px; } }.sd[data-s-d5a67b05-ea33-462e-adad-f529e29d88c1] { align-content: center; align-items: center; background: #FFFFFF; border-radius: 12px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 30px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 80px 40px 80px 40px; --gap-h-d5a67b05-ea33-462e-adad-f529e29d88c1: 0px; --gap-v-d5a67b05-ea33-462e-adad-f529e29d88c1: 30px; --gap-uuid: d5a67b05-ea33-462e-adad-f529e29d88c1; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-d5a67b05-ea33-462e-adad-f529e29d88c1] { flex: none; padding: 40px 20px; width: calc(100% - (var(--gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3) * 0)); --gap-h-d5a67b05-ea33-462e-adad-f529e29d88c1: 0px; --gap-v-d5a67b05-ea33-462e-adad-f529e29d88c1: 30px; max-width: calc(100% - (var(--gap-h-0c56e496-e7fd-4740-bc3d-16605690b1c3) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-d5a67b05-ea33-462e-adad-f529e29d88c1] { gap: 14px; padding: 36px 16px 36px 16px; --gap-h-d5a67b05-ea33-462e-adad-f529e29d88c1: 0px; --gap-v-d5a67b05-ea33-462e-adad-f529e29d88c1: 14px; } }.sd[data-s-143910b2-0d20-41b9-b131-f6dbc01aba0c] { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: center; width: 210px; max-width: 100%; } .sd[data-s-143910b2-0d20-41b9-b131-f6dbc01aba0c]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-d5a67b05-ea33-462e-adad-f529e29d88c1) * 0)); --gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 0px; --gap-v-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 20px; --gap-uuid: b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be; max-width: calc(100% - (var(--gap-h-d5a67b05-ea33-462e-adad-f529e29d88c1) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be] { width: 100%; --gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 0px; --gap-v-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 20px; } } @media screen and (max-width: 540px){ .sd[data-s-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be] { gap: 8px; padding: 0px; --gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 0px; --gap-v-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be: 8px; } }.sd[data-s-819232a2-1681-4386-a010-2065f35ad96c] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; --gap-h-819232a2-1681-4386-a010-2065f35ad96c: 0px; --gap-v-819232a2-1681-4386-a010-2065f35ad96c: 20px; --gap-uuid: 819232a2-1681-4386-a010-2065f35ad96c; } .sd[data-s-819232a2-1681-4386-a010-2065f35ad96c] >p { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; --gap-h-819232a2-1681-4386-a010-2065f35ad96c: 0px; --gap-v-819232a2-1681-4386-a010-2065f35ad96c: 20px; } @media screen and (max-width: 540px){ .sd[data-s-819232a2-1681-4386-a010-2065f35ad96c] { gap: 8px; --gap-h-819232a2-1681-4386-a010-2065f35ad96c: 0px; --gap-v-819232a2-1681-4386-a010-2065f35ad96c: 8px; } }.sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] { color: #1A1A1A; font-family: var(--s-font-0786d75a); font-size: 32px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.25; padding: 0px; text-align: center; width: calc(100% - (var(--gap-h-819232a2-1681-4386-a010-2065f35ad96c) * 0)); max-width: calc(100% - (var(--gap-h-819232a2-1681-4386-a010-2065f35ad96c) * 0)); } .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] >p { margin: 0px 0px 0px 0px; } .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] strong { color: #00A9E0; font-weight: 500; } .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] u { font-feature-settings: 'palt' 1; font-size: 10px; text-decoration: none; text-orientation: mixed; -webkit-text-orientation: mixed; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; } @media screen and (max-width: 990px){ .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] { font-size: 24px; } .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] strong { font-size: 24px; } } @media screen and (max-width: 540px){ .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] { font-size: 18px; } .sd[data-s-ca033012-9e2b-464f-8127-b0e308b872b0] strong { font-size: 18px; } }.sd[data-s-4e424f7a-3959-4b60-9578-1f0bc137a8d6] { color: #1A1A1A; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; text-align: left; width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); max-width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-4e424f7a-3959-4b60-9578-1f0bc137a8d6] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-4e424f7a-3959-4b60-9578-1f0bc137a8d6] { font-size: 13px; } }.sd[data-s-999fd473-823f-49d4-bf83-ba091173727a] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); --gap-h-999fd473-823f-49d4-bf83-ba091173727a: 10px; --gap-v-999fd473-823f-49d4-bf83-ba091173727a: 0px; --gap-uuid: 999fd473-823f-49d4-bf83-ba091173727a; max-width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-999fd473-823f-49d4-bf83-ba091173727a] { flex-wrap: wrap; gap: 10px 0px; --gap-h-999fd473-823f-49d4-bf83-ba091173727a: 0px; --gap-v-999fd473-823f-49d4-bf83-ba091173727a: 10px; } } @media screen and (max-width: 540px){ .sd[data-s-999fd473-823f-49d4-bf83-ba091173727a] { gap: 4px 0px; padding: 0px; --gap-h-999fd473-823f-49d4-bf83-ba091173727a: 0px; --gap-v-999fd473-823f-49d4-bf83-ba091173727a: 0px; } }.sd[data-s-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f] { align-content: center; align-items: center; background: #EDFBFF; border-radius: 12px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 10px; --gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 0px; --gap-v-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 10px; --gap-uuid: 05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f] { flex: none; width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); --gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 0px; --gap-v-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 10px; max-width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f] { gap: 4px; padding: 4px; --gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 0px; --gap-v-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f: 4px; } }.sd[data-s-49cabc3b-a6be-4610-acdc-ab9fbbf7caf7] { align-items: center; flex-direction: column; height: auto; justify-content: center; width: 24px; max-width: 100%; }.sd[data-s-226f502d-1338-4a9a-abab-ec732a6ccef5] { color: #1A1A1A; flex: none; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 500; height: 60px; letter-spacing: -0.1em; line-height: 1.3; text-align: center; width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); max-width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-226f502d-1338-4a9a-abab-ec732a6ccef5] { flex: none; font-size: 13px; height: auto; width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); max-width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-226f502d-1338-4a9a-abab-ec732a6ccef5] { font-size: 13px; } }.sd[data-s-a60ca7bb-004f-4a33-a8a1-2e09e29a03da] { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 1px solid #00A9E0; border-left: 1px solid #00A9E0; border-radius: 48px; border-right: 1px solid #00A9E0; border-top: 1px solid #00A9E0; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: auto; justify-content: center; padding: 5px 0px 5px 0px; width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); --gap-h-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 5px; --gap-v-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 0px; --gap-uuid: a60ca7bb-004f-4a33-a8a1-2e09e29a03da; max-width: calc(100% - (var(--gap-h-05d9180c-1d7c-4ccf-9a5a-25cc87dc8a2f) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-a60ca7bb-004f-4a33-a8a1-2e09e29a03da] { flex: none; padding: 5px 20px; width: auto; --gap-h-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 5px; --gap-v-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 0px; max-width: 100%; } } @media screen and (max-width: 540px){ .sd[data-s-a60ca7bb-004f-4a33-a8a1-2e09e29a03da] { gap: 2px; padding: 2px 0px 2px 0px; --gap-h-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 2px; --gap-v-a60ca7bb-004f-4a33-a8a1-2e09e29a03da: 0px; } }.sd[data-s-5b6909ec-704f-4aa0-8dee-308c5e52c9d6] { color: #666666; flex: none; font-family: var(--s-font-0786d75a); font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; text-align: center; text-decoration: line-through; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-5b6909ec-704f-4aa0-8dee-308c5e52c9d6] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-5b6909ec-704f-4aa0-8dee-308c5e52c9d6] { font-size: 13px; } }.sd[data-s-01ec7986-2eb6-4728-9e40-6a51cb17a625] { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: center; rotate: 90deg; width: 3px; max-width: 100%; }.sd[data-s-04993a96-e510-4eaf-bba2-9099d6b767b0] { color: #00A9E0; flex: none; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-04993a96-e510-4eaf-bba2-9099d6b767b0] { font-size: 14px; } } @media screen and (max-width: 540px){ .sd[data-s-04993a96-e510-4eaf-bba2-9099d6b767b0] { font-size: 13px; } }.sd[data-s-4f34ed1f-a17c-47f3-b184-45617fdd823c] { align-content: center; align-items: center; background: #EDFBFF; border-radius: 12px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 10px; --gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c: 0px; --gap-v-4f34ed1f-a17c-47f3-b184-45617fdd823c: 10px; --gap-uuid: 4f34ed1f-a17c-47f3-b184-45617fdd823c; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-4f34ed1f-a17c-47f3-b184-45617fdd823c] { flex: none; width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); --gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c: 0px; --gap-v-4f34ed1f-a17c-47f3-b184-45617fdd823c: 10px; max-width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-4f34ed1f-a17c-47f3-b184-45617fdd823c] { gap: 4px; padding: 4px; --gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c: 0px; --gap-v-4f34ed1f-a17c-47f3-b184-45617fdd823c: 4px; } }.sd[data-s-c4210dba-bf2f-4c67-9412-e2f920efad92] { align-items: center; flex-direction: column; height: auto; justify-content: center; width: 24px; max-width: 100%; }.sd[data-s-dd60371f-f8e3-4317-8cc4-d00b9a97b56e] { color: #1A1A1A; flex: none; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 500; height: 60px; letter-spacing: -0.1em; line-height: 1.3; text-align: center; width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); max-width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-dd60371f-f8e3-4317-8cc4-d00b9a97b56e] { flex: none; font-size: 13px; height: auto; width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); max-width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-dd60371f-f8e3-4317-8cc4-d00b9a97b56e] { font-size: 13px; } }.sd[data-s-739e4b97-2ee6-462c-8bec-c81e15679d00] { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 1px solid #00A9E0; border-left: 1px solid #00A9E0; border-radius: 48px; border-right: 1px solid #00A9E0; border-top: 1px solid #00A9E0; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: auto; justify-content: center; padding: 5px 0px 5px 0px; width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); --gap-h-739e4b97-2ee6-462c-8bec-c81e15679d00: 5px; --gap-v-739e4b97-2ee6-462c-8bec-c81e15679d00: 0px; --gap-uuid: 739e4b97-2ee6-462c-8bec-c81e15679d00; max-width: calc(100% - (var(--gap-h-4f34ed1f-a17c-47f3-b184-45617fdd823c) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-739e4b97-2ee6-462c-8bec-c81e15679d00] { flex: none; padding: 5px 20px; width: auto; --gap-h-739e4b97-2ee6-462c-8bec-c81e15679d00: 5px; --gap-v-739e4b97-2ee6-462c-8bec-c81e15679d00: 0px; max-width: 100%; } } @media screen and (max-width: 540px){ .sd[data-s-739e4b97-2ee6-462c-8bec-c81e15679d00] { gap: 2px; padding: 2px 0px 2px 0px; --gap-h-739e4b97-2ee6-462c-8bec-c81e15679d00: 2px; --gap-v-739e4b97-2ee6-462c-8bec-c81e15679d00: 0px; } }.sd[data-s-498e7a25-8002-40a9-b2ba-928dce555b7e] { color: #666666; flex: none; font-family: var(--s-font-0786d75a); font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; text-align: center; text-decoration: line-through; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-498e7a25-8002-40a9-b2ba-928dce555b7e] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-498e7a25-8002-40a9-b2ba-928dce555b7e] { font-size: 13px; } }.sd[data-s-40a206a2-c00e-449e-b20f-7e25136852ec] { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: center; rotate: 90deg; width: 3px; max-width: 100%; }.sd[data-s-e813ce90-718d-46dc-917e-be332a8efded] { color: #00A9E0; flex: none; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-e813ce90-718d-46dc-917e-be332a8efded] { font-size: 14px; } } @media screen and (max-width: 540px){ .sd[data-s-e813ce90-718d-46dc-917e-be332a8efded] { font-size: 13px; } }.sd[data-s-54424060-2435-46a9-a7d7-30a11c16537b] { align-content: center; align-items: center; background: #EDFBFF; border-radius: 12px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 10px; --gap-h-54424060-2435-46a9-a7d7-30a11c16537b: 0px; --gap-v-54424060-2435-46a9-a7d7-30a11c16537b: 10px; --gap-uuid: 54424060-2435-46a9-a7d7-30a11c16537b; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-54424060-2435-46a9-a7d7-30a11c16537b] { flex: none; width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); --gap-h-54424060-2435-46a9-a7d7-30a11c16537b: 0px; --gap-v-54424060-2435-46a9-a7d7-30a11c16537b: 10px; max-width: calc(100% - (var(--gap-h-999fd473-823f-49d4-bf83-ba091173727a) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-54424060-2435-46a9-a7d7-30a11c16537b] { gap: 4px; padding: 4px; --gap-h-54424060-2435-46a9-a7d7-30a11c16537b: 0px; --gap-v-54424060-2435-46a9-a7d7-30a11c16537b: 4px; } }.sd[data-s-310c0908-9ef4-487c-a632-02a32ea8ccd1] { align-items: center; flex-direction: column; height: auto; justify-content: center; width: 24px; max-width: 100%; }.sd[data-s-f40087f9-2df1-486b-af40-8ce73473017e] { color: #1A1A1A; flex: none; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 500; height: 60px; letter-spacing: -0.1em; line-height: 1.3; padding: 0px; text-align: center; width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); max-width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-f40087f9-2df1-486b-af40-8ce73473017e] { flex: none; font-size: 13px; height: auto; width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); max-width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); } } @media screen and (max-width: 540px){ .sd[data-s-f40087f9-2df1-486b-af40-8ce73473017e] { font-size: 13px; } }.sd[data-s-3ea87d60-9583-441a-9005-39495d24bb35] { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 1px solid #00A9E0; border-left: 1px solid #00A9E0; border-radius: 48px; border-right: 1px solid #00A9E0; border-top: 1px solid #00A9E0; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: auto; justify-content: center; padding: 5px 0px 5px 0px; width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); --gap-h-3ea87d60-9583-441a-9005-39495d24bb35: 5px; --gap-v-3ea87d60-9583-441a-9005-39495d24bb35: 0px; --gap-uuid: 3ea87d60-9583-441a-9005-39495d24bb35; max-width: calc(100% - (var(--gap-h-54424060-2435-46a9-a7d7-30a11c16537b) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-3ea87d60-9583-441a-9005-39495d24bb35] { flex: none; padding: 5px 20px; width: auto; --gap-h-3ea87d60-9583-441a-9005-39495d24bb35: 5px; --gap-v-3ea87d60-9583-441a-9005-39495d24bb35: 0px; max-width: 100%; } } @media screen and (max-width: 540px){ .sd[data-s-3ea87d60-9583-441a-9005-39495d24bb35] { gap: 2px; --gap-h-3ea87d60-9583-441a-9005-39495d24bb35: 2px; --gap-v-3ea87d60-9583-441a-9005-39495d24bb35: 0px; } }.sd[data-s-2ee20949-1d3f-4cd1-9352-f37b93e5c472] { color: #00A9E0; flex: none; font-family: var(--s-font-0786d75a); font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; text-align: center; width: auto; max-width: 100%; justify-content: center; } @media screen and (max-width: 990px){ .sd[data-s-2ee20949-1d3f-4cd1-9352-f37b93e5c472] { font-size: 14px; } } @media screen and (max-width: 540px){ .sd[data-s-2ee20949-1d3f-4cd1-9352-f37b93e5c472] { font-size: 13px; } }.sd[data-s-01b3619f-8f0a-4e46-9a76-926fa1b4f42b] { color: #666666; font-family: var(--s-font-0786d75a); font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; text-align: left; width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); max-width: calc(100% - (var(--gap-h-b2c6e6e7-f3b0-4fc3-855b-7882e5ee50be) * 0)); justify-content: flex-start; } @media screen and (max-width: 990px){ .sd[data-s-01b3619f-8f0a-4e46-9a76-926fa1b4f42b] { font-size: 13px; } } @media screen and (max-width: 540px){ .sd[data-s-01b3619f-8f0a-4e46-9a76-926fa1b4f42b] { font-size: 13px; } }.sd[data-s-191b3208-9d30-4f56-bb01-390b10df3367] { color: #FFFFFF; font-family: var(--s-font-0786d75a); font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.75; opacity: 0.800000011920929; text-align: left; width: calc(100% - (var(--gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585) * 0)); max-width: calc(100% - (var(--gap-h-771582aa-d9d8-4c76-b54b-bf9ff0d22585) * 0)); justify-content: flex-start; } @media screen and (max-width: 540px){ .sd[data-s-191b3208-9d30-4f56-bb01-390b10df3367] { font-size: 13px; } }.sd[data-s-a7decfa2-de30-43c3-b179-51001de36c5c] { bottom: auto; color: #ffffffff; font-size: 24px; left: auto; position: fixed; right: 20px; top: 30px; z-index: 2; } @media screen and (max-width: 990px){ .sd[data-s-a7decfa2-de30-43c3-b179-51001de36c5c] { bottom: auto; color: #ffffffff; left: auto; position: fixed; right: 10px; top: 20px; z-index: 2; } } .sd[data-r-0_0_0_0_5b717291-1ca5-45d8-b940-223a9f856b85]:before { background-image: url("/assets/s-1320x710_09d680f7-dc14-4de5-91b8-cc123c839454.webp") } .sd[data-s-2e69fa21-6bb0-47e5-a5a9-2f95de8466bb] { backdrop-filter: blur(30px) brightness(70%); -webkit-backdrop-filter: blur(30px) brightness(70%); background: #c2c7c8cc; height: 100%; justify-content: center; mix-blend-mode: normal; padding: 20px; width: 100%; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-2e69fa21-6bb0-47e5-a5a9-2f95de8466bb] { align-content: center; align-items: center; justify-content: flex-start; padding: 50px 10px; } }.sd[data-s-ac228d07-d548-4b08-9fb4-226057518331] { align-content: stretch; align-items: stretch; background: transparent; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: flex-start; padding: 0px; width: 1560px; --gap-h-ac228d07-d548-4b08-9fb4-226057518331: 10px; --gap-v-ac228d07-d548-4b08-9fb4-226057518331: 0px; --gap-uuid: ac228d07-d548-4b08-9fb4-226057518331; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-ac228d07-d548-4b08-9fb4-226057518331] { flex: none; flex-direction: column; flex-wrap: nowrap; height: 100%; overflow-x: hidden; overflow-y: auto; --gap-h-ac228d07-d548-4b08-9fb4-226057518331: 0px; --gap-v-ac228d07-d548-4b08-9fb4-226057518331: 10px; max-width: 100%; } }.sd[data-s-a572e5d7-8b13-4236-b88d-aa04304e23f4] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: center; padding: 0px; width: 463px; --gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4: 0px; --gap-v-a572e5d7-8b13-4236-b88d-aa04304e23f4: 10px; --gap-uuid: a572e5d7-8b13-4236-b88d-aa04304e23f4; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-a572e5d7-8b13-4236-b88d-aa04304e23f4] { flex: none; flex-direction: row; flex-wrap: nowrap; width: calc(100% - (var(--gap-h-ac228d07-d548-4b08-9fb4-226057518331) * 0)); --gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4: 10px; --gap-v-a572e5d7-8b13-4236-b88d-aa04304e23f4: 0px; max-width: calc(100% - (var(--gap-h-ac228d07-d548-4b08-9fb4-226057518331) * 0)); } }.sd[data-s-face0387-833c-47f3-a538-94f2e73430bf] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; padding: 20px 20px 40px 20px; width: calc(100% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0)); --gap-h-face0387-833c-47f3-a538-94f2e73430bf: 0px; --gap-v-face0387-833c-47f3-a538-94f2e73430bf: 15px; --gap-uuid: face0387-833c-47f3-a538-94f2e73430bf; max-width: calc(100% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-face0387-833c-47f3-a538-94f2e73430bf] { flex: none; width: calc(50% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0.5)); --gap-h-face0387-833c-47f3-a538-94f2e73430bf: 0px; --gap-v-face0387-833c-47f3-a538-94f2e73430bf: 15px; max-width: calc(50% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0.5)); } }.sd[data-s-46025b4d-b457-4b96-b8a2-377083a4d95d] { align-items: center; flex-direction: column; height: 80px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 80px; max-width: 100%; } .sd[data-s-46025b4d-b457-4b96-b8a2-377083a4d95d]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-bdd466c4-f2be-4d10-9d4c-6730dee312f3] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.35; text-align: left; width: calc(100% - (var(--gap-h-face0387-833c-47f3-a538-94f2e73430bf) * 0)); max-width: calc(100% - (var(--gap-h-face0387-833c-47f3-a538-94f2e73430bf) * 0)); justify-content: flex-start; }.sd[data-s-e984955c-1800-43d8-8174-6b097cb26b20] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-face0387-833c-47f3-a538-94f2e73430bf) * 0)); max-width: calc(100% - (var(--gap-h-face0387-833c-47f3-a538-94f2e73430bf) * 0)); justify-content: flex-start; }.sd[data-s-e1b3829f-fea3-4ed3-8780-77b472f8d627] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; padding: 20px 20px 40px 20px; width: calc(100% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0)); --gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627: 0px; --gap-v-e1b3829f-fea3-4ed3-8780-77b472f8d627: 15px; --gap-uuid: e1b3829f-fea3-4ed3-8780-77b472f8d627; max-width: calc(100% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-e1b3829f-fea3-4ed3-8780-77b472f8d627] { flex: none; width: calc(50% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0.5)); --gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627: 0px; --gap-v-e1b3829f-fea3-4ed3-8780-77b472f8d627: 15px; max-width: calc(50% - (var(--gap-h-a572e5d7-8b13-4236-b88d-aa04304e23f4) * 0.5)); } }.sd[data-s-b5e0b37f-7907-4ef5-ace9-dfea97bb2658] { align-items: center; flex-direction: column; height: 80px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 80px; max-width: 100%; } .sd[data-s-b5e0b37f-7907-4ef5-ace9-dfea97bb2658]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-4e9c1048-ed47-46e5-b072-399aa3583c32] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.35; text-align: left; width: calc(100% - (var(--gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627) * 0)); max-width: calc(100% - (var(--gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627) * 0)); justify-content: flex-start; }.sd[data-s-42b42738-d8ed-4901-a388-a1528a08d778] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627) * 0)); max-width: calc(100% - (var(--gap-h-e1b3829f-fea3-4ed3-8780-77b472f8d627) * 0)); justify-content: flex-start; }.sd[data-s-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 20px 20px 40px 20px; --gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc: 0px; --gap-v-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc: 15px; --gap-uuid: db5b4b4e-4ff8-4435-a8e1-b6666e9188fc; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc] { flex: none; height: auto; --gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc: 0px; --gap-v-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc: 15px; } }.sd[data-s-f5a15a09-c613-4bbb-9fd2-cfdd358a2043] { align-items: center; flex-direction: column; height: 80px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 80px; max-width: 100%; } .sd[data-s-f5a15a09-c613-4bbb-9fd2-cfdd358a2043]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-ad76dd3a-e177-4861-a1f6-a76e6d7dbdc6] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.35; text-align: left; width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); max-width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); justify-content: flex-start; }.sd[data-s-7414f9df-6b78-4054-8524-b4ed028441ef] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); max-width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); justify-content: flex-start; }.sd[data-s-778f9b4e-7fe0-40ac-9b2e-e6078adaf10c] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); --gap-h-778f9b4e-7fe0-40ac-9b2e-e6078adaf10c: 0px; --gap-v-778f9b4e-7fe0-40ac-9b2e-e6078adaf10c: 4px; --gap-uuid: 778f9b4e-7fe0-40ac-9b2e-e6078adaf10c; max-width: calc(100% - (var(--gap-h-db5b4b4e-4ff8-4435-a8e1-b6666e9188fc) * 0)); }.sd[data-s-1c0222ec-c67e-4ce7-973a-5264438bf2ed] { align-content: stretch; align-items: stretch; border-radius: 8px; flex-direction: row; flex-wrap: wrap; gap: 4px; height: auto; justify-content: flex-start; padding: 0px; width: calc(100% - (var(--gap-h-778f9b4e-7fe0-40ac-9b2e-e6078adaf10c) * 0)); --gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed: 4px; --gap-v-1c0222ec-c67e-4ce7-973a-5264438bf2ed: 4px; --gap-uuid: 1c0222ec-c67e-4ce7-973a-5264438bf2ed; max-width: calc(100% - (var(--gap-h-778f9b4e-7fe0-40ac-9b2e-e6078adaf10c) * 0)); }.sd[data-s-bfb71dde-d952-4ab5-801b-406714a0a3e0] { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 12px; width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); --gap-h-bfb71dde-d952-4ab5-801b-406714a0a3e0: 0px; --gap-v-bfb71dde-d952-4ab5-801b-406714a0a3e0: 4px; --gap-uuid: bfb71dde-d952-4ab5-801b-406714a0a3e0; max-width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); }.sd[data-s-370dffe0-00e4-49bc-a622-b9b78e57cd74] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: left; width: calc(100% - (var(--gap-h-bfb71dde-d952-4ab5-801b-406714a0a3e0) * 0)); max-width: calc(100% - (var(--gap-h-bfb71dde-d952-4ab5-801b-406714a0a3e0) * 0)); justify-content: flex-start; }.sd[data-s-91842f0e-70ab-47a5-acc9-878d0d99f34e] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.35; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-bfb71dde-d952-4ab5-801b-406714a0a3e0) * 0)); max-width: calc(100% - (var(--gap-h-bfb71dde-d952-4ab5-801b-406714a0a3e0) * 0)); justify-content: flex-start; }.sd[data-s-8eac8d5d-a1ce-44c5-93bb-d52edf763aad] { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 12px; width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); --gap-h-8eac8d5d-a1ce-44c5-93bb-d52edf763aad: 0px; --gap-v-8eac8d5d-a1ce-44c5-93bb-d52edf763aad: 4px; --gap-uuid: 8eac8d5d-a1ce-44c5-93bb-d52edf763aad; max-width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); }.sd[data-s-3bd73913-fef9-42ed-b6c1-a5c67a83ef4b] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: left; width: calc(100% - (var(--gap-h-8eac8d5d-a1ce-44c5-93bb-d52edf763aad) * 0)); max-width: calc(100% - (var(--gap-h-8eac8d5d-a1ce-44c5-93bb-d52edf763aad) * 0)); justify-content: flex-start; }.sd[data-s-09e7d079-db07-4bde-9357-eacc2ed89bc3] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.35; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-8eac8d5d-a1ce-44c5-93bb-d52edf763aad) * 0)); max-width: calc(100% - (var(--gap-h-8eac8d5d-a1ce-44c5-93bb-d52edf763aad) * 0)); justify-content: flex-start; }.sd[data-s-18651aa9-1f53-401b-8ba8-38dd8a1702e5] { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; overflow-x: hidden; overflow-y: hidden; padding: 12px; width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); --gap-h-18651aa9-1f53-401b-8ba8-38dd8a1702e5: 0px; --gap-v-18651aa9-1f53-401b-8ba8-38dd8a1702e5: 4px; --gap-uuid: 18651aa9-1f53-401b-8ba8-38dd8a1702e5; max-width: calc(33.333% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.66667)); }.sd[data-s-00bc7f73-f234-4f27-af37-a35e7c820179] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: left; width: calc(100% - (var(--gap-h-18651aa9-1f53-401b-8ba8-38dd8a1702e5) * 0)); max-width: calc(100% - (var(--gap-h-18651aa9-1f53-401b-8ba8-38dd8a1702e5) * 0)); justify-content: flex-start; }.sd[data-s-720ef5e8-834c-4c4a-bc80-16182746a6d3] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.35; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-18651aa9-1f53-401b-8ba8-38dd8a1702e5) * 0)); max-width: calc(100% - (var(--gap-h-18651aa9-1f53-401b-8ba8-38dd8a1702e5) * 0)); justify-content: flex-start; }.sd[data-s-f9918924-704a-46d6-a9b3-9ef23deb1683] { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; padding: 12px; width: calc(50% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.5)); --gap-h-f9918924-704a-46d6-a9b3-9ef23deb1683: 0px; --gap-v-f9918924-704a-46d6-a9b3-9ef23deb1683: 4px; --gap-uuid: f9918924-704a-46d6-a9b3-9ef23deb1683; max-width: calc(50% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.5)); }.sd[data-s-d4c75542-fe36-43e6-b4b5-b51a0504806a] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: left; width: calc(100% - (var(--gap-h-f9918924-704a-46d6-a9b3-9ef23deb1683) * 0)); max-width: calc(100% - (var(--gap-h-f9918924-704a-46d6-a9b3-9ef23deb1683) * 0)); justify-content: flex-start; }.sd[data-s-f5bda5be-e280-4e44-837b-a26ad8150a2a] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.35; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-f9918924-704a-46d6-a9b3-9ef23deb1683) * 0)); max-width: calc(100% - (var(--gap-h-f9918924-704a-46d6-a9b3-9ef23deb1683) * 0)); justify-content: flex-start; }.sd[data-s-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9] { align-content: flex-start; align-items: flex-start; background: #FFFFFF; border-radius: 4px; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: auto; justify-content: flex-start; padding: 12px; width: calc(50% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.5)); --gap-h-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9: 0px; --gap-v-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9: 4px; --gap-uuid: cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9; max-width: calc(50% - (var(--gap-h-1c0222ec-c67e-4ce7-973a-5264438bf2ed) * 0.5)); }.sd[data-s-002ebaf7-eead-4c97-989b-60aae7bb310e] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; text-align: left; width: calc(100% - (var(--gap-h-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9) * 0)); max-width: calc(100% - (var(--gap-h-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9) * 0)); justify-content: flex-start; }.sd[data-s-e604fdbb-caa6-441d-baf4-2b6a2578d3d4] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.35; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9) * 0)); max-width: calc(100% - (var(--gap-h-cee0fa39-2fbb-48a0-927f-bbcc59eaf8f9) * 0)); justify-content: flex-start; }.sd[data-s-5bea27c9-c578-4a56-9e9c-4518bdcb35c3] { align-content: flex-start; align-items: flex-start; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: auto; justify-content: center; overflow-x: hidden; overflow-y: hidden; padding: 0px; --gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3: 0px; --gap-v-5bea27c9-c578-4a56-9e9c-4518bdcb35c3: 10px; --gap-uuid: 5bea27c9-c578-4a56-9e9c-4518bdcb35c3; max-width: 100%; } @media screen and (max-width: 990px){ .sd[data-s-5bea27c9-c578-4a56-9e9c-4518bdcb35c3] { align-content: stretch; align-items: stretch; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; --gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3: 10px; --gap-v-5bea27c9-c578-4a56-9e9c-4518bdcb35c3: 0px; } }.sd[data-s-e8ee85d9-b839-48a3-ad14-19381c1177a7] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; padding: 20px 20px 40px 20px; width: calc(100% - (var(--gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3) * 0)); --gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7: 0px; --gap-v-e8ee85d9-b839-48a3-ad14-19381c1177a7: 15px; --gap-uuid: e8ee85d9-b839-48a3-ad14-19381c1177a7; max-width: calc(100% - (var(--gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-e8ee85d9-b839-48a3-ad14-19381c1177a7] { flex: 1; width: auto; --gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7: 0px; --gap-v-e8ee85d9-b839-48a3-ad14-19381c1177a7: 15px; max-width: 100%; } }.sd[data-s-253b239e-0e47-4a05-8ceb-97f89063a2c4] { align-items: center; flex-direction: column; height: 80px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 80px; max-width: 100%; } .sd[data-s-253b239e-0e47-4a05-8ceb-97f89063a2c4]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-f6dddc1c-b7f9-4ef5-bb26-fcf8df08dfce] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.35; text-align: left; width: calc(100% - (var(--gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7) * 0)); max-width: calc(100% - (var(--gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7) * 0)); justify-content: flex-start; }.sd[data-s-94909244-6d6f-4128-915d-9e715fedfa14] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7) * 0)); max-width: calc(100% - (var(--gap-h-e8ee85d9-b839-48a3-ad14-19381c1177a7) * 0)); justify-content: flex-start; }.sd[data-s-fbab366a-f834-4212-b1b6-0207c08da3d2] { align-content: flex-start; align-items: flex-start; background: #F0F6F7; border-radius: 8px; flex: 1; flex-direction: column; flex-wrap: nowrap; gap: 15px; height: auto; justify-content: flex-start; padding: 20px 20px 40px 20px; width: calc(100% - (var(--gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3) * 0)); --gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2: 0px; --gap-v-fbab366a-f834-4212-b1b6-0207c08da3d2: 15px; --gap-uuid: fbab366a-f834-4212-b1b6-0207c08da3d2; max-width: calc(100% - (var(--gap-h-5bea27c9-c578-4a56-9e9c-4518bdcb35c3) * 0)); } @media screen and (max-width: 990px){ .sd[data-s-fbab366a-f834-4212-b1b6-0207c08da3d2] { flex: 1; width: auto; --gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2: 0px; --gap-v-fbab366a-f834-4212-b1b6-0207c08da3d2: 15px; max-width: 100%; } }.sd[data-s-268b9fbf-acf7-451b-a9ac-45bc97227c04] { align-items: center; flex-direction: column; height: 80px; justify-content: center; overflow-x: hidden; overflow-y: hidden; width: 80px; max-width: 100%; } .sd[data-s-268b9fbf-acf7-451b-a9ac-45bc97227c04]:before { background-position: center; background-repeat: no-repeat; background-size: cover; }.sd[data-s-4abe7766-4053-4956-8963-c36aae4e6bda] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.35; text-align: left; width: calc(100% - (var(--gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2) * 0)); max-width: calc(100% - (var(--gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2) * 0)); justify-content: flex-start; }.sd[data-s-3f62a066-bf35-4e40-8b40-bd4452f68740] { color: #223136; font-family: var(--s-font-0786d75a); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; opacity: 0.699999988079071; text-align: left; width: calc(100% - (var(--gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2) * 0)); max-width: calc(100% - (var(--gap-h-fbab366a-f834-4212-b1b6-0207c08da3d2) * 0)); justify-content: flex-start; }.sd[data-s-3a29c7d4-798f-48ca-96e1-051e74feeb6e] { bottom: auto; color: #ffffffff; font-size: 24px; left: auto; position: fixed; right: 20px; top: 30px; z-index: 2; } @media screen and (max-width: 990px){ .sd[data-s-3a29c7d4-798f-48ca-96e1-051e74feeb6e] { bottom: auto; color: #ffffffff; left: auto; position: fixed; right: 10px; top: 20px; z-index: 2; } } .sd[data-r-0_0_0_0_46025b4d-b457-4b96-b8a2-377083a4d95d]:before { background-image: url("/assets/s-320x320_0710636c-e5d6-4b93-836c-dde6428f2e7e.webp") } .sd[data-r-0_1_0_0_b5e0b37f-7907-4ef5-ace9-dfea97bb2658]:before { background-image: url("/assets/s-320x320_2315f164-176e-4167-8a96-badadbeb3955.webp") } .sd[data-r-0_1_0_f5a15a09-c613-4bbb-9fd2-cfdd358a2043]:before { background-image: url("/assets/s-320x320_b8da2c09-9698-4444-8989-04920f3faea3.webp") } .sd[data-r-0_0_2_0_253b239e-0e47-4a05-8ceb-97f89063a2c4]:before { background-image: url("/assets/s-320x320_562a8363-8bd6-4bee-9d59-cbca796e0300.webp") } .sd[data-r-0_1_2_0_268b9fbf-acf7-451b-a9ac-45bc97227c04]:before { background-image: url("/assets/s-320x320_08b6dae7-4bb5-4b12-825a-c7a00fe2d460.webp") } /* モーダルラッパー (sim-modal と同じ配置) */ #safe-modal-01 .design-canvas__modal, #safe-modal-02 .design-canvas__modal, #safe-modal-03 .design-canvas__modal { top: 0; left: 0; z-index: 10000; } #safe-modal-01 .studio-canvas, #safe-modal-02 .studio-canvas, #safe-modal-03 .studio-canvas { overflow-y: auto; } /* ========================================================= Anker Solix XJ series — reproduction of /series-xj ========================================================= */ :root{ --clr-theme:#009ab9; --clr-theme-light:#12b8d9; --clr-green:#3ecf8e; --clr-ink:#1a1a1a; --clr-dark:#0e2a33; --clr-dark2:#12333d; --clr-muted:#6b7280; --clr-line:#e5e7eb; --clr-bg-soft:#eef4f6; --grad-cta:linear-gradient(90deg,#12b8d9 0%,#3ecf8e 100%); --grad-band:linear-gradient(90deg,#00a6c6 0%,#12b8d9 55%,#2fd0a0 100%); --wrap:1120px; } .page-series-xj *,.page-series-xj *::before,.page-series-xj *::after{box-sizing:border-box} .page-series-xj{margin:0;font-family:"Noto Sans JP",sans-serif;color:var(--clr-ink);line-height:1.8;-webkit-font-smoothing:antialiased;background:#fff;font-feature-settings:normal} :where(.page-series-xj) img{max-width:100%;display:block;border:0;height:auto} :where(.page-series-xj) a{color:inherit;text-decoration:none} .wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto} .material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;vertical-align:middle;font-variation-settings:'FILL' 1} /* 秋の防災強化キャンペーン */ .cp{display:flex;flex-direction:column;gap:10px;width:1126px;max-width:100%;margin:0 auto;padding:40px 0;font-feature-settings:"palt"} .cp__link{display:block;transition:scale .3s ease-in-out} .cp__link:hover{scale:1.02} .cp__link img{display:block;width:100%;height:auto;border-radius:8px} .cp__note{margin:0;color:#222;font-size:10px;font-weight:500;line-height:1.35;opacity:.5} @media(max-width:990px){ .cp{width:600px;padding:40px 20px} } .hero{position:relative;height:100vh;overflow:hidden;background:#fff} .hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .hero__inbox{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 80px;padding:140px 0 40px} .hero__copy{width:100%;color:#fff;font-size:64px;font-weight:700;line-height:1.2;letter-spacing:.05em;margin:0;text-align:left;text-shadow:1px 1px 5px rgba(0,0,0,.15)} .hero__copy p{margin:0} .hero__card{display:flex;gap:20px;align-items:center;justify-content:center;width:720px;max-width:100%;padding:30px;border-radius:6px;background:rgba(0,0,0,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .hero__card-img{width:272px;border-radius:12px;overflow:hidden;flex-shrink:0} .hero__card-img img{width:100%;height:auto} .hero__card-body{flex:1;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center} .hero__card-top{position:relative;display:flex;flex-direction:column;gap:30px;align-items:center} .hero__card-mimg{display:none;width:110px;border-radius:12px;overflow:hidden;flex-shrink:0} .hero__card-mimg img{width:100%;height:auto;border-radius:8px} .hero__card-titles{display:flex;flex-direction:column;gap:10px} .hero__card-series{margin:0;color:#CCCCCC;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.25} .hero__card-h{margin:0;color:#fff;font-size:28px;font-weight:700;letter-spacing:.04em;line-height:1.25} .hero__card-cta{width:100%;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center} .hero__card-cta .pillwrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;width:100%} .hero__card-cta .pill{background:#fff;color:#1A1A1A;font-size:12px;font-weight:500;letter-spacing:.05em;line-height:1;padding:4px 20px;border-radius:40px} .hero__card-cta .pill-arw{width:8px;margin:-1px 0 0;transform:rotate(180deg)} .hero__card-cta .simbtn{width:100%;margin:-14px 0 0;display:flex;align-items:center;justify-content:center;gap:10px;padding:28px;border:1px solid rgba(255,255,255,.5);border-radius:4px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1;background:linear-gradient(138.37deg,rgba(208,232,248,.8) 0%,rgba(0,159,250,.8) 85%,rgba(8,115,176,.8) 100%)} .hero__card-cta .simbtn img{width:12px} .hero__card-cta .simbtn:hover{background:linear-gradient(138.37deg,rgb(208,232,248) 0%,rgb(0,159,250) 85%,rgb(8,115,176) 100%)} @media(max-width:990px){ .hero__bg{content:url("/assets/s-1800x2735_4dcd9ea9-26c9-4ff1-a4bb-0f27a88c9dae.webp");object-position:left center} .hero__inbox{inset:auto 0 10px 0;height:90vh;width:95%;margin:0 auto;gap:20px;padding:40px 0 0;align-items:center} .hero__copy{font-size:7.5vw;text-shadow:1px 1px 5px rgba(0,0,0,.2)} .hero__card{padding:15px} .hero__card-img{display:none} .hero__card-body{gap:10px;width:100%} .hero__card-top{flex-direction:row;gap:15px;width:100%} .hero__card-mimg{display:block} .hero__card-titles{flex:1;gap:5px;width:auto} .hero__card-series{text-align:center} .hero__card-h{font-size:18px} .hero__card-cta .simbtn{padding:16px 20px} } @media(max-width:540px){ .hero__inbox{inset:calc(var(--hdr-h) + 24px) 0 36px 0;height:auto;gap:16px;padding:0} /* 90vh だと背の低い端末でコピーがヘッダーに潜る */ .hero__card{gap:8px;padding:14px} .hero__card-body{gap:14px} .hero__card-top{gap:14px} .hero__card-mimg{display:none} .hero__card-titles{gap:4px} .hero__card-series{font-size:13px} .hero__card-cta .simbtn{font-size:13px} } /* ---------- Section base ---------- */ .sec{padding:clamp(48px,7vw,84px) 0} .sec--dark{background:var(--clr-dark);color:#fff} .sec--soft{background:var(--clr-bg-soft)} .h2{text-align:center;font-size:clamp(22px,3.6vw,32px);font-weight:900;line-height:1.4;margin:0 0 8px} .h2 .em{color:var(--clr-theme-light)} .lead{text-align:center;color:var(--clr-muted);margin:0 0 40px} .sec--dark .lead{color:rgba(255,255,255,.7)} /* ---------- Fuan (不安) — STUDIO実DOM完全準拠 ---------- */ .fuan{background:#212121;color:#fff;overflow:hidden} .fuan__in{width:1560px;max-width:100%;margin-inline:auto;display:flex;align-items:center;gap:0;padding:55px 40px 55px 80px;background-image:url("/assets/s-495x550_1ca9cf9c-373e-4832-8140-c37f9014a0b1.svg");background-repeat:no-repeat;background-position:right bottom;background-size:contain} .fuan__left{width:33%;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:40px 0;flex-shrink:0} .fuan__icon{width:73px;height:auto} .fuan__ttl{font-size:40px;font-weight:700;line-height:1.35;margin:0;font-feature-settings:'palt' 1} .fuan__ttl .thin{font-weight:250} .fuan__desc{font-size:18px;font-weight:700;line-height:1.75;opacity:.7;margin:0;font-feature-settings:'palt' 1} .fuan__bubbles{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;row-gap:10px;padding:12px 4px 7px 0} .bubble{background:#212121;border:1px solid #8BE7FF;border-radius:8px;box-shadow:2px 2px 13px rgba(0,0,0,.47);color:#fff;font-size:20px;font-weight:700;line-height:1.5;padding:20px 24px} .bubble:nth-child(1){transform:rotate(-4deg);margin:0 0 0 -2px} .bubble:nth-child(2){transform:rotate(4deg);margin:-11px 0 0 174px} .bubble:nth-child(3){margin:-29px 0 0 -196px} .bubble:nth-child(4){transform:rotate(12deg);margin:-42px 0 0 195px} .bubble:nth-child(5){transform:rotate(-11deg);margin:-55px 0 0 -173px} .bubble:nth-child(6){transform:rotate(3deg);margin:-9px 0 0 65px} @media(max-width:990px){ .fuan__in{flex-direction:column;padding:55px 30px;background-size:contain} .fuan__left{width:100%;padding:0 0 40px} .fuan__icon{width:63px} .fuan__ttl{font-size:28px} .fuan__desc{font-size:16px} .fuan__bubbles{width:100%;row-gap:19px;padding:0} .bubble{font-size:15px;padding:13px 19px} .bubble:nth-child(2){margin:-11px 0 0 60px} .bubble:nth-child(3){margin:-29px 0 0 -138px} .bubble:nth-child(4){margin:-42px 0 0 117px} .bubble:nth-child(6){margin:-25px 0 0 65px} } .anshin{background:#F0F6F7;padding:60px 40px;overflow:hidden} .anshin__in{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:1560px;max-width:100%;margin-inline:auto} .anshin__ttl{margin:0;color:#212121;font-size:40px;font-weight:700;text-align:left;width:100%;font-feature-settings:'palt' 1} .anshin__grid{display:flex;align-items:stretch;gap:20px;width:100%} .anshin__no1{flex:1;height:auto;border-radius:8px;min-width:0} .anshin__col{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0} .anshin__row{flex:1;display:flex;align-items:center;gap:20px;width:100%} .anshin__card{position:relative;flex:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#fff;border-radius:8px;overflow:hidden;padding:40px 20px 30px} .anshin__card--4{padding:40px 20px 0} .anshin__card::before{content:"";position:absolute;bottom:-120px;left:-110px;width:240px;height:240px;border-radius:50%;filter:blur(200px);background:linear-gradient(138.37deg,rgb(208,232,248) 0%,rgb(0,159,250) 85%,rgb(36,136,193) 100%)} .anshin__card .txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%} .anshin__card .sub{margin:0;color:#364649;font-size:16px;font-weight:700;letter-spacing:.1em;line-height:1.35;opacity:.5;font-feature-settings:'palt' 1} .anshin__card .h{margin:0;color:#222;font-size:36px;font-weight:700;line-height:1.35;font-feature-settings:'palt' 1} .anshin__card--4 .h{line-height:1.15} .anshin__card .im{position:relative;z-index:1;overflow:hidden} .anshin__card .im img{width:100%;height:auto} .anshin__card .im--1{width:111px} .anshin__card .im--2{width:100px} .anshin__card .im--3{width:86px} .anshin__card .im--4{width:96px} .anshin__note{margin:0;color:#222;font-size:10px;font-weight:500;line-height:1.35;opacity:.5;text-align:left;width:542px;max-width:100%;font-feature-settings:'palt' 1} @media(max-width:990px){ .anshin{padding:40px 20px} .anshin__ttl{font-size:28px} .anshin__grid{flex-direction:column} .anshin__col{gap:10px} .anshin__row{flex:none;height:240px;gap:10px} .anshin__card .sub{font-size:13px;letter-spacing:normal} .anshin__card .h{font-size:18px} .anshin__card .im--1{width:90px} .anshin__card .im--2{width:80px} .anshin__card .im--3{width:65px} .anshin__card .im--4{width:69px} } .ctabtn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--grad-cta);color:#fff;font-weight:900;font-size:17px;padding:18px 40px;border-radius:999px;max-width:440px;margin:0 auto;box-shadow:0 8px 24px rgba(18,184,217,.3)} .ctabtn:hover{opacity:.92} .consult-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);border-radius:4px;box-shadow:0 11px 25px rgba(10,96,94,.23);padding:40px 0;width:740px;max-width:100%} .consult-btn p{margin:0;color:#fff;font-size:24px;font-weight:700;letter-spacing:.05em;line-height:1} .consult-btn .arw{width:12px;transform:rotate(-90deg)} .consult-btn .prod{position:absolute;bottom:-20px;right:-20px;width:136px} .soudan{background:#F0F6F7;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 40px 80px;width:100%} .soudan__grp{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:100%} .soudan__lead{color:#222;font-size:30px;font-weight:700;line-height:1.35;text-align:center;width:100%;font-feature-settings:'palt' 1} .soudan__lead p{margin:0} .soudan__lead strong{color:#919191;font-weight:700} .soudan__merits{display:flex;flex-direction:column;align-items:center;width:1560px;max-width:100%} .soudan__tri{width:23px} .soudan__row{display:flex;align-items:flex-start;background:#fff;border-radius:8px;padding:30px 0;width:100%} .soudan__cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border-right:1px solid rgba(0,0,0,.1);padding:50px 30px;overflow:hidden} .soudan__cell:last-child{border-right:0} .soudan__cell>img{height:28px} .soudan__cell p{margin:0;color:#222;font-size:22px;font-weight:700;line-height:1.25;text-align:center;font-feature-settings:'palt' 1} @media(max-width:990px){ .soudan{padding:40px 20px 80px} .soudan__lead{font-size:24px} .consult-btn{padding:30px 0} .consult-btn p{font-size:18px} .consult-btn .prod{width:86px;right:-10px} .soudan__row{align-items:stretch} .soudan__cell{padding:15px} .soudan__cell p{font-size:15px} } .denki{background:#fff;padding:0 20px 20px} .denki__in{display:flex;flex-direction:column;align-items:center;gap:30px;padding:72px 0 0;width:100%} .denki__lead{color:#212121;font-size:40px;font-weight:700;line-height:1.35;text-align:center} .denki__lead p{margin:0;font-feature-settings:'palt' 1} .denki__lead strong{color:#D89122;font-weight:700} .denki__boy{width:240px;margin:0 0 -30px} .denki__box{background:#172E33;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:60px;padding:70px 80px;width:100%} .denki__boxin{display:flex;flex-direction:column;align-items:center;gap:60px;width:1560px;max-width:100%} .denki__graphblk{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%} .denki__cap{margin:0;color:#fff;font-size:31px;font-weight:700;line-height:1.5;text-align:center} .denki__graph{height:388px;width:auto;max-width:100%} .denki__ref{margin:0;color:rgba(255,255,255,.5);font-size:10px;font-weight:400;line-height:1.25;text-align:center} .denki__ref a{color:#ffffffb3;text-decoration:underline} .denki__reasons{display:flex;align-items:flex-start;gap:30px;width:100%} .denki__rttl{margin:0;color:#fff;font-size:36px;font-weight:700;line-height:1.2;text-align:left} .denki__accs{flex:1;display:flex;flex-direction:column;min-width:0} .dacc{border-top:1px solid rgba(255,255,255,.2);padding:30px;width:100%} .dacc:hover{border:1px solid #00A9E0} .dacc summary{display:flex;align-items:center;justify-content:space-between;gap:10px;height:24px;cursor:pointer;list-style:none} .dacc summary::-webkit-details-marker{display:none} .dacc summary .ic{width:40px} .dacc summary .t{flex:1;color:#fff;font-size:26px;font-weight:700;line-height:1.25;text-align:left;font-feature-settings:'palt' 1;overflow:hidden} .dacc summary .arw{color:#13262a;font-size:24px;transform:rotate(180deg)} .dacc[open] summary .arw{transform:none} .dacc__body{margin-top:20px;color:#fff;font-size:16px;font-weight:500;line-height:1.55;text-align:left;font-feature-settings:'palt' 1;width:100%} .denki__katei{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%} .denki__kttl{color:#fff;font-size:36px;font-weight:700;line-height:1.35;text-align:left} .denki__kttl p{margin:0} .denki__kttl strong{color:#8AE6FD;font-weight:700} .denki__kcards{display:flex;align-items:stretch;gap:10px;width:100%} .kcard{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:15px;border-radius:8px;padding:60px 20px 80px;background:linear-gradient(180deg,#fff 0%,#E4F8FD 100%);overflow:hidden} .kcard .ic{width:40px;height:40px} .kcard .h{margin:0;color:#223136;font-size:26px;font-weight:700;line-height:1.25;text-align:left} .kcard .d{margin:0;color:#223136;font-size:18px;font-weight:500;line-height:1.5;opacity:.7;text-align:left} .denki__deco{height:25px;width:28px;margin:-31px 0 0} @media(max-width:990px){ .denki{padding:0} .denki__in{gap:20px;padding:40px 10px 0} .denki__lead{font-size:24px} .denki__boy{width:auto;height:90px} .denki__box{border-radius:24px;padding:40px 10px 20px} .denki__boxin{gap:40px} .denki__graphblk{gap:8px} .denki__cap{font-size:22px} .denki__graph{height:auto} .denki__reasons{flex-direction:column} .denki__rttl{font-size:24px;text-align:center;width:100%} .dacc{padding:16px} .dacc summary .ic{width:28px} .dacc summary .t{font-size:18px} .dacc__body{font-size:13px} .denki__kttl{font-size:24px} .denki__kcards{flex-wrap:wrap} .kcard{flex:none;width:calc(50% - 5px);padding:40px 10px 60px} .kcard .h{font-size:20px;font-feature-settings:'palt' 1} .kcard .d{font-size:15px} } @media(max-width:540px){ .denki{padding:0 0 28px} .denki__in{gap:14px;padding:24px 16px 72px} } .osusume{display:flex;flex-direction:column;align-items:center;gap:40px;padding:20px 180px 40px;background:#fff} .osusume__head{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%} .osusume__kicker{display:flex;justify-content:center;border-bottom:1px solid #222;padding:0 0 12px} .osusume__kicker p{margin:0;color:#222;font-size:18px;font-weight:700;letter-spacing:.24em;line-height:1.35;text-align:center} .osusume__ttl{margin:0;font-size:36px;font-weight:700;line-height:1.35;text-align:center;width:100%;color:transparent;background:linear-gradient(90deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text} .osusume__ttl strong{color:#222;font-weight:700} .osusume__set{display:flex;align-items:stretch;justify-content:center;margin:0 -10px;width:1560px;max-width:calc(100% + 20px)} .osusume__panelL{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#F0F6F7;border-radius:8px;padding:80px 40px;overflow:hidden} .osusume__panelL img{width:320px;max-width:100%} .osusume__amp{display:flex;align-items:center;justify-content:center;gap:16px;width:62px;z-index:3} .osusume__amp .c{display:flex;align-items:center;justify-content:center;width:72px;max-width:100%;height:72px;background:#fff;border-radius:999px} .osusume__amp .c p{margin:0;color:#222;font-size:26px;font-weight:700;line-height:1.35;text-align:center} .osusume__panelR{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:#F0F6F7;border-radius:8px;padding:80px 40px} .osusume__panelR>img{width:320px;max-width:100%} .osusume__badge{position:absolute;top:-20px;right:-40px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12);padding:21px 40px} .osusume__badge p{margin:0;color:#222;font-size:20px;font-weight:700;line-height:1.35;text-align:center} .osusume__badge img{position:absolute;bottom:-19px;left:62px;width:22px} @media(max-width:990px){ .osusume{padding:20px 20px 40px} .osusume__kicker p{font-size:16px} .osusume__ttl{font-size:28px} .osusume__set{margin:0;max-width:100%} .osusume__panelL,.osusume__panelR{flex:none;width:48%} .osusume__amp{margin:0 -16px;width:auto} .osusume__amp .c{width:40px;height:40px} .osusume__amp .c p{font-size:16px} .osusume__badge{right:-15px;top:-20px;padding:10px 20px} .osusume__badge p{font-size:17px} } .chokin{background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;width:100%} .chokin__box{display:flex;align-items:center;justify-content:center;gap:40px;background:#f0f6f7;border-radius:24px;padding:80px 40px;width:100%} .chokin__row{display:flex;align-items:center;justify-content:center;gap:40px;width:100%;max-width:1240px;padding:0 40px} .chokin__left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:50px;flex:none} .chokin__ttl{margin:0;color:#1A1A1A;font-size:40px;font-weight:700;line-height:1.2;text-align:left;width:100%;font-feature-settings:'palt' 1} .chokin__steps{display:flex;flex-direction:column;align-items:flex-start} .chokin__step{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 -3px} .chokin__step--3{margin:-2px 0 0;width:100%} .chokin__no{display:flex;align-items:center;justify-content:center;flex:none;width:54px;height:54px;background:#fff;border:2px solid #D99832;border-radius:99px;padding:12px 0} .chokin__no--blue{border-color:#00A9E0} .chokin__no p{margin:0;color:#222;font-family:Lato,sans-serif;font-size:18px;font-weight:800;letter-spacing:.05em;line-height:1.2;text-align:center} .chokin__stx{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px} .chokin__stx .t{margin:0;color:#222;font-size:22px;font-weight:700;line-height:1.35;text-align:left;font-feature-settings:'palt' 1} .chokin__stx .d{margin:0;color:#666;font-size:16px;font-weight:500;line-height:1.35;text-align:left;font-feature-settings:'palt' 1} .chokin__conn{display:flex;align-items:center;justify-content:center;width:56px;height:40px} .chokin__conn span{width:2px;height:100%} .chokin__conn--1 span{background:linear-gradient(180deg,#D99832 0%,#17BBEF 100%)} .chokin__conn--2 span{background:linear-gradient(180deg,#00A9E0 0%,#D99832 100%)} .chokin__fig{flex:1;width:auto;max-width:760px;min-width:0} @media(max-width:990px){ .chokin{padding:10px} .chokin__box{flex-direction:column;gap:60px;border-radius:12px;padding:40px 20px 20px} .chokin__row{flex-direction:column;gap:30px;padding:0} .chokin__left{width:100%} .chokin__ttl{font-size:32px} .chokin__stx{flex:1} .chokin__stx .d{font-size:13px} .chokin__fig{max-width:100%} } @media(max-width:540px){ .chokin{gap:4px} .chokin__box{gap:28px} } .kihon{background:#F0F6F7;display:flex;flex-direction:column;align-items:center;width:100%} .kihon__head{display:flex;flex-direction:column;align-items:center;margin:0 0 -40px;padding:50px 0 0;width:100%;z-index:1;position:relative} .kihon__sun{width:64px;border:4px solid #fff;border-radius:120px;margin:0 0 -32px;z-index:8;position:relative} .kihon__card{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:8px;padding:60px 120px 50px;z-index:6;position:relative} .kihon__t1{margin:0;color:#1A1A1A;font-size:24px;font-weight:700;line-height:1.5;text-align:center;font-feature-settings:'palt' 1} .kihon__t2{margin:0;color:#1A1A1A;font-size:44px;font-weight:700;line-height:1.5;text-align:center;font-feature-settings:'palt' 1} .kihon__t2 strong{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700} .kihon__tri{width:17px;transform:rotate(-180deg);position:relative} .kihon__body{display:flex;flex-direction:column;align-items:center;gap:60px;padding:0 40px 40px;width:100%} .kihon__dark{display:flex;flex-direction:column;align-items:center;gap:20px;background:#374d51;width:100%} .kihon__darkin{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1560px;max-width:100%;border-radius:8px} .kihon__bar{display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);padding:60px 0 30px;width:100%} .kihon__tag{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;padding:10px 20px} .kihon__tag p{margin:0;color:#374C51;font-size:18px;font-weight:700;letter-spacing:.05em;line-height:1} .kihon__dots{display:flex;flex-direction:column;align-items:center;padding:18px 8px 21px;width:80px;overflow:hidden} .kihon__dots img{width:100%} .kihon__q{margin:0;color:#fff;font-size:30px;font-weight:700;line-height:1.2} .kihon__dn{display:flex;align-items:center;justify-content:center;padding:80px 120px 20px;width:100%} .kihon__dhalf{display:flex;flex-direction:column;align-items:center;width:50%} .kihon__panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:6px;padding:80px 40px;width:100%} .kihon__panel--day{background:linear-gradient(180deg,#DEA549 0%,#D89242 100%)} .kihon__panel--night{background:linear-gradient(180deg,#4B87CA 0%,#3B5B7F 100%);justify-content:flex-start;width:50%} .kihon__circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:120px;height:120px;border:3px solid #fff;border-radius:90px;margin:-140px 0 0;position:relative} .kihon__panel--day .kihon__circle{background:linear-gradient(180deg,#DEA549 0%,#D89242 100%)} .kihon__panel--night .kihon__circle{background:linear-gradient(180deg,#4B87CA 0%,#3B5B7F 100%)} .kihon__circle img{width:24px} .kihon__circle p{margin:0;color:#fff;font-size:32px;font-weight:700;line-height:1.2} .kihon__panel .pimg{height:120px;width:auto} .kihon__panel .h{margin:0;color:#fff;font-size:36px;font-weight:700;letter-spacing:.05em;line-height:1.35;text-align:center;font-feature-settings:'palt' 1} .kihon__arrow{width:18px;margin:0 3px 0 -1px;transform:rotate(-90deg);position:relative} .kihon__arrow2{position:absolute;bottom:-16px;right:266px;width:18px} .kihon__arrow2--sp{display:none;width:18px} .kihon__otoku-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;width:100%} .kihon__otoku{position:relative;display:flex;align-items:center;justify-content:center;gap:40px;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);border-radius:6px;padding:80px;width:100%;overflow:hidden} .kihon__graph{flex:none;width:40%;height:auto} .kihon__boy2{position:absolute;bottom:-10px;right:384px;width:200px;z-index:1} .kihon__num{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;width:60%} .kihon__numrow{display:flex;align-items:flex-end;justify-content:flex-start;gap:11px;width:100%} .kihon__numl{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:4px;flex:none} .kihon__20y{display:flex;align-items:center;border:1px solid #fff;border-radius:8px;padding:9px 10px;width:100%} .kihon__20y p{margin:0;color:#fff;font-size:min(19px,1.32vw);font-weight:700;line-height:1.2;white-space:nowrap} .kihon__max{margin:0;color:#fff;font-size:min(36px,2.5vw);font-weight:700;letter-spacing:.09em;line-height:1.2;text-align:center;width:100%;font-feature-settings:'palt' 1} .kihon__444{margin:0;color:#fff;font-family:Montserrat,sans-serif;font-size:min(120px,8.33vw);font-weight:700;letter-spacing:.05em;line-height:1} .kihon__man{margin:0;color:#fff;font-size:min(42px,2.92vw);font-weight:700;letter-spacing:.05em;line-height:1.2;font-feature-settings:'palt' 1;white-space:nowrap} .kihon__note2{margin:0;color:#fff;font-size:10px;font-weight:500;line-height:1.75;opacity:.7;text-align:left;font-feature-settings:'palt' 1} @media(max-width:990px){ .kihon__head{padding:30px 0 0} .kihon__card{padding:40px 40px 30px} .kihon__t1{font-size:15px} .kihon__t2{font-size:20px} .kihon__body{padding:0 0 40px} .kihon__bar{flex-direction:column;gap:0} .kihon__tag p{font-size:14px} .kihon__q{font-size:18px} .kihon__dn{flex-direction:column;padding:42px 40px 0} .kihon__dhalf{width:100%} .kihon__panel--day{padding:80px 20px 50px} .kihon__panel--night{padding:80px 40px 50px;width:100%} .kihon__circle{width:80px;height:80px;margin:-90px 0 0} .kihon__circle p{font-size:20px} .kihon__panel--day .pimg{height:81px} .kihon__panel--night .pimg{height:90px} .kihon__panel .h{font-size:24px} .kihon__arrow{margin:0 0 20px;transform:none} .kihon__arrow2{display:none} .kihon__arrow2--sp{display:flex;position:relative} .kihon__otoku{flex-direction:column;align-items:center;gap:24px;padding:30px 30px 120px} .kihon__graph{width:560px;max-width:100%} .kihon__boy2{bottom:-4px;right:40px;width:160px} .kihon__num{width:auto} .kihon__numrow{gap:4px} .kihon__20y p{font-size:10px} .kihon__max{font-size:15px} .kihon__444{font-size:60px;line-height:.7} .kihon__man{flex:1;font-size:15px;width:auto} } /* ---------- Sim banner ---------- */ .sim{display:flex;flex-direction:column;align-items:center;margin:60px auto 0;width:1111px;max-width:100%} .sim__pillwrap{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:51px;z-index:2} .sim__pill{display:flex;align-items:center;justify-content:center;gap:10px;background:#172E33;border-radius:40px;padding:12px 20px;width:100%} .sim__pill p{margin:10px 0;color:#fff;font-size:18px;font-weight:700;letter-spacing:.05em;line-height:1} .sim__pill strong{color:#00A9E0;font-weight:700} .sim__pilltri{box-sizing:content-box;width:372px;padding:0 24px} .sim__box{display:flex;align-items:center;justify-content:center;gap:40px;background:#f0f6f7;border:1px solid #E6E6E6;border-radius:20px;padding:30px 100px;width:100%} .sim__prod{flex:none;width:120px} .sim__txt{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px;width:451px;max-width:100%} .sim__h{margin:0;color:#1A1A1A;font-size:28px;font-weight:700;line-height:1.2;text-align:left;width:100%;font-feature-settings:'palt' 1} .sim__d{margin:0;color:#666;font-size:16px;font-weight:500;line-height:1.45;text-align:left;width:100%;font-feature-settings:'palt' 1} .sim__btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(138.37deg,rgb(208,232,248) 0%,rgb(0,159,250) 85%,rgb(36,136,193) 100%);border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:28px} .sim__btn p{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1;font-feature-settings:'palt' 1} @media(max-width:990px){ .sim{margin:60px 20px 0;width:auto;max-width:calc(100% - 40px)} .sim__pillwrap{align-items:center;height:auto;margin:0 0 -28px;max-width:100%} .sim__pilltri{box-sizing:border-box;max-width:100%} .sim__pill{padding:12px 15px;width:auto} .sim__pill p{font-size:13px;text-align:center;font-feature-settings:'palt' 1} .sim__box{flex-wrap:wrap;gap:16px 0;padding:40px 16px 32px} .sim__prod{width:100px} .sim__txt{flex:none;width:100%} .sim__h{font-size:20px;text-align:center} .sim__d{font-size:13px;text-align:center} .sim__btn{flex:none;padding:16px;width:100%} .sim__btn p{font-size:14px} } @media(max-width:540px){ .sim__pill{gap:4px} .sim__box{padding:14px 48px} .sim__txt{gap:4px} .sim__h{font-size:16px} .sim__btn{gap:4px;padding:12px} .sim__btn p{font-size:13px} } /* ---------- 5つの安心 詳細 ---------- */ .anzen{display:flex;flex-direction:column;align-items:flex-start;gap:40px;background:#fff;padding:80px 40px;width:1560px;max-width:100%;margin-inline:auto;overflow:hidden} .anzen__ttl{margin:0;color:#222;font-size:54px;font-weight:700;line-height:1.2;height:130px} .anzen__ttl p{margin:0;font-feature-settings:'palt' 1} .anzen__ttl strong{color:#17BBEF;font-weight:700} .anzen__hero{display:block;border-radius:12px;width:100%} .anzen__hero--sp{display:none;border-radius:12px;width:100%} .anzen__grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:40px;width:100%} .anzen__card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;flex:none;width:calc(50% - 20px)} .anzen__card--1{background:#F0F6F7} .anzen__card--dark{background:#252426;flex:1;width:auto} .anzen__card--4{flex:1;width:auto} .anzen__card .top{width:100%;background:#fff;display:block} .anzen__body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:30px 40px 60px;width:100%} .anzen__body--soft{background:#F0F6F7} .anzen__h{margin:0;color:#223136;font-size:28px;font-weight:700;line-height:1.35;width:100%;font-feature-settings:'palt' 1} .anzen__d{margin:0;color:#223136;font-size:16px;font-weight:700;line-height:1.75;opacity:.7;width:100%;font-feature-settings:'palt' 1} .anzen__card--dark .anzen__h,.anzen__card--dark .anzen__d{color:#fff} .anzen__more{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(34,34,34,.1);border-radius:4px;padding:16px 20px} .anzen__more p{margin:0;color:#223136;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1} .anzen__more img{width:8px;transform:rotate(-90deg)} .anzen__card--dark .anzen__more{border-color:rgba(255,255,255,.5)} .anzen__card--dark .anzen__more p{color:#fff} @media(max-width:990px){ .anzen{padding:80px 20px} .anzen__ttl{height:auto} .anzen__ttl p{font-size:24px} .anzen__hero{display:none} .anzen__hero--sp{display:block} .anzen__grid{gap:20px 40px} .anzen__card,.anzen__card--dark,.anzen__card--4{flex:none;width:100%} .anzen__body{padding:30px 20px 40px} .anzen__h{font-size:22px} .anzen__more p{font-size:12px} } .show{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:700px;padding:0 40px;width:100%;overflow:hidden} .show::before{content:"";position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:0} .show--1::before{background-image:url("/assets/s-3310x1862_23b30630-cd9d-4ead-a00e-da0a8f5f4e94.webp")} .show--2::before{background-image:url("/assets/s-4516x1600_c0c6e8db-72be-4bd4-bc34-9d6c281e905b.webp")} .show--3::before{background-image:url("/assets/s-3310x1858_caad25ef-4230-44b1-8e4e-7044774c49d9.webp")} .show__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:1080px;max-width:100%} .show--2 .show__in{align-items:flex-end} .show__blk{display:flex;flex-direction:column;align-items:flex-start;gap:40px;max-width:100%} .show__sp{display:none;border-radius:12px;width:480px;max-width:100%} .show__t{margin:0;color:#fff;font-size:36px;font-weight:700;line-height:1.35;width:100%;font-feature-settings:'palt' 1} .show__d{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.75;opacity:.7;width:516px;max-width:100%;font-feature-settings:'palt' 1} .show--2 .show__t,.show--2 .show__d{color:#223136} .show--3 .show__t,.show--3 .show__d{color:#222} @media(max-width:990px){ .show{padding:0 20px} .show--1::before{background-position:center top;background-size:700%} .show--2::before{filter:blur(59px)} .show--3::before{background-position:right bottom;background-size:700%} .show__sp{display:block} .show__t{font-size:28px} .show__d{font-size:15px} } @media(max-width:540px){ .show{padding:96px 16px} .show__in,.show__blk{gap:16px} .show__t{font-size:20px} .show__d{font-size:13px} } /* ---------- 特典 ---------- */ .tokuten{display:flex;flex-direction:column;align-items:center;gap:40px;background:#F0F6F7;padding:80px;width:100%} .tokuten__ttl{margin:0;color:#1A1A1A;font-size:44px;font-weight:700;letter-spacing:.05em;line-height:1.25;text-align:center;font-feature-settings:'palt' 1} .tokuten__ttl strong{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700} .tokuten__in{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:1560px;max-width:100%} .tokuten__c1{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:40px;background:#fff;border-radius:8px;padding:40px 40px 80px;width:100%} .tokuten__strip{display:flex;gap:7px;width:100%} .tokuten__strip img{flex:1;border-radius:8px;min-width:0} .tokuten__amtrow{display:flex;align-items:flex-end;justify-content:center;gap:40px;padding:0 165px;width:100%} .tokuten__amtl{display:flex;flex-direction:column;justify-content:center;gap:15px;flex:none} .tokuten__badge-row{display:flex;justify-content:center;gap:15px} .tokuten__coupon{margin:0;color:#222;font-size:32px;white-space:nowrap;font-weight:700;line-height:1.5;font-feature-settings:'palt' 1} .tokuten__numrow{display:flex;align-items:stretch;gap:12px;width:100%} .tokuten__n{margin:0;color:#00A9E0;font-family:Montserrat,sans-serif;font-size:160px;font-weight:800;letter-spacing:-.03em;line-height:.8} .tokuten__u{display:flex;align-items:flex-end;gap:20px} .tokuten__u p{margin:0;color:#00A9E0;font-size:56px;font-weight:700;line-height:1} .tokuten__desc{margin:0;color:#222;font-size:20px;font-weight:500;line-height:1.5;font-feature-settings:'palt' 1} .tokuten__no{position:absolute;left:-12px;top:-12px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff;border:4px solid #00a9e0;border-radius:99px;padding:12px 24px} .tokuten__no p{margin:0;color:#222;font-family:Lato,sans-serif;font-size:18px;font-weight:800;letter-spacing:.05em;line-height:1.2} .tokuten__c2{position:relative;display:flex;align-items:center;justify-content:center;gap:120px;background:linear-gradient(90deg,#00A9E0 0%,#1683A6 100%);border-radius:8px;padding:81px 40px 80px;width:100%} .tokuten__p1{display:flex;flex-direction:column;align-items:flex-start;gap:15px} .tokuten__logo{width:231px} .tokuten__yrow{display:flex;align-items:flex-end;gap:10px;width:100%} .tokuten__n--w{color:#fff} .tokuten__y{display:flex;align-items:flex-end;gap:20px} .tokuten__y p{margin:0;color:#fff;font-size:56px;font-weight:700;line-height:1.5} .tokuten__p2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:30px} .tokuten__p2 .t{margin:0;color:#fff;font-size:20px;font-weight:500;line-height:1.5} .tokuten__more{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:16px 20px} .tokuten__more p{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1} .tokuten__more img{width:8px;transform:rotate(-90deg)} .ctagrp{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%} .ctapill{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;background:#fff;border:2px solid #00b6c8;border-radius:99px;margin:0 0 -35px;padding:8px 32px;z-index:2} .ctapill p{margin:0;color:#222;font-size:15px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .ctapill img{position:absolute;bottom:-8px;right:169px;width:9px;transform:rotate(-180deg)} @media(max-width:990px){ .tokuten{padding:80px 10px} .tokuten__ttl{font-size:28px} .tokuten__c1{gap:32px;padding:40px 24px} .tokuten__strip{flex-wrap:wrap} .tokuten__strip img:nth-child(1),.tokuten__strip img:nth-child(2){flex:none;width:calc(50% - 3.5px)} .tokuten__strip img:nth-child(n+3){flex:none;width:calc((100% - 14px)/3)} .tokuten__amtrow{flex-wrap:wrap;gap:24px 0;padding:0} .tokuten__amtl{width:100%} .tokuten__badge-row{align-items:center;gap:10px;width:100%} .tokuten__coupon{font-size:20px} .tokuten__numrow{justify-content:center;gap:40px 0} .tokuten__n{font-size:90px} .tokuten__u p{font-size:36px} .tokuten__desc{font-size:16px;width:100%} .tokuten__no{width:60px;height:60px;left:20px;top:-30px;padding:4px} .tokuten__no p{font-size:15px} .tokuten__c2{flex-wrap:wrap;gap:24px 0;padding:48px 32px} .tokuten__p1{align-items:center;width:100%} .tokuten__logo{width:170px} .tokuten__yrow{justify-content:center;gap:40px 0} .tokuten__y p{font-size:36px} .tokuten__p2{align-items:center;width:100%} .tokuten__p2 .t{font-size:16px;font-feature-settings:'palt' 1} .tokuten__more p{font-size:12px} .tokuten__c2 .tokuten__no{left:10px;top:-20px} .ctapill{padding:8px 18px} .ctapill p{font-size:13px;letter-spacing:.05em} } @media(max-width:540px){ .tokuten{gap:16px;padding:36px 16px} .tokuten__in{gap:16px} .tokuten__c1{gap:16px;padding:16px 16px 36px} .tokuten__strip{gap:2px} .tokuten__amtrow{gap:16px 0;padding:0 80px} .tokuten__amtl{gap:6px} .tokuten__badge-row{gap:6px} .tokuten__coupon{font-size:18px} .tokuten__numrow{gap:16px 0} .tokuten__n{font-size:40px} .tokuten__u p{font-size:32px} .tokuten__desc{font-size:14px} .tokuten__no p{font-size:13px} .tokuten__c2{gap:56px 0;padding:40px 16px 36px} .tokuten__yrow{gap:16px 0} .tokuten__y p{font-size:32px} .tokuten__p2{gap:14px} .tokuten__p2 .t{font-size:14px} } /* ---------- 停電34時間 ---------- */ .teiden{display:flex;flex-direction:column;align-items:center;gap:40px;background:#172E33;padding:0 40px 40px;width:100%} .teiden__top{display:flex;flex-direction:column;align-items:center;gap:30px;padding:80px 0 40px;width:100%} .teiden__head{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%} .teiden__cardw{display:flex;flex-direction:column;align-items:center;width:751px;max-width:100%;z-index:5} .teiden__ic{width:64px;border:4px solid #fff;border-radius:120px;position:relative;z-index:2} .teiden__card{display:flex;flex-direction:column;align-items:center;gap:20px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.08);margin:-30px 0 0;padding:50px 60px;width:100%} .teiden__msg,.teiden__msg--sp{color:#1A1A1A;font-size:22px;font-weight:700;line-height:1.5;text-align:center;font-feature-settings:'palt' 1} .teiden__msg p,.teiden__msg--sp p{margin:0} .teiden__msg strong,.teiden__msg--sp strong{color:#00A9E0;font-weight:700} .teiden__msg--sp{display:none} .teiden__ill{width:270px} .teiden__q{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%} .teiden__q1,.teiden__q1--sp{color:#fff;font-size:24px;font-weight:700;letter-spacing:.05em;line-height:1.5;opacity:.9;text-align:center;width:100%} .teiden__q1 p,.teiden__q1--sp p{margin:0} .teiden__q1 strong,.teiden__q1--sp strong{color:#FFEC6E;font-weight:700} .teiden__q1--sp{display:none} .teiden__q2{margin:0;color:#fff;font-size:44px;font-weight:700;line-height:1.25;text-align:center;width:100%;font-feature-settings:'palt' 1} .teiden__main{display:flex;flex-direction:column;align-items:center;width:100%} .teiden__prod{display:flex;align-items:center;justify-content:center;gap:17px;width:200px;margin:0 0 -70px;z-index:2;position:relative} .teiden__box{display:flex;flex-direction:column;align-items:center;gap:30px;background:#fff;border-bottom:7px solid #39BEA8;border-radius:12px;padding:90px 40px 50px;width:1560px;max-width:100%} .teiden__lead{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%} .teiden__l1{margin:0;color:#1A1A1A;font-size:20px;font-weight:700;line-height:1.5;text-align:center;font-feature-settings:'palt' 1} .teiden__pill{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);border-radius:8px;padding:19px 30px} .teiden__pill p{margin:0;color:#fff;font-size:32px;font-weight:700;line-height:1.35;text-align:center;font-feature-settings:'palt' 1} .teiden__dark{display:flex;align-items:center;justify-content:flex-start;gap:40px;background:#1E3A40;border-radius:12px;padding:20px 20px 20px 0;width:100%} .teiden__c1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border-right:2px solid rgba(255,255,255,.1);padding:30px 40px} .teiden__tag{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:7px 20px} .teiden__tag p{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1;font-feature-settings:'palt' 1} .teiden__fam{width:90px;border-radius:999px;padding:2px 0} .teiden__c1 .q{margin:0;color:#fff;font-size:25px;font-weight:700;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .teiden__c2{flex:1;display:flex;flex-direction:column;align-items:center;gap:17px;padding:30px 0} .teiden__c2 .t{margin:0;color:#fff;font-size:20px;font-weight:700;line-height:1;text-align:center;width:100%;font-feature-settings:'palt' 1} .teiden__hrow{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%} .teiden__hrow .s{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.2;font-feature-settings:'palt' 1} .teiden__hrow .n{margin:0;font-family:Montserrat,sans-serif;font-size:140px;font-weight:700;letter-spacing:.05em;line-height:.8;height:112px;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent} .teiden__c2 .b{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .teiden__c3{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;background:#E6FBFF;border-radius:12px;padding:30px;width:454px;max-width:100%} .teiden__c3 .h{margin:0;color:#1A1A1A;font-size:22px;font-weight:700;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .teiden__c3 .fig{width:388px;max-width:100%} .teiden__chips{display:flex;align-items:flex-start;justify-content:center;gap:4px;width:100%} .teiden__chip{flex:none;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:2px solid #1E3A40;border-radius:99px;padding:5px 10px} .teiden__chip p{margin:0;color:#1A1A1A;font-size:16px;white-space:nowrap;font-weight:700;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .teiden__note{margin:0;color:#888;font-size:10px;font-weight:500;line-height:1.8;text-align:left;width:100%} .teiden__note p{margin:0;font-feature-settings:'palt' 1} .teiden__note a{color:#888;text-decoration:underline} @media(max-width:990px){ .teiden{padding:0 10px 40px} .teiden__top{padding:32px 0 0} .teiden__ic{width:50px} .teiden__card{padding:40px 16px 24px} .teiden__msg{display:none} .teiden__msg--sp{display:flex;flex-direction:column;font-size:14px} .teiden__msg--sp p{font-size:15px} .teiden__ill{width:auto;height:100px} .teiden__q1{display:none} .teiden__q1--sp{display:block;font-size:15px} .teiden__q1--sp p{line-height:1.4} .teiden__q2{font-size:24px} .teiden__prod{width:100px} .teiden__box{gap:10px;padding:90px 10px 24px} .teiden__l1{font-size:14px;line-height:1.3;padding:0 20px} .teiden__pill{padding:8px 16px} .teiden__pill p{font-size:16px} .teiden__dark{flex-wrap:wrap;gap:16px 0;padding:20px 10px;width:1162px;max-width:100%} .teiden__c1{flex:none;border-right:0;padding:0;width:100%} .teiden__tag p{font-size:14px} .teiden__fam{width:70px} .teiden__c1 .q{font-size:20px} .teiden__c2{flex:none;border-top:1px solid rgba(255,255,255,.1);padding:16px 0 0;width:100%} .teiden__hrow{gap:8px} .teiden__hrow .s{font-size:18px} .teiden__hrow .n{font-size:56px;height:44px;flex:none;text-align:center} .teiden__c2 .b{font-size:20px} .teiden__c3{width:100%;padding:16px 8px} .teiden__c3 .h{font-size:18px;width:100%} .teiden__chips{flex-wrap:wrap;gap:4px} .teiden__chip p{font-size:13px} } @media(max-width:540px){ .teiden{gap:16px;padding:0 16px} .teiden__top{gap:14px;padding:36px 0 16px} .teiden__head{gap:8px} .teiden__card{gap:8px} .teiden__msg--sp{font-size:15px} .teiden__q{gap:4px} .teiden__q1--sp{font-size:15px} .teiden__q2{font-size:28px} .teiden__box{gap:14px;padding:44px 16px 24px} .teiden__lead{gap:4px} .teiden__pill p{font-size:18px} .teiden__dark{gap:16px 0;padding:8px 8px 8px 0} .teiden__c1{gap:4px;padding:14px 16px} .teiden__tag p{font-size:13px} .teiden__c1 .q{font-size:16px} .teiden__c2{gap:8px;padding:14px 0} .teiden__c2 .t{font-size:14px} .teiden__hrow{gap:16px 0} .teiden__hrow .s{font-size:15px} .teiden__hrow .n{font-size:36px} .teiden__c2 .b{font-size:15px} .teiden__c3{gap:10px;padding:14px} .teiden__c3 .h{font-size:15px} .teiden__chips{gap:2px 0} .teiden__note{font-size:13px} } /* ---------- スタンダード ---------- */ .std{display:flex;flex-direction:column;align-items:center;gap:60px;background:linear-gradient(rgba(255,255,255,0) 0%,#EAFFF8 100%);padding:60px 40px;width:100%} .std__top{display:flex;flex-direction:column;align-items:center;gap:60px;width:100%} .std__ttl{color:#1A1A1A;font-size:44px;font-weight:700;line-height:1.2;text-align:center;width:100%} .std__ttl p{margin:0;font-feature-settings:'palt' 1} .std__ttl strong{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700} .std__circles{display:flex;align-items:center;justify-content:center} .std__side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:380px;height:380px;border-radius:999px;flex:none} .std__side--l{background:#FFFAE7;border:6px solid #D99832;margin:0 -30px 0 0;z-index:4} .std__side--r{background:#F1FCFF;border:6px solid #00A9E0;margin:0 0 0 -30px;z-index:3} .std__tag{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:4px;padding:10px} .std__side--l .std__tag{background:#D99832} .std__side--r .std__tag{background:#00A9E0} .std__tag .no{display:flex;align-items:center;justify-content:center;flex:none;width:24px;background:#fff;border-radius:4px} .std__tag .no p{margin:0;font-size:12px;font-weight:700;line-height:1.2;text-align:center;width:100%} .std__side--l .std__tag .no p{color:#D99832} .std__side--r .std__tag .no p{color:#00A9E0} .std__tag>p{margin:0;font-size:20px;font-weight:700;line-height:1.2;text-align:center;font-feature-settings:'palt' 1} .std__side--l .std__tag>p{color:#FFFDEE} .std__side--r .std__tag>p{color:#fff} .std__side .d{margin:0;color:#1A1A1A;font-size:17px;font-weight:700;line-height:1.35;text-align:center;width:100%;font-feature-settings:'palt' 1} .std__side--l .ph{width:160px} .std__side--r .ph{width:200px} .std__arw--l{position:absolute;right:-27px;top:170px;width:32px} .std__arw--r{position:absolute;left:-30px;top:169px;width:32px;rotate:180deg} .std__house{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:560px;height:560px;border-radius:1199px;background:#fff url("/assets/s-1120x1120_c9c518ac-7e96-4bff-b29c-d76849673b8f.webp") center/cover no-repeat;box-shadow:0 5px 30px #00c6ac80} .std__badge{position:absolute;bottom:-25px;right:172px;display:flex;align-items:center;justify-content:center;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);border-radius:80px;z-index:1} .std__badge p{margin:0;color:#fff;font-size:24px;font-weight:700;line-height:1.2;padding:10px 20px;text-align:center} .std__law{display:flex;flex-direction:column;align-items:center;gap:20px} .std__law .h{color:#333;font-size:28px;font-weight:700;line-height:1.5;text-align:center} .std__law .h p{margin:0;font-feature-settings:'palt' 1} .std__law .h strong,.std__law .b strong,.std__law .b--sp strong{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700} .std__law .b,.std__law .b--sp{color:#333;font-size:18px;font-weight:700;line-height:1.65;text-align:center;font-feature-settings:'palt' 1} .std__law .b p,.std__law .b--sp p{margin:0} .std__law .b--sp{display:none} .std__law .n{color:#888;font-size:10px;font-weight:400;line-height:1.25;width:100%} .std__law .n p{margin:0;color:#888;text-align:center} .std__law .n strong{font-weight:400} .std__law .n a{color:#888;text-decoration:underline} .std__hojo{display:flex;align-items:center;justify-content:center;gap:60px;background:#fff;border:1px solid #E6E6E6;border-radius:20px;box-shadow:0 10px 32px rgba(0,0,0,.07);padding:37px 130px;max-width:100%} .std__hojo>img{flex:none;width:200px} .std__hojo-tx{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%} .std__hojo-tx .h{margin:0;color:#333;font-size:28px;font-weight:700;line-height:1.5;text-align:center;width:100%} .std__hojo-tx .h strong{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700} .std__hojo-tx .d{margin:0;color:#333;font-size:19px;font-weight:500;line-height:1.5;text-align:center;font-feature-settings:'palt' 1} .std__loss{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%} .std__loss-ttl{color:#222;font-size:36px;font-weight:700;line-height:1.35;text-align:center;width:100%} .std__loss-ttl p{margin:10px 0} .std__loss-ttl strong{color:#969696;font-weight:700} .std__loss-grid{display:flex;align-items:stretch;gap:20px;width:100%} .std__lcard{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#fff;border-radius:8px;padding:60px 30px 120px;overflow:hidden} .std__lcard .ic{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:#F1FFFB;padding:20px;width:80px} .std__lcard .ic img{width:100%} .std__lcard--3 .ic{justify-content:flex-start;padding:16px} .std__lcard .h{margin:0;font-size:26px;font-weight:700;line-height:1.25;width:100%;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent} .std__lcard .d{margin:0;color:#222;font-size:18px;font-weight:500;line-height:1.75;opacity:.7;width:100%} .std__lcard .n{margin:0;color:#222;font-size:10px;font-weight:500;line-height:1.75;opacity:.7;width:100%} @media(max-width:990px){ .std{gap:32px;padding:60px 10px} .std__top{gap:24px} .std__ttl p{font-size:24px} .std__circles{flex-direction:column;width:100%} .std__side{width:260px;height:260px;padding:6px} .std__side--l{border-width:3px;gap:16px;margin:0 0 -20px} .std__side--r{border-width:3px;gap:8px;margin:-20px 0 0} .std__tag>p{font-size:14px} .std__side--l .ph{width:80px} .std__side--r .ph{width:79px} .std__side .d{font-size:14px} .std__arw--l{right:auto;top:auto;bottom:-26px;left:116px;rotate:90deg;width:22px;z-index:1} .std__arw--r{left:114px;top:-25px;rotate:270deg;width:22px} .std__house{height:270px;max-width:100%;border-radius:0} .std__badge{bottom:auto;right:auto;left:12px;top:24px} .std__badge p{font-size:15px;padding:7px 10px} .std__law{align-items:flex-start;gap:8px;padding:0 20px} .std__law .h{font-size:18px;line-height:1.35} .std__law .b{display:none} .std__law .b--sp{display:block;font-size:13px;text-align:left} .std__law .n p{text-align:left} .std__hojo{flex-direction:column;gap:16px;padding:30px 15px} .std__hojo>img{width:120px} .std__hojo-tx .h p{font-size:18px} .std__hojo-tx .d{font-size:14px} .std__loss-ttl p{font-size:24px;margin:0;font-feature-settings:'palt' 1} .std__loss-grid{flex-direction:column} .std__lcard{gap:15px;padding:30px 20px} .std__lcard .ic{flex:none;padding:12px;width:54px} .std__lcard .h{font-size:20px} .std__lcard .d{font-size:15px} .std__cta{margin:0 10px} } /* ---------- お客様の声 ---------- */ .fullphoto{width:100%;height:auto;display:block} .voice{background:#fff;display:flex;flex-direction:column;align-items:center;width:100%} .voice__wrap{display:flex;flex-direction:column;align-items:center;gap:76px;padding:60px 0;width:90%} .voice__in{display:flex;flex-direction:column;align-items:center;gap:50px;width:1560px;max-width:100%;overflow:hidden} .voice__ttl{margin:0;color:#1A1A1A;font-size:36px;font-weight:700;line-height:1.2} .voice__grp{display:flex;flex-direction:column;align-items:center;gap:8px} .voice__cards{display:flex;align-items:stretch;gap:10px} .voice__card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#f0f6f7;border-radius:24px;padding:40px;background:#f0f6f7} .voice__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;width:100%} .voice__head{display:flex;align-items:center;gap:20px;width:100%} .voice__ava{flex:none;width:79px} .voice__nm{margin:0;color:#00A9E0;flex:none;font-size:20px;font-weight:700;height:32px;line-height:1.25;overflow:hidden} .voice__prod{color:#333;font-size:28px;font-weight:700;line-height:1.2;width:100%} .voice__prod p{margin:0;font-feature-settings:'palt' 1} .voice__prod strong{font-size:18px;font-weight:700} .voice__sub{margin:0;color:#888;font-size:18px;font-weight:700;line-height:1.2;width:100%} .voice__photo{flex:none;width:100%;height:auto} .voice__spec{display:flex;align-items:stretch;gap:5px;height:160px;width:100%} .voice__cell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border-radius:12px;padding:20px;overflow:hidden} .voice__cell--half{width:50%} .voice__cell--full{flex:none;width:100%} .voice__cell>img{flex:none;width:100px} .voice__cell .l{display:flex;flex-direction:column;align-items:center;gap:6px} .voice__cell .l p{margin:0} .voice__cell .nm2{color:#333;font-size:14px;font-weight:700;line-height:1;text-align:center} .voice__cell .w{color:#333;font-family:Lato,sans-serif;font-size:10px;font-weight:700;line-height:1;opacity:.7;text-align:center;width:100%} .voice__plus{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px;border-radius:999px} .voice__cmt{color:#888;font-size:16px;font-weight:700;line-height:1.75;width:100%} .voice__cmt p{margin:0;font-feature-settings:'palt' 1} .voice__cmt strong{color:#333;font-weight:700} .voice__cmt em{font-size:10px;font-style:normal} .voice__note{margin:0;color:#888;font-size:10px;font-weight:500;line-height:1.75;text-align:left;width:100%} .voice__note2{margin:0;color:#888;flex:none;font-size:10px;font-weight:500;height:15px;line-height:1.5;text-align:left;width:100%;font-feature-settings:'palt' 1} @media(max-width:990px){ .voice__wrap{width:95%} .voice__in{gap:20px} .voice__ttl{font-size:24px} .voice__grp{width:100%} .voice__cards{flex-direction:column;width:100%} .voice__card{border-radius:12px;gap:10px;padding:20px} .voice__body{gap:10px} .voice__head{gap:10px} .voice__ava{width:50px} .voice__nm{flex:1;font-size:12px;height:auto;width:auto;min-width:0} .voice__prod p{font-size:18px} .voice__prod strong{font-size:15px} .voice__sub{font-size:12px} .voice__photo{width:480px;max-width:100%} .voice__spec{width:480px;max-width:100%} .voice__spec--2{height:140px;width:100%} .voice__cell--full{width:480px;max-width:100%} .voice__cell--full>img{width:70px} .voice__cell .nm2{font-size:13px} .voice__cell .w{font-size:13px} .voice__cmt{font-size:13px} .voice__cmt strong{font-size:14px} .voice__note2{font-size:9px;line-height:1.28} } @media(max-width:540px){ .voice__wrap{gap:4px} .voice__in{gap:24px} .voice__ttl{font-size:20px} .voice__grp{gap:24px} .voice__cards{gap:24px} .voice__card{gap:8px;padding:16px} .voice__body{gap:8px} .voice__nm{font-size:14px} .voice__prod p{font-size:16px} .voice__prod strong{font-size:13px} .voice__sub{font-size:13px} .voice__spec{gap:2px} .voice__cell{gap:2px} .voice__cmt{font-size:13px} .voice__cmt strong{font-size:13px} .voice__note,.voice__note2{font-size:13px} } /* ---------- 比較表 ---------- */ .gray{background:#f0f6f7;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:76px;padding:100px 0;width:100%} .cmp{display:flex;flex-direction:column;align-items:center;gap:76px;width:90%} .cmp__in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;width:1560px;max-width:100%;overflow:hidden} .cmp__ttl{margin:0;color:#1A1A1A;font-size:36px;font-weight:700;line-height:1.2} .cmp__grp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%} .cmp__tbl{display:flex;justify-content:flex-start;gap:18px;border-radius:12px;overflow:hidden;width:100%} .cmp__col{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:20px 0} .cmp__col--lbl{flex:none;width:280px;max-width:100%} .cmp__col--xj{flex:1;background:#fff;border:2px solid #08a8e0;border-radius:16px;overflow:hidden} .cmp__col--o{flex:1;background:rgba(255,255,255,.8);border-radius:24px;overflow:hidden} .cmp__hcell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;height:147px;padding:19px 30px;width:100%;overflow:hidden} .cmp__hcell p{margin:0;color:#333;font-size:15px;line-height:1;text-align:center;width:100%} .cmp__hcell--p{gap:10px} .cmp__hcell--p img{flex:none;width:60px} .cmp__hcell--p p{color:#333;font-size:17px;font-weight:700;width:auto} .cmp__hcell--o{gap:10px} .cmp__hcell--o .ph0{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;width:60px;opacity:0;overflow:hidden} .cmp__hcell--o p{color:#888;font-size:17px;font-weight:700;width:auto} .cmp__lcell{flex:1;display:flex;align-items:center;justify-content:flex-start;padding:19px 30px;width:100%;overflow:hidden} .cmp__lcell p{margin:0;flex:1;color:#333;font-size:15px;font-weight:400;line-height:1;text-align:right;overflow:hidden} .cmp__vcell{flex:none;display:flex;align-items:center;justify-content:flex-start;height:53px;width:100%;overflow:hidden} .cmp__vcell--c{justify-content:center} .cmp__vcell p{margin:0;flex:1;font-size:15px;font-weight:400;color:#333;line-height:1;text-align:center} .cmp__vcell .b{color:#333;font-weight:700} .cmp__vcell .g{font-size:18px;font-weight:700;background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;width:100%} .cmp__vcell .dk{font-size:16px;font-weight:700;background:linear-gradient(239.86deg,#13617A 0%,#262E39 24%);background-clip:text;-webkit-background-clip:text;color:transparent;width:100%} .cmp__vcell .rt{flex:none;color:#333;font-size:16px;font-weight:700;line-height:1.4;text-align:center;width:600px;max-width:100%} .cmp__vcell .rt--g{background:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:18px;width:100%} .cmp__vcell .rt em{color:#888;font-size:10px;font-style:normal} .cmp__vcell .ic24{display:flex;flex-direction:column;align-items:center;justify-content:center;width:24px} .cmp__vcell .ic20{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20px} .cmp__vcell .ic24 img,.cmp__vcell .ic20 img{width:100%} .cmp__note{margin:0;color:#666;font-size:12px;font-weight:400;line-height:15px;text-align:right;width:100%} @media(max-width:990px){ .gray{gap:40px;padding:60px 0} .cmp{width:95%} .cmp__in{gap:24px} .cmp__ttl{font-size:24px} .cmp__tbl{align-items:stretch;justify-content:center;gap:4px} .cmp__col--lbl{flex:1;justify-content:space-around;width:auto} .cmp__col--xj,.cmp__col--o{border-radius:8px;justify-content:space-around} .cmp__hcell{padding:0} .cmp__hcell p{font-size:13px} .cmp__hcell--p{padding:20px 5px} .cmp__hcell--p p,.cmp__hcell--o p{font-size:12px} .cmp__lcell{flex:1;height:auto;padding:10px 0} .cmp__lcell p{font-size:10px} .cmp__vcell{flex:1;height:auto;padding:10px 0} .cmp__vcell p{font-size:11px} .cmp__vcell .g,.cmp__vcell .dk,.cmp__vcell .rt,.cmp__vcell .rt--g{font-size:11px} .cmp__note{font-size:10px} } @media(max-width:540px){ .gray{gap:4px;padding:48px 0} .cmp__in{gap:24px;padding:0} .cmp__ttl{font-size:20px} .cmp__grp{gap:24px} .cmp__tbl{gap:8px 0} .cmp__col{padding:8px 0} .cmp__hcell--p,.cmp__hcell--o{gap:4px;padding:8px 14px} .cmp__hcell p{font-size:13px} .cmp__lcell p,.cmp__vcell p{font-size:13px} .cmp__note{font-size:13px} } /* ---------- 特徴 ---------- */ .tokucho{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;background:#f0f6f7;padding:80px 20px;width:100%} .tokucho__in{display:flex;flex-direction:column;align-items:center;gap:40px;width:1560px;max-width:100%} .tokucho__hd{display:flex;flex-direction:column;align-items:center;gap:40px;width:100%} .tokucho__hd>img{width:160px;max-width:100%} .tokucho__ttl{margin:0;color:#1A1A1A;font-size:54px;font-weight:700;line-height:1.2;text-align:center;width:100%} .tokucho__grid{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%} .tokucho__card1{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#fff;border-radius:24px;padding:40px;width:100%} .tokucho__row1{display:flex;align-items:stretch;gap:30px;width:100%} .tokucho__img1{flex:none;background:url(/assets/s-946x740_2a4df7a5-0891-4e49-b337-37430a255634.webp) center/cover no-repeat;border-radius:24px;height:400px;width:45%;max-width:calc(45% - 16.5px);overflow:hidden} .tokucho__txt1{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:30px} .tokucho__h1r{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px} .tokucho__h1r img{width:72px} .tokucho__h1r .h{margin:10px 0;color:#333;font-size:40px;font-weight:700;line-height:1.2} .tokucho__h1r .h strong,.tokucho__c2h strong{color:#888;font-weight:700} .tokucho__d{margin:10px 0;flex:none;color:#888;font-size:16px;font-weight:700;line-height:1.75;overflow:hidden} .tokucho__d strong{color:#333;font-weight:700} .tokucho__row2{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%} .tokucho__card2{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:30px;background:#fff;border-radius:24px;height:293px;padding:40px} .tokucho__card2>img{width:160px} .tokucho__col2{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden} .tokucho__col2--full{flex:none;overflow:visible;width:100%} .tokucho__c2h{margin:10px 0;color:#333;font-size:28px;font-weight:700;line-height:1.2;width:100%} .tokucho__c2h--r{color:#888} .tokucho__c2h--r strong{color:#333;font-weight:700} .tokucho__d2{margin:10px 0;color:#888;font-size:18px;font-weight:700;line-height:1.75;width:100%} .tokucho__d2 strong{color:#333;font-weight:700} .caro{width:100%;overflow:hidden} .caro__track{display:flex;align-items:center;width:max-content;animation:caroSlide 18s cubic-bezier(.58,.21,.41,.96) infinite} .caro__item{flex:none;width:480px;height:480px;margin:0 10px;border-radius:12px;object-fit:cover} @keyframes caroSlide{ 0%,16.7%{transform:translateX(0)} 20%,36.7%{transform:translateX(-500px)} 40%,56.7%{transform:translateX(-1000px)} 60%,76.7%{transform:translateX(-1500px)} 80%,96.7%{transform:translateX(-2000px)} 100%{transform:translateX(-2500px)} } @media(max-width:990px){ .tokucho{padding:40px 20px} .tokucho__in{gap:16px} .tokucho__hd{gap:20px} .tokucho__hd>img{width:100px} .tokucho__ttl{font-size:20px} .tokucho__grid{gap:10px} .tokucho__card1{border-radius:12px;padding:20px} .tokucho__row1{flex-wrap:wrap;gap:0} .tokucho__img1{border-radius:12px;height:220px;width:100%;max-width:100%} .tokucho__txt1{gap:0} .tokucho__h1r{flex-direction:row;align-items:center;gap:6px} .tokucho__h1r img{flex:none;width:50px} .tokucho__h1r .h{flex:1;font-size:18px;margin:0} .tokucho__d{flex:none;font-size:14px;line-height:1.5;width:100%;font-feature-settings:'palt' 1} .tokucho__d strong{font-size:14px} .tokucho__row2{align-items:stretch;justify-content:center;gap:10px} .tokucho__card2{border-radius:12px;height:auto;padding:20px 12px} .tokucho__card2--img{flex-direction:column-reverse;gap:30px 0} .tokucho__card2--txt{align-items:flex-start;justify-content:flex-start} .tokucho__card2>img{width:70%} .tokucho__col2{flex:none;width:100%} .tokucho__c2h{font-size:18px;margin:0;font-feature-settings:'palt' 1} .tokucho__c2h strong,.tokucho__c2h--r strong{font-size:18px} .tokucho__d2{font-size:15px;line-height:1.5;font-feature-settings:'palt' 1} .tokucho__d2 strong{font-size:15px} .caro__item{width:320px;height:320px;margin:0 5px} @keyframes caroSlide{ 0%,16.7%{transform:translateX(0)} 20%,36.7%{transform:translateX(-330px)} 40%,56.7%{transform:translateX(-660px)} 60%,76.7%{transform:translateX(-990px)} 80%,96.7%{transform:translateX(-1320px)} 100%{transform:translateX(-1650px)} } } @media(max-width:540px){ .tokucho{gap:8px;padding:36px 8px} .tokucho__in{gap:16px} .tokucho__ttl{font-size:32px} .tokucho__grid{gap:8px} .tokucho__card1{gap:8px;padding:16px} .tokucho__row1{gap:14px 0} .tokucho__txt1{gap:14px 0} .tokucho__h1r{gap:8px} .tokucho__h1r .h{font-size:24px} .tokucho__h1r .h strong{font-size:24px} .tokucho__d{font-size:13px} .tokucho__d strong{font-size:13px} .tokucho__row2{gap:8px 0} .tokucho__card2{gap:14px 0;padding:16px} .tokucho__card2--txt{gap:14px} .tokucho__col2{gap:8px} .tokucho__c2h{font-size:16px} .tokucho__c2h strong,.tokucho__c2h--r strong{font-size:16px} .tokucho__d2{font-size:13px} .tokucho__d2 strong{font-size:13px} } /* ---------- FAQ ---------- */ .faq{display:flex;flex-direction:column;align-items:center;gap:30px;width:90%} .faq__ttl{margin:0;color:#1A1A1A;font-size:36px;font-weight:700;line-height:1.2;font-feature-settings:'palt' 1} .faq__grp{display:flex;flex-direction:column;align-items:center;gap:50px;width:1560px;max-width:100%} .faq__list{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%} .qa{background:#fff;border:1px solid rgba(0,169,224,0);border-radius:8px;padding:20px;width:100%} .qa:hover{border-color:#00A9E0} .qa summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;width:100%} .qa summary::-webkit-details-marker{display:none} .qa__ic{flex:none;display:flex;align-items:center;justify-content:center;border-radius:9999px;width:24px} .qa__ic img{width:100%} .qa__qt{margin:0;flex:1;color:#00A9E0;font-size:20px;font-weight:700;line-height:1;text-align:left;font-feature-settings:'palt' 1} .qa summary .arw{flex:none;color:#00A9E0;font-size:24px;rotate:180deg} .qa[open] summary .arw{rotate:0deg} .qa__a{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;width:100%} .qa__at{margin:0;flex:1;color:#333;font-size:15px;font-weight:500;line-height:1.4;text-align:left;font-feature-settings:'palt' 1} .qa__flow{display:flex;align-items:flex-start;gap:0 50px;width:100%} .qa__fl{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;margin:20px 0 0} .qa__fintro{margin:0;color:#1A1A1A;font-size:15px;font-weight:500;letter-spacing:.05em;line-height:1.5;font-feature-settings:'palt' 1} .qa__fintro strong{color:#00A9E0;font-weight:700} .qa__checks{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%} .qa__check{display:flex;align-items:center;gap:10px;width:100%} .qa__check .ck{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px;width:20px} .qa__check .ck img{width:100%} .qa__check p{margin:0;flex:1;color:#666;font-size:15px;font-weight:500;line-height:1.5;overflow:hidden;font-feature-settings:'palt' 1} .qa__check p strong{color:#1A1A1A;font-weight:700} .qa__fr{flex:1;display:flex;align-items:flex-start;gap:17px;height:551px;margin:20px 0 0} .qa__steps{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;width:30px} .qa__step{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#EDFBFF;border:2px solid #00A9E0;border-radius:8px;padding:10px 20px;width:100%} .qa__step p{margin:0;color:#00A9E0;font-size:18px;font-weight:700;line-height:1.25;text-align:center;width:100%;font-feature-settings:'palt' 1} .qa__conn{display:flex;flex-direction:column;align-items:center;padding:0 40px;width:100%} .qa__line{flex:none;background:#00A9E0;height:12px;width:2px;margin:-2px 0 0 -2px} .qa__pill{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:2px solid #00A9E0;border-radius:40px;padding:6px 16px} .qa__pill p{margin:0;color:#00A9E0;font-size:14px;font-weight:700;letter-spacing:.05em;line-height:1;font-feature-settings:'palt' 1} .qa__line2{background:#00A9E0;height:42px;width:2px} .qa__goal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(138.37deg,#D0E8F8 0%,#009FFA 85%,#2488C1 100%);border-radius:8px;padding:20px 30px;width:100%} .qa__goal img{flex:none;width:100px} .qa__goal p{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.25;text-align:center;width:100%;font-feature-settings:'palt' 1} .qa__rail{flex:none;display:flex;flex-direction:column;align-items:center;gap:17px;height:100%;width:30px} .qa__rline{flex:1;background:#00A9E0;width:2px} .qa__rtx{display:flex;flex-direction:column;align-items:center;gap:5px} .qa__rtx p{margin:0;color:#00A9E0;font-size:23px;font-weight:700;line-height:1.25;text-align:center} @media(max-width:990px){ .faq__ttl{font-size:24px} .qa__qt{font-size:16px;line-height:1.2} .qa__flow{flex-direction:column} .qa__fl{gap:20px} .qa__fintro{font-size:12px} .qa__fintro strong{font-size:15px} .qa__check p{font-size:14px} .qa__fr{flex:none;gap:10px;height:609.42px;width:100%} .qa__steps{width:100%} .qa__step{padding:18px 0} .qa__step p{font-size:16px} .qa__pill{padding:8px 20px} .qa__pill p{font-size:12px} .qa__rtx p{font-size:18px} } @media(max-width:540px){ .faq{gap:24px} .faq__ttl{font-size:32px} .faq__grp{gap:24px} .faq__list{gap:4px} .qa__fl{gap:16px} .qa__fintro{font-size:13px} .qa__fintro strong{font-size:13px} .qa__checks{gap:4px} .qa__check{gap:4px} .qa__check p{font-size:14px} .qa__check p strong{font-size:14px} .qa__step{padding:8px 12px} .qa__step p{font-size:15px} .qa__conn{padding:0 16px 2px} .qa__pill{gap:4px} .qa__pill p{font-size:13px} .qa__goal{gap:4px;padding:8px 14px} .qa__goal p{font-size:15px} .qa__rtx p{font-size:15px} } /* ---------- 展示店舗 / 動画 / ブログ ---------- */ .tenpo{display:flex;flex-direction:column;align-items:center;gap:40px;width:90%} .tenpo__ttl,.manabu__ttl,.blog__ttl{margin:0;color:#1A1A1A;font-size:36px;font-weight:700;line-height:1.2;font-feature-settings:'palt' 1} .tenpo__map{flex:none;background:transparent;border-radius:12px;height:410px;width:1560px;max-width:100%;overflow:hidden} .tenpo__map iframe{border:0;display:block;height:100%;width:100%} .manabu{display:flex;flex-direction:column;align-items:center;gap:40px;width:90%} .manabu__in{display:flex;flex-direction:column;align-items:center;gap:20px;width:1560px;max-width:100%} .manabu__video{position:relative;border-radius:12px;height:0;padding-top:56.25%;width:100%;overflow:hidden} .manabu__video iframe{position:absolute;top:0;left:0;border:0;height:100%;width:100%} .manabu__note{margin:0;color:#888;font-size:10px;font-weight:500;line-height:1.5;text-align:left;width:100%;font-feature-settings:'palt' 1} .blog{display:flex;flex-direction:column;align-items:center;gap:40px;width:90%} .blog__grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:21px;width:1560px;max-width:100%} .blog__card{flex:none;width:calc(50% - 10.5px);display:flex;align-items:center;justify-content:flex-start;gap:20px;background:#fff;border:1px solid rgba(0,169,224,0);border-radius:8px;padding:20px;text-decoration:none} .blog__card:hover{border-color:#00A9E0} .blog__card>img{flex:none;border-radius:4px;width:200px;max-width:100%} .blog__tx{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;overflow:hidden} .blog__tx p{margin:0;color:#00A9E0;font-size:18px;font-weight:700;line-height:1.5;text-align:left;width:100%} @media(max-width:990px){ .tenpo{gap:16px} .tenpo__ttl,.manabu__ttl,.blog__ttl{flex:none;font-size:20px;width:100%} .manabu__video{border-radius:4px} .manabu__note{font-size:9px;line-height:1.28} .blog{gap:16px} .blog__grid{gap:10px} .blog__card{flex-direction:column;padding:10px} .blog__card>img{width:100%} .blog__tx p{font-size:15px} } @media(max-width:540px){ .tenpo{gap:24px} .tenpo__ttl,.manabu__ttl,.blog__ttl{font-size:32px} .manabu__note{font-size:13px} .blog{gap:24px} .blog__grid{gap:24px} .blog__card{width:calc(50% - 12px)} .blog__card{gap:8px 0;padding:8px} .blog__tx{gap:4px} .blog__tx p{font-size:13px} } /* ---------- パートナー募集 ---------- */ .ptn{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:30px 40px;width:100%;overflow:hidden} .ptn__bnr{flex:none;display:flex;align-items:center;justify-content:space-between;gap:40px;background:url(/assets/s-2560x546_v-frms_webp_33f6f0d7-8c57-4a0f-a36d-f460043e88f3.webp) center/cover no-repeat;border-radius:4px;padding:70px 80px 70px 140px;width:100%;max-width:1360px} .ptn__logo{flex:none;width:234px} .ptn__col{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:17px} .ptn__tx{margin:0;color:#fff;font-size:20px;font-weight:700;line-height:1.5;text-align:center} .ptn__btn{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.2);border:1px solid #fff;border-radius:4px;padding:20px 28px;width:100%;text-decoration:none} .ptn__btn p{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.05em;line-height:1;text-align:left} @media(max-width:990px){ .ptn{padding:20px} .ptn__bnr{flex-direction:column;align-items:flex-start;gap:20px;background-size:cover;padding:50px 20px} .ptn__logo{width:120px} .ptn__tx{font-size:14px;text-align:left} .ptn__btn{padding:15px 20px;width:auto} } /* ---------- フォーム ---------- */ .formsec{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#182e33;margin:8px 0 0;padding:80px 0;width:100%} .formsec__in{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1px;width:90%} .formsec__grp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:1560px;max-width:100%} .formsec__ttl{margin:0;color:#fff;font-size:54px;font-weight:700;line-height:1.2;text-align:left;font-feature-settings:'palt' 1} .formsec__row{display:flex;align-items:flex-start;gap:40px;width:100%} .formsec__img{flex:2;background:url(/assets/s-1400x1400_d6040b51-2569-482a-8231-fa6d8eb45a71.webp) center/cover no-repeat;border-radius:12px;height:663px} .formsec__frame{flex:3;background:#fff;border-radius:12px;min-height:663px;overflow:hidden;padding:24px} @media(max-width:990px){ .formsec{padding:40px 0} .formsec__in{width:95%} .formsec__ttl{display:none} .formsec__row{flex-direction:column-reverse} .formsec__img{display:none} .formsec__frame{flex:none;width:100%} } /* モーダル開閉時のスクロールバー消失によるガタつき防止 (常にトラックを確保) */ html:has(.page-series-xj){overflow-y:scroll} /* ---------- appear アニメーション ---------- */ .rv{transition-property:opacity,filter,translate,scale,rotate,background,background-color,border-color,backdrop-filter;transition-timing-function:ease;transition-duration:var(--rvd,1000ms);transition-delay:var(--rvdl,0ms)} .rv-up,.rv-blur,.rv-left,.rv-cl,.rv-cr,.rv-badge,.rv-rot{transition-timing-function:ease-in-out} .rv-cl,.rv-cr{--rvd:2000ms} .rv-blur:not(.in){filter:blur(100px);opacity:0} .rv-fade:not(.in){opacity:0} .rv-up:not(.in){opacity:0;translate:0 20px} .rv-left:not(.in){opacity:0;translate:-50px 0} .rv-cl:not(.in){opacity:0;translate:-50px 0} .rv-cr:not(.in){opacity:0;translate:50px 0} .rv-badge:not(.in){filter:blur(100px);opacity:0;scale:1.1 1.1} .rv-rot:not(.in){opacity:0;rotate:2deg;translate:0 20px;transform-origin:top left} .rv-glass:not(.in){background:rgba(0,0,0,0)!important;backdrop-filter:blur(0px)!important;-webkit-backdrop-filter:blur(0px)!important} @media(max-width:990px){ .rv-cl:not(.in){translate:0 -50px} .rv-cr:not(.in){translate:0 50px} .rv-cl,.rv-cr{--rvd:1500ms} } /* ---- 本番 (Studio) との一致性 fix ---- */ /* フォーム見出しは全幅左寄せ */ .formsec__ttl{width:100%} /* theme.css のユーティリティ .show{display:block!important} が LP の .show セクションを壊すため復元 */ .page-series-xj .show{display:flex !important} /* theme.css の .icon{width:20px;height:20px} を打ち消し (Studio はサイズ指定なし) */ .page-series-xj :where(.icon){width:auto;height:auto;vertical-align:baseline} /* ヒーローコピーは Studio 本番同様 palt (約物詰め) を適用。行頭「 の天付きもこれで自然に揃う (旧: margin-left:-.5em の引き込みは Shopify テーマ上で palt が無かったための代替。二重適用になるので廃止) */ .hero__copy{font-feature-settings:'palt' 1} /* ========================================================================== Rich motion layer (GSAP + ScrollTrigger) .sxj-anim は JS が付与。JS/CDN 不成立時は付かず、従来表示のまま ========================================================================== */ /* Hero 初期状態 (defer 実行前の FOUC 防止のため CSS 側で隠す) */ .sxj-anim .hero__bg{transform:scale(1.08)} .sxj-anim .hero__copy p{overflow:hidden} .sxj-anim .hero__copy .sxj-line{display:inline-block;transform:translateY(115%)} .sxj-anim .hdr{opacity:0} .sxj-anim .hero__card{opacity:0} /* スクロール後のヘッダー: 背景を強めて可読性を上げる */ .hdr{transition:background .45s ease, -webkit-backdrop-filter .45s ease, backdrop-filter .45s ease} /* show セクション背景のパララックス余白 (PC のみ) */ @media (min-width: 1081px){ .sxj-anim .show::before{top:-9%;bottom:-9%;transform:translateY(var(--sxpar,0px))} } @media (prefers-reduced-motion: reduce){ .sxj-anim .hero__bg{transform:none} .sxj-anim .hero__copy .sxj-line{transform:none} .sxj-anim .hdr,.sxj-anim .hero__card{opacity:1} } .sxj-sim{--ac:#00a9e0;--acd:#0090c0;--w:#fff;--w95:rgba(255,255,255,.95);--w80:rgba(255,255,255,.8);--w60:rgba(255,255,255,.6);--w40:rgba(255,255,255,.4);--w20:rgba(255,255,255,.2);--w10:rgba(255,255,255,.1);--tx:#1a2a3a;--f:'Noto Sans JP',sans-serif;--e:cubic-bezier(.4,0,.2,1);--es:cubic-bezier(.34,1.56,.64,1);--r:12px;--rs:8px}.sxj-sim *,.sxj-sim *::before,.sxj-sim *::after{margin:0;padding:0;box-sizing:border-box}.sxj-sim{-webkit-text-size-adjust:100%}.sxj-sim{font-family:var(--f);font-size:14px;line-height:1.6;background:transparent;min-height:100vh;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}.sxj-sim img{max-width:100%;height:auto;display:block}.sxj-sim button{font-family:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.sxj-sim .app{width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}.sxj-sim /* Progress */ .prog{position:absolute;top:0;left:0;right:0;height:3px;background:var(--w20);z-index:100}.sxj-sim .prog__bar{height:100%;background:var(--w);border-radius:0 2px 2px 0;transition:width .6s var(--e);box-shadow:0 0 10px rgba(255,255,255,.5)}.sxj-sim /* Dots */ .dots{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:100;transition:opacity .4s var(--e)}.sxj-sim .dots--h{opacity:0;pointer-events:none}.sxj-sim .dot{width:9px;height:9px;border-radius:50%;background:var(--w40);transition:all .4s var(--es)}.sxj-sim .dot--a{background:var(--w);transform:scale(1.3);box-shadow:0 0 8px rgba(255,255,255,.6)}.sxj-sim .dot--d{background:var(--w80)}.sxj-sim /* Scene */ .sc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .6s var(--e),opacity .6s var(--e);will-change:transform,opacity}.sxj-sim .sc--er{transform:translateX(100%);opacity:0}.sxj-sim .sc--el{transform:translateX(-100%);opacity:0}.sxj-sim .sc--xl{transform:translateX(-40%);opacity:0}.sxj-sim .sc--xr{transform:translateX(40%);opacity:0}.sxj-sim .sc--a{transform:translateX(0);opacity:1}.sxj-sim .sc--h{display:none}.sxj-sim /* Q Scene */ .qs{flex-direction:column;align-items:center;justify-content:center;gap:12px}.sxj-sim /* Hero Banner */ .hb{display:flex;align-items:center;gap:14px;width:100%;max-width:460px;background:linear-gradient(135deg,#00a9e0,#2488c1);border-radius:var(--r);padding:12px 16px;color:var(--w);overflow:hidden}.sxj-sim .hb__t{flex:1;min-width:0}.sxj-sim .hb__tag{font-size:11px;font-weight:500;background:rgba(255,255,255,.18);display:inline-block;padding:2px 10px;border-radius:100px;margin-bottom:4px;line-height:1.6}.sxj-sim .hb__tag b{font-weight:700;color:#b8edff}.sxj-sim .hb__h{font-size:18px;font-weight:900;letter-spacing:.04em;line-height:1.3;margin-bottom:2px}.sxj-sim .hb__d{font-size:10px;color:var(--w80);line-height:1.4}.sxj-sim .hb__i{width:64px;flex-shrink:0}.sxj-sim .hb__i img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.sxj-sim /* Q Card */ .qc{background:var(--w);border-radius:var(--r);padding:24px 24px 22px;box-shadow:0 6px 32px rgba(0,40,80,.1);width:100%;max-width:460px}.sxj-sim .qc__ic{width:68px;height:68px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;animation:icf 3s ease-in-out infinite}.sxj-sim .qc__ic img{width:100%;height:100%;object-fit:contain} @keyframes icf{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.sxj-sim .qc__s{text-align:center;font-size:11px;font-weight:700;color:var(--ac);letter-spacing:.1em;margin-bottom:3px;text-transform:uppercase}.sxj-sim .qc__tt{text-align:center;font-size:18px;font-weight:700;color:var(--tx);margin-bottom:18px;letter-spacing:.02em}.sxj-sim /* Options */ .qo{display:flex;flex-direction:column;gap:8px}.sxj-sim .qb{position:relative;width:100%;padding:14px 18px;background:#f0f9ff;border:2px solid rgba(0,169,224,.25);border-radius:var(--rs);font-size:14px;font-weight:500;color:var(--acd);text-align:center;letter-spacing:.02em;transition:all .25s var(--e);overflow:hidden}.sxj-sim .qb::after{content:'';position:absolute;inset:0;background:var(--ac);border-radius:inherit;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--e);z-index:0}.sxj-sim .qb span{position:relative;z-index:1;transition:color .2s}.sxj-sim .qb:hover{border-color:var(--ac);transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,140,200,.14)}.sxj-sim .qb:active{transform:scale(.97)}.sxj-sim .qb--s{border-color:var(--ac);background:var(--ac);color:var(--w);transform:scale(1.02);box-shadow:0 4px 18px rgba(0,140,200,.3)}.sxj-sim .qb--s::after{transform:scaleX(1)}.sxj-sim .qb--s span{color:var(--w)} @keyframes sp{0%{box-shadow:0 0 0 0 rgba(0,169,224,.4)}70%{box-shadow:0 0 0 10px rgba(0,169,224,0)}100%{box-shadow:0 0 0 0 rgba(0,169,224,0)}}.sxj-sim .qb--p{animation:sp .6s var(--e)}.sxj-sim .qh{text-align:center;font-size:12px;color:var(--w60)}.sxj-sim /* Result Scene */ .rs{flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:16px 16px 32px;scrollbar-width:thin;scrollbar-color:var(--w40) transparent}.sxj-sim .rs::-webkit-scrollbar{width:4px}.sxj-sim .rs::-webkit-scrollbar-track{background:transparent}.sxj-sim .rs::-webkit-scrollbar-thumb{background:var(--w40);border-radius:2px}.sxj-sim .rc{width:100%;max-width:560px;text-align:center}.sxj-sim /* Back */ .rb{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--w80);margin-bottom:14px;padding:4px 0;transition:color .2s}.sxj-sim .rb:hover{color:var(--w)}.sxj-sim .rb svg{width:14px;height:14px}.sxj-sim /* Savings */ .sv{text-align:center;padding:22px 16px 20px;background:var(--w10);border:1px solid var(--w20);border-radius:var(--r);margin-bottom:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(16px);transition:all .7s var(--e)}.sxj-sim .sv--v{opacity:1;transform:translateY(0)}.sxj-sim .sv__l{font-size:15px;font-weight:600;color:var(--w95);letter-spacing:.06em;margin-bottom:6px}.sxj-sim .sv__a{display:flex;align-items:baseline;justify-content:center;gap:2px;line-height:1;margin-bottom:8px}.sxj-sim .sv__y{font-size:22px;font-weight:700;color:var(--w)}.sxj-sim .sv__v{font-size:56px;font-weight:900;color:var(--w);letter-spacing:-.02em}.sxj-sim .sv__p{font-size:18px;font-weight:600;color:var(--w60);margin-left:3px}.sxj-sim .sv__s{font-size:10px;color:var(--w60);margin-bottom:6px}.sxj-sim .sv__n{display:inline-block;font-size:11px;color:var(--w95);background:var(--w10);border-radius:100px;padding:5px 14px;line-height:1.4}.sxj-sim /* Section Label */ .rl{font-size:13px;font-weight:600;color:var(--w95);letter-spacing:.06em;margin-bottom:8px;text-align:center}.sxj-sim /* Equipment */ .eq{margin-bottom:16px;opacity:0;transform:translateY(16px);transition:all .7s var(--e) .15s}.sxj-sim .eq--v{opacity:1;transform:translateY(0)}.sxj-sim .eqc{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:8px}.sxj-sim .eqi{background:var(--w10);border:1px solid var(--w10);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.sxj-sim .eqi__img{width:50px;flex-shrink:0;opacity:.9}.sxj-sim .eqi__n{font-size:10px;font-weight:500;color:var(--w60);margin-bottom:1px}.sxj-sim .eqi__sp{display:flex;align-items:baseline;justify-content:center;gap:3px}.sxj-sim .eqi__v{font-size:28px;font-weight:900;color:var(--w);line-height:1}.sxj-sim .eqi__u{font-size:14px;font-weight:600;color:var(--w60)}.sxj-sim .eqs{display:flex;align-items:center;justify-content:center}.sxj-sim .eqs svg{opacity:.5}.sxj-sim .eqp{background:var(--w10);border:1px solid var(--w10);border-radius:var(--r);padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px}.sxj-sim .eqp__l{font-size:11px;font-weight:500;color:var(--w60)}.sxj-sim .eqp__a{font-size:22px;font-weight:900;color:var(--w)}.sxj-sim .eqp__a .ys{font-size:14px;font-weight:700;margin-right:1px}.sxj-sim /* Warranty */ .wr{margin-bottom:16px;opacity:0;transform:translateY(16px);transition:all .7s var(--e) .3s}.sxj-sim .wr--v{opacity:1;transform:translateY(0)}.sxj-sim .wrc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sxj-sim .wri{background:var(--w10);border:1px solid var(--w10);border-radius:var(--r);padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.sxj-sim .wri__h{display:flex;flex-direction:column;align-items:center;gap:4px}.sxj-sim .wri__img{width:36px;opacity:.8}.sxj-sim .wri__n{font-size:11px;font-weight:600;color:var(--w95)}.sxj-sim .wri__p{display:flex;align-items:baseline;justify-content:center;gap:2px}.sxj-sim .wri__y{font-size:34px;font-weight:900;color:var(--w);line-height:1;letter-spacing:-.03em}.sxj-sim .wri__t{font-size:13px;font-weight:500;color:var(--w60)}.sxj-sim .wrt{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sxj-sim .wrtg{display:flex;align-items:baseline;gap:3px}.sxj-sim .wrtg__l{background:rgba(0,160,220,.45);border-radius:100px;padding:2px 7px;font-size:9px;font-weight:600;color:var(--w)}.sxj-sim .wrtg__y{font-size:20px;font-weight:900;color:var(--w);line-height:1}.sxj-sim .wrtg__t{font-size:11px;font-weight:500;color:var(--w60)}.sxj-sim /* Disclaimer */ .di{opacity:0;transform:translateY(8px);transition:all .7s var(--e) .45s;text-align:center}.sxj-sim .di--v{opacity:1;transform:translateY(0)}.sxj-sim .di p{font-size:9px;line-height:1.7;color:var(--w40);margin-bottom:1px}.sxj-sim /* Confetti */ .cf{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.sxj-sim .cfp{position:absolute;width:8px;height:8px;border-radius:2px;top:-10px;animation:cff linear forwards} @keyframes cff{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}@media(max-width:768px){.sxj-sim .qc{padding:20px 18px 18px}.sxj-sim .qc__ic{width:56px;height:56px;margin-bottom:10px}.sxj-sim .qc__tt{font-size:16px;margin-bottom:14px}.sxj-sim .qb{padding:12px 14px;font-size:13px}.sxj-sim .hb{padding:10px 14px;gap:10px}.sxj-sim .hb__h{font-size:16px}.sxj-sim .hb__i{width:52px}.sxj-sim .sv__v{font-size:46px}.sxj-sim .sv__y{font-size:18px}.sxj-sim .eqc{grid-template-columns:1fr;gap:6px}.sxj-sim .eqs{transform:rotate(90deg);margin:-4px 0}.sxj-sim .eqi{flex-direction:row;gap:10px}.sxj-sim .eqi__v{font-size:24px}.sxj-sim .wrc{grid-template-columns:1fr;gap:6px}.sxj-sim .wri{flex-direction:row;justify-content:center;gap:10px}.sxj-sim .wri__h{flex-direction:row}.sxj-sim .wri__y{font-size:26px}.sxj-sim .wrtg__y{font-size:16px}}@media(max-width:480px){.sxj-sim .qc{padding:16px 14px 14px}.sxj-sim .qc__ic{width:48px;height:48px}.sxj-sim .qc__s{font-size:10px}.sxj-sim .qc__tt{font-size:15px;margin-bottom:12px}.sxj-sim .qb{padding:11px 12px;font-size:12px}.sxj-sim .hb{padding:8px 12px}.sxj-sim .hb__h{font-size:14px}.sxj-sim .hb__d{font-size:9px}.sxj-sim .hb__i{width:44px}.sxj-sim .rs{padding:12px 12px 24px}.sxj-sim .sv{padding:16px 12px 14px}.sxj-sim .sv__v{font-size:38px}.sxj-sim .eqi{padding:10px 12px}.sxj-sim .eqi__img{width:40px}.sxj-sim .eqi__v{font-size:22px}.sxj-sim .eqp{flex-direction:column;gap:3px}.sxj-sim .eqp__a{font-size:18px}} /* モーダル内インライン用の寸法調整 (元は iframe = 独立ビューポート) */ .sxj-sim{position:relative;width:100%;height:100%;min-height:0;overflow:hidden} .sxj-sim .app{height:100%} /* ---- rich motion (追加分): ホバー時の浮き上がり / 画像リビール ---- */ @media (hover:hover) and (prefers-reduced-motion: no-preference){ .anshin__grid>*,.denki__kcards>*,.anzen__grid>*,.voice__cards>*,.tokuten__c1,.tokuten__c2{transition:translate .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1)} .anshin__grid>*:hover,.denki__kcards>*:hover,.anzen__grid>*:hover,.voice__cards>*:hover,.tokuten__c1:hover,.tokuten__c2:hover{translate:0 -6px;box-shadow:0 18px 40px -18px rgba(0,40,80,.28)} .hero__card a{transition:translate .35s cubic-bezier(.2,.8,.2,1),opacity .35s} .hero__card a:hover{translate:0 -2px} } .sxj-anim .sxj-clip{clip-path:inset(10% round 14px);transform:scale(1.08);will-change:clip-path,transform} .sxj-anim .sxj-title{clip-path:inset(0 0 100% 0);will-change:clip-path,transform}