ASAGAOアスモテーブルパワーテーション延長保証
.tc.nt_labels.pa.pe_none.cw { display: none; } .extended-warranty h2 { text-align: center; /* 居中对齐 */ margin-top: 20px; font-size: 24px; color: #0857B1; } .extended-warranty .artic le { margin-top: 30px; text-align: left; font-size: 18px; font-weight: bold; } .extended-warranty .remark { text-align: left; font-size: 18px; } /* 基本样式 */ :root { --warranty-bg: #dcdddd; --ext-1-bg: #b5b6b6; --ext-2-bg: #9fa0a0; --ext-3-bg: #8a8989; --text-color: black; --header-bg: #d9d7d7; } .extended-warranty .first-container { background-color: #E6E6E6; padding: 60px; z-index: -1; } .extended-warranty .chart-container { background-color: white; font-family: Arial, sans-serif; position: relative; width: 100%; margin: 0 auto; } .extended-warranty .chart-header { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: bold; position: relative; } .extended-warranty .chart-header div { width: calc(100% / 7); text-align: center; position: relative; } .extended-warranty .chart-header div::after { content: ""; position: absolute; bottom: -220px; /* 调整竖线位置 */ left: 50%; transform: translateX(-50%); width: 1px; height: 220px; /* 设置为100%以贯穿整个图表 */ background-color: var(--header-bg); z-index: 0; /* 确保竖线在内容下方 */ } .extended-warranty .chart-row { display: flex; align-items: center; margin-bottom: 15px; } .extended-warranty .chart-label { width: 0%; text-align: center; font-weight: bold; } .extended-warranty .bar { display: flex; height: 60px; width: calc(100% - 100%/7); /* 计算去除 margin-left 的宽度 */ margin-left: calc(100% / 14); /* 保留原来的 margin-left */ } .extended-warranty .warranty-period { background-color: var(--warranty-bg); display: flex; justify-content: center; align-items: center; font-weight: bold; color: black; font-size: 18px; z-index: 1; } .extended-warranty .extension { display: flex; flex-direction: column; /* 垂直排列 */ justify-content: center; /* 垂直居中 */ align-items: center; /* 水平居中 */ } .extended-warranty .extension .extension-title { font-size: 14px; /* 设置第一个 div 字体大小 */ } .extended-warranty .extension .extension-duration { font-size: 18px; /* 设置第二个 div 字体大小 */ } .extended-warranty .extension-1 { background-color: var(--ext-1-bg); display: flex; justify-content: center; align-items: center; font-weight: bold; color: var(--text-color); z-index: 1; } .extended-warranty .extension-2 { background-color: var(--ext-2-bg); display: flex; justify-content: center; align-items: center; font-weight: bold; color: var(--text-color); z-index: 1; } .extended-warranty .extension-3 { background-color: var(--ext-3-bg); display: flex; justify-content: center; align-items: center; font-weight: bold; color: var(--text-color); z-index: 1; } /* Hover effect for rows */ .extended-warranty .chart-row:hover .bar { opacity: 0.8; } .extended-warranty .service-flow { display: flex; align-items: center; justify-content: center; } .extended-warranty .service-item { display: flex; flex-direction: column; align-items: center; margin: 0; width: 200px; /* 设置宽度 */ height: auto; /* 设置高度 */ } .extended-warranty .service-item .label { margin-top: 20px; font-size: 13px; font-weight: bold; } .extended-warranty .circle { width: 100px; /* 圆框的直径 */ height: 100px; /* 圆框的直径 */ border-radius: 50%; background-color: #E6E6E6; /* 使其成为圆形 */ display: flex; align-items: center; justify-content: center; position: relative; } .extended-warranty .arrow { display: flex; justify-content: center; align-items: center; margin-top: -50px; } .extended-warranty p { margin-top: 10px; /* 文字与圆框的间距 */ text-align: center; } .extended-warranty .button-container { text-align: center; margin-top: 20px; } .extended-warranty .button-container #contact-btn { display: inline-block; background-color: #08579E; color: #fff; padding: 20px 40px; margin: center; font-size: 20px; text-decoration: none; border-radius: 0px; border: 0px; text-align: center; margin-top: 20px; font-weight: bold; } .extended-warranty .button-container #contact-btn:hover { background-color: #094b84; cursor: pointer; } .extended-warranty .notes { margin-top: 30px; } .extended-warranty .notes h2 { color: black; font-weight: bolder; font-size: 24px; margin-bottom: 10px; text-align: center; } .extended-warranty .notes p { text-align: left; font-size: 20px; } @media (max-width: 768px) { .extended-warranty .service-flow { flex-direction: column; gap: 20px; } .extended-warranty .arrow { transform: rotate(90deg); margin: 0; } .extended-warranty .circle { width: 80px; height: 80px; } .extended-warranty .service-item .label { font-size: 14px; } .extended-warranty .extension .extension-title { font-size: 6px; /* 设置第一个 div 字体大小 */ } .extended-warranty .extension .extension-duration { font-size: 10px; /* 设置第二个 div 字体大小 */ } .extended-warranty .warranty-period { font-size: 14px; } .extended-warranty .first-container { padding: 10px; } .extended-warranty .article .extended-warranty .remark { font-size: 16px; } } 詳細を確認する ご購入日 1年 2年 3年 4年 5年 6年 製品保証期間3年間 保証延長サービス 1年間加入 製品保証期間3年間 保証延長サービス 2年間加入 製品保証期間3年間 保証延長サービス 3年間加入 製品ご購入後３０日以内に保証延長サービスにご加入いただくことで、 製品保証期間３年終了後も一定期間、製品保証と同等の保証延長サービス をご提供いたします。 保証条件については、取扱い説明書の保証規定※に記載されている規定に従います ※取扱い説明書のご確認はコチラ サービスフロー アズ延長保証を購入 延長保証費用のお支払い 製品情報をASAGAOにご連絡 延長保証発効 製品情報をご連絡 注意事項 延長保証の適用範囲このサービスの購入は、製品ご購入後３０日以内に限られます。最大3年間延長保証が提供できます。 延長保証の保証内容製品保証と同等の延長保証サービスをご提供いたします。保証条件については、保証規定に記載されている規定に従います。 アズモ延長保証の領収書の取得方法についてアズモ延長保証の登録完了後、領収書が必要な場合は、ASAGAOまでご連絡ください。領収書の発行所要時間は5〜10営業日となります。 window.onload = function () { document.getElementById('contact-btn').addEventListener('click', function () { window.open('https://asagao.co.jp/pages/warranty_contact', '_blank'); }); };