<\/p>\n
\n
\u6700\u8fd1\u3001\u5468\u308a\u306e\u53cb\u3060\u3061\u304c\u300c\u304a\u808c\u306e\u8abf\u5b50\u304c\u3059\u3054\u304f\u3044\u3044\uff01\u300d\u300c\u306a\u3093\u3060\u304b\u75b2\u308c\u306b\u304f\u304f\u306a\u3063\u305f\u6c17\u304c\u3059\u308b\u300d\u306a\u3093\u3066\u8a00\u3063\u3066\u3044\u308b\u306e\u3092\u805e\u3044\u3066\u3001\u79c1\u3082\u6c17\u306b\u306a\u3063\u3066\u3044\u305f\u3093\u3067\u3059\u3002\u3082\u3057\u304b\u3057\u3066\u3001\u307f\u3093\u306a\u304c\u8a71\u984c\u306b\u3057\u3066\u3044\u308b\u300c\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u300d<\/span>\u306e\u3053\u3068\u304b\u306a\uff1f\u3068\u3002\u79c1\u3082\u4f53\u9a13\u3057\u3066\u307f\u305f\u304f\u306a\u3063\u305f\u306e\u3067\u3001\u8272\u3005\u8abf\u3079\u3066\u307f\u307e\u3057\u305f\ud83d\ude0a<\/p>\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\uff08\u03b1-\u30ea\u30dd\u9178\u6ce8\u5c04\uff09\u3063\u3066\u4f55\uff1f\u305d\u306e\u57fa\u672c\u3092\u5fb9\u5e95\u89e3\u8aac\uff01\ud83d\udca1<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u305d\u306e\u540d\u306e\u901a\u308a\u300c\u30b7\u30f3\u30c7\u30ec\u30e9\u300d\u306e\u3088\u3046\u306b\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u3092\u5f15\u304d\u51fa\u3059\u7f8e\u5bb9\u70b9\u6ef4\u3068\u3057\u3066\u6ce8\u76ee\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5225\u540d\u300c\u03b1-\u30ea\u30dd\u9178\u6ce8\u5c04<\/span>\u300d\u3068\u3082\u547c\u3070\u308c\u3066\u3044\u3066\u3001\u305d\u306e\u4e3b\u6210\u5206\u306f\u307e\u3055\u306b\u03b1-\u30ea\u30dd\u9178\u306a\u3093\u3067\u3059\u3002<\/p>\n\u3053\u306e\u03b1-\u30ea\u30dd\u9178\u3001\u5b9f\u306f\u4f53\u5185\u3067\u751f\u6210\u3055\u308c\u308b\u6210\u5206\u3067\u3001\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3063\u3066\u3044\u308b\u3093\u3067\u3059\u3088\u3002\u5e74\u9f62\u3068\u3068\u3082\u306b\u4f53\u5185\u306e\u6297\u9178\u5316\u529b\u306f\u8870\u3048\u304c\u3061\u306a\u306e\u3067\u3001\u5916\u90e8\u304b\u3089\u88dc\u7d66\u3059\u308b\u3053\u3068\u3067\u3001\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u306e\u5897\u52a0\u3092\u6291\u5236<\/span>\u3057\u3001\u79c1\u305f\u3061\u306e\u4f53\u3092\u5185\u5074\u304b\u3089\u5b88\u3063\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u307e\u308b\u3067\u4f53\u306e\u30ac\u30fc\u30c9\u30de\u30f3\u307f\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\ud83d\udca1 \u77e5\u3063\u3066\u307e\u3057\u305f\u304b\uff1f<\/strong>\n\u03b1-\u30ea\u30dd\u9178\u306e\u6297\u9178\u5316\u529b\u306f\u3001\u306a\u3093\u3068\u30d3\u30bf\u30df\u30f3C\u3084E\u306e\u7d04400\u500d\u3068\u3082\u8a00\u308f\u308c\u3066\u3044\u308b\u3093\u3067\u3059\uff01\u4f53\u5185\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u751f\u6210\u3092\u52a9\u3051\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u7f8e\u5bb9\u3068\u5065\u5eb7\u306b\u6b20\u304b\u305b\u306a\u3044\u30b9\u30fc\u30d1\u30fc\u6210\u5206\u306a\u3093\u3067\u3059\u306d\u3002<\/div>\n<\/div>\n<\/p>\n\n\n\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u306e\u79d8\u5bc6\uff01\u65bd\u8853\u306e\u539f\u7406\u3068\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u89e3\u8aac\ud83d\udd2c<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u4e3b\u6210\u5206\u3067\u3042\u308b\u03b1-\u30ea\u30dd\u9178\u306f\u3001\u79c1\u305f\u3061\u306e\u7d30\u80de\u306e\u4e2d\u306b\u3042\u308b\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2<\/span>\u306b\u50cd\u304d\u304b\u3051\u307e\u3059\u3002\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2\u3063\u3066\u3001\u7d30\u80de\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u5de5\u5834\u307f\u305f\u3044\u306a\u3082\u306e\u306a\u3093\u3067\u3059\u3088\uff01\u305d\u3053\u3067\u71b1\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u7523\u751f\u3092\u4fc3\u9032\u3057\u3001\u65b0\u9673\u4ee3\u8b1d\u3092\u9ad8\u3081\u308b\u50cd\u304d\u304c\u3042\u308b\u3093\u3067\u3059\u3002<\/p>\n\u65b0\u9673\u4ee3\u8b1d\u304c\u6d3b\u767a\u306b\u306a\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u4f53\u8102\u80aa\u306e\u5897\u52a0\u3092\u6291\u3048\u308b\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\uff01\u305d\u3046\u3001\u3064\u307e\u308a\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/span>\u3082\u671f\u5f85\u3067\u304d\u3061\u3083\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u305d\u308c\u306b\u52a0\u3048\u3066\u3001\u8840\u6d41\u3092\u6539\u5584\u3057\u3066\u4f53\u5185\u306e\u30c7\u30c8\u30c3\u30af\u30b9\u4f5c\u7528\u3092\u4fc3\u9032\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u808c\u306e\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u304c\u6b63\u5e38\u5316\u3057\u3001\u30e1\u30e9\u30cb\u30f3\u8272\u7d20\u306e\u751f\u6210\u3092\u6291\u5236\u3057\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u3053\u308c\u3063\u3066\u3001\u304f\u3059\u307f\u306e\u306a\u3044\u900f\u660e\u611f\u306e\u3042\u308b\u808c\u3078\u306e\u7b2c\u4e00\u6b69\u3058\u3083\u306a\u3044\u3067\u3059\u304b\uff1f\u672c\u5f53\u306b\u3059\u3054\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u3069\u3093\u306a\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u306e\uff1f\u7f8e\u808c\u304b\u3089\u5168\u8eab\u306e\u5065\u5eb7\u307e\u3067\uff01\ud83d\ude0a<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\u7f8e\u808c\u52b9\u679c<\/strong>\uff1a\u808c\u306e\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\uff08\u7f8e\u767d\u52b9\u679c\uff09\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u306e\u6539\u5584\u3001\u808c\u306e\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a\u3002<\/li>\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c<\/strong>\uff1a\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u306b\u3088\u308a\u3001\u30b7\u30ef\u3084\u305f\u308b\u307f\u3092\u4e88\u9632\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301<\/strong>\uff1a\u6162\u6027\u7684\u306a\u75b2\u52b4\u611f\u306e\u56de\u5fa9\u3001\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u306e\u6539\u5584\u3001\u514d\u75ab\u529b\u306e\u5411\u4e0a\u3002<\/li>\n<\/ul>\n\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\ud83d\udcdd \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u4e00\u89a7<\/h3>\n\n\n\n\u30ab\u30c6\u30b4\u30ea<\/th>\n\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c<\/th>\n<\/tr>\n<\/thead>\n\n\n\u7f8e\u808c<\/td>\n\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a<\/td>\n<\/tr>\n\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/td>\n\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u3001\u8001\u5316\u6291\u5236<\/td>\n<\/tr>\n\n\u5065\u5eb7<\/td>\n\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u3001\u30c0\u30a4\u30a8\u30c3\u30c8\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/p>\n\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3001\u3044\u304f\u3089\u304f\u3089\u3044\u304b\u304b\u308b\u306e\uff1f\u4fa1\u683c\u5e2f\u3068\u8ce2\u3044\u9078\u3073\u65b9\ud83d\udcb0<\/strong><\/h2>\n\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u305d\u306e\u540d\u306e\u901a\u308a\u300c\u30b7\u30f3\u30c7\u30ec\u30e9\u300d\u306e\u3088\u3046\u306b\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u3092\u5f15\u304d\u51fa\u3059\u7f8e\u5bb9\u70b9\u6ef4\u3068\u3057\u3066\u6ce8\u76ee\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u5225\u540d\u300c\u03b1-\u30ea\u30dd\u9178\u6ce8\u5c04<\/span>\u300d\u3068\u3082\u547c\u3070\u308c\u3066\u3044\u3066\u3001\u305d\u306e\u4e3b\u6210\u5206\u306f\u307e\u3055\u306b\u03b1-\u30ea\u30dd\u9178\u306a\u3093\u3067\u3059\u3002<\/p>\n\u3053\u306e\u03b1-\u30ea\u30dd\u9178\u3001\u5b9f\u306f\u4f53\u5185\u3067\u751f\u6210\u3055\u308c\u308b\u6210\u5206\u3067\u3001\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3063\u3066\u3044\u308b\u3093\u3067\u3059\u3088\u3002\u5e74\u9f62\u3068\u3068\u3082\u306b\u4f53\u5185\u306e\u6297\u9178\u5316\u529b\u306f\u8870\u3048\u304c\u3061\u306a\u306e\u3067\u3001\u5916\u90e8\u304b\u3089\u88dc\u7d66\u3059\u308b\u3053\u3068\u3067\u3001\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u306e\u5897\u52a0\u3092\u6291\u5236<\/span>\u3057\u3001\u79c1\u305f\u3061\u306e\u4f53\u3092\u5185\u5074\u304b\u3089\u5b88\u3063\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u307e\u308b\u3067\u4f53\u306e\u30ac\u30fc\u30c9\u30de\u30f3\u307f\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\ud83d\udca1 \u77e5\u3063\u3066\u307e\u3057\u305f\u304b\uff1f<\/strong>\n\u03b1-\u30ea\u30dd\u9178\u306e\u6297\u9178\u5316\u529b\u306f\u3001\u306a\u3093\u3068\u30d3\u30bf\u30df\u30f3C\u3084E\u306e\u7d04400\u500d\u3068\u3082\u8a00\u308f\u308c\u3066\u3044\u308b\u3093\u3067\u3059\uff01\u4f53\u5185\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u751f\u6210\u3092\u52a9\u3051\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u7f8e\u5bb9\u3068\u5065\u5eb7\u306b\u6b20\u304b\u305b\u306a\u3044\u30b9\u30fc\u30d1\u30fc\u6210\u5206\u306a\u3093\u3067\u3059\u306d\u3002<\/div>\n<\/div>\n<\/p>\n\n\n\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u306e\u79d8\u5bc6\uff01\u65bd\u8853\u306e\u539f\u7406\u3068\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u89e3\u8aac\ud83d\udd2c<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u4e3b\u6210\u5206\u3067\u3042\u308b\u03b1-\u30ea\u30dd\u9178\u306f\u3001\u79c1\u305f\u3061\u306e\u7d30\u80de\u306e\u4e2d\u306b\u3042\u308b\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2<\/span>\u306b\u50cd\u304d\u304b\u3051\u307e\u3059\u3002\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2\u3063\u3066\u3001\u7d30\u80de\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u5de5\u5834\u307f\u305f\u3044\u306a\u3082\u306e\u306a\u3093\u3067\u3059\u3088\uff01\u305d\u3053\u3067\u71b1\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u7523\u751f\u3092\u4fc3\u9032\u3057\u3001\u65b0\u9673\u4ee3\u8b1d\u3092\u9ad8\u3081\u308b\u50cd\u304d\u304c\u3042\u308b\u3093\u3067\u3059\u3002<\/p>\n\u65b0\u9673\u4ee3\u8b1d\u304c\u6d3b\u767a\u306b\u306a\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u4f53\u8102\u80aa\u306e\u5897\u52a0\u3092\u6291\u3048\u308b\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\uff01\u305d\u3046\u3001\u3064\u307e\u308a\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/span>\u3082\u671f\u5f85\u3067\u304d\u3061\u3083\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u305d\u308c\u306b\u52a0\u3048\u3066\u3001\u8840\u6d41\u3092\u6539\u5584\u3057\u3066\u4f53\u5185\u306e\u30c7\u30c8\u30c3\u30af\u30b9\u4f5c\u7528\u3092\u4fc3\u9032\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u808c\u306e\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u304c\u6b63\u5e38\u5316\u3057\u3001\u30e1\u30e9\u30cb\u30f3\u8272\u7d20\u306e\u751f\u6210\u3092\u6291\u5236\u3057\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u3053\u308c\u3063\u3066\u3001\u304f\u3059\u307f\u306e\u306a\u3044\u900f\u660e\u611f\u306e\u3042\u308b\u808c\u3078\u306e\u7b2c\u4e00\u6b69\u3058\u3083\u306a\u3044\u3067\u3059\u304b\uff1f\u672c\u5f53\u306b\u3059\u3054\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u3069\u3093\u306a\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u306e\uff1f\u7f8e\u808c\u304b\u3089\u5168\u8eab\u306e\u5065\u5eb7\u307e\u3067\uff01\ud83d\ude0a<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\u7f8e\u808c\u52b9\u679c<\/strong>\uff1a\u808c\u306e\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\uff08\u7f8e\u767d\u52b9\u679c\uff09\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u306e\u6539\u5584\u3001\u808c\u306e\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a\u3002<\/li>\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c<\/strong>\uff1a\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u306b\u3088\u308a\u3001\u30b7\u30ef\u3084\u305f\u308b\u307f\u3092\u4e88\u9632\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301<\/strong>\uff1a\u6162\u6027\u7684\u306a\u75b2\u52b4\u611f\u306e\u56de\u5fa9\u3001\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u306e\u6539\u5584\u3001\u514d\u75ab\u529b\u306e\u5411\u4e0a\u3002<\/li>\n<\/ul>\n\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\ud83d\udcdd \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u4e00\u89a7<\/h3>\n\n\n\n\u30ab\u30c6\u30b4\u30ea<\/th>\n\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c<\/th>\n<\/tr>\n<\/thead>\n\n\n\u7f8e\u808c<\/td>\n\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a<\/td>\n<\/tr>\n\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/td>\n\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u3001\u8001\u5316\u6291\u5236<\/td>\n<\/tr>\n\n\u5065\u5eb7<\/td>\n\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u3001\u30c0\u30a4\u30a8\u30c3\u30c8\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/p>\n\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3001\u3044\u304f\u3089\u304f\u3089\u3044\u304b\u304b\u308b\u306e\uff1f\u4fa1\u683c\u5e2f\u3068\u8ce2\u3044\u9078\u3073\u65b9\ud83d\udcb0<\/strong><\/h2>\n\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u3053\u306e\u03b1-\u30ea\u30dd\u9178\u3001\u5b9f\u306f\u4f53\u5185\u3067\u751f\u6210\u3055\u308c\u308b\u6210\u5206\u3067\u3001\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3063\u3066\u3044\u308b\u3093\u3067\u3059\u3088\u3002\u5e74\u9f62\u3068\u3068\u3082\u306b\u4f53\u5185\u306e\u6297\u9178\u5316\u529b\u306f\u8870\u3048\u304c\u3061\u306a\u306e\u3067\u3001\u5916\u90e8\u304b\u3089\u88dc\u7d66\u3059\u308b\u3053\u3068\u3067\u3001\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u306e\u5897\u52a0\u3092\u6291\u5236<\/span>\u3057\u3001\u79c1\u305f\u3061\u306e\u4f53\u3092\u5185\u5074\u304b\u3089\u5b88\u3063\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u307e\u308b\u3067\u4f53\u306e\u30ac\u30fc\u30c9\u30de\u30f3\u307f\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\ud83d\udca1 \u77e5\u3063\u3066\u307e\u3057\u305f\u304b\uff1f<\/strong>\n\u03b1-\u30ea\u30dd\u9178\u306e\u6297\u9178\u5316\u529b\u306f\u3001\u306a\u3093\u3068\u30d3\u30bf\u30df\u30f3C\u3084E\u306e\u7d04400\u500d\u3068\u3082\u8a00\u308f\u308c\u3066\u3044\u308b\u3093\u3067\u3059\uff01\u4f53\u5185\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u751f\u6210\u3092\u52a9\u3051\u308b\u3060\u3051\u3067\u306a\u304f\u3001\u7f8e\u5bb9\u3068\u5065\u5eb7\u306b\u6b20\u304b\u305b\u306a\u3044\u30b9\u30fc\u30d1\u30fc\u6210\u5206\u306a\u3093\u3067\u3059\u306d\u3002<\/div>\n<\/div>\n<\/p>\n\n\n\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u306e\u79d8\u5bc6\uff01\u65bd\u8853\u306e\u539f\u7406\u3068\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u89e3\u8aac\ud83d\udd2c<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u4e3b\u6210\u5206\u3067\u3042\u308b\u03b1-\u30ea\u30dd\u9178\u306f\u3001\u79c1\u305f\u3061\u306e\u7d30\u80de\u306e\u4e2d\u306b\u3042\u308b\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2<\/span>\u306b\u50cd\u304d\u304b\u3051\u307e\u3059\u3002\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2\u3063\u3066\u3001\u7d30\u80de\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u5de5\u5834\u307f\u305f\u3044\u306a\u3082\u306e\u306a\u3093\u3067\u3059\u3088\uff01\u305d\u3053\u3067\u71b1\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u7523\u751f\u3092\u4fc3\u9032\u3057\u3001\u65b0\u9673\u4ee3\u8b1d\u3092\u9ad8\u3081\u308b\u50cd\u304d\u304c\u3042\u308b\u3093\u3067\u3059\u3002<\/p>\n\u65b0\u9673\u4ee3\u8b1d\u304c\u6d3b\u767a\u306b\u306a\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u4f53\u8102\u80aa\u306e\u5897\u52a0\u3092\u6291\u3048\u308b\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\uff01\u305d\u3046\u3001\u3064\u307e\u308a\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/span>\u3082\u671f\u5f85\u3067\u304d\u3061\u3083\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u305d\u308c\u306b\u52a0\u3048\u3066\u3001\u8840\u6d41\u3092\u6539\u5584\u3057\u3066\u4f53\u5185\u306e\u30c7\u30c8\u30c3\u30af\u30b9\u4f5c\u7528\u3092\u4fc3\u9032\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u808c\u306e\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u304c\u6b63\u5e38\u5316\u3057\u3001\u30e1\u30e9\u30cb\u30f3\u8272\u7d20\u306e\u751f\u6210\u3092\u6291\u5236\u3057\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u3053\u308c\u3063\u3066\u3001\u304f\u3059\u307f\u306e\u306a\u3044\u900f\u660e\u611f\u306e\u3042\u308b\u808c\u3078\u306e\u7b2c\u4e00\u6b69\u3058\u3083\u306a\u3044\u3067\u3059\u304b\uff1f\u672c\u5f53\u306b\u3059\u3054\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u3069\u3093\u306a\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u306e\uff1f\u7f8e\u808c\u304b\u3089\u5168\u8eab\u306e\u5065\u5eb7\u307e\u3067\uff01\ud83d\ude0a<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\u7f8e\u808c\u52b9\u679c<\/strong>\uff1a\u808c\u306e\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\uff08\u7f8e\u767d\u52b9\u679c\uff09\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u306e\u6539\u5584\u3001\u808c\u306e\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a\u3002<\/li>\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c<\/strong>\uff1a\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u306b\u3088\u308a\u3001\u30b7\u30ef\u3084\u305f\u308b\u307f\u3092\u4e88\u9632\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301<\/strong>\uff1a\u6162\u6027\u7684\u306a\u75b2\u52b4\u611f\u306e\u56de\u5fa9\u3001\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u306e\u6539\u5584\u3001\u514d\u75ab\u529b\u306e\u5411\u4e0a\u3002<\/li>\n<\/ul>\n\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\ud83d\udcdd \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u4e00\u89a7<\/h3>\n\n\n\n\u30ab\u30c6\u30b4\u30ea<\/th>\n\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c<\/th>\n<\/tr>\n<\/thead>\n\n\n\u7f8e\u808c<\/td>\n\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a<\/td>\n<\/tr>\n\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/td>\n\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u3001\u8001\u5316\u6291\u5236<\/td>\n<\/tr>\n\n\u5065\u5eb7<\/td>\n\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u3001\u30c0\u30a4\u30a8\u30c3\u30c8\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/p>\n\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3001\u3044\u304f\u3089\u304f\u3089\u3044\u304b\u304b\u308b\u306e\uff1f\u4fa1\u683c\u5e2f\u3068\u8ce2\u3044\u9078\u3073\u65b9\ud83d\udcb0<\/strong><\/h2>\n\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u4e3b\u6210\u5206\u3067\u3042\u308b\u03b1-\u30ea\u30dd\u9178\u306f\u3001\u79c1\u305f\u3061\u306e\u7d30\u80de\u306e\u4e2d\u306b\u3042\u308b\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2<\/span>\u306b\u50cd\u304d\u304b\u3051\u307e\u3059\u3002\u30df\u30c8\u30b3\u30f3\u30c9\u30ea\u30a2\u3063\u3066\u3001\u7d30\u80de\u306e\u30a8\u30cd\u30eb\u30ae\u30fc\u5de5\u5834\u307f\u305f\u3044\u306a\u3082\u306e\u306a\u3093\u3067\u3059\u3088\uff01\u305d\u3053\u3067\u71b1\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u7523\u751f\u3092\u4fc3\u9032\u3057\u3001\u65b0\u9673\u4ee3\u8b1d\u3092\u9ad8\u3081\u308b\u50cd\u304d\u304c\u3042\u308b\u3093\u3067\u3059\u3002<\/p>\n\u65b0\u9673\u4ee3\u8b1d\u304c\u6d3b\u767a\u306b\u306a\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u4f53\u8102\u80aa\u306e\u5897\u52a0\u3092\u6291\u3048\u308b\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\uff01\u305d\u3046\u3001\u3064\u307e\u308a\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/span>\u3082\u671f\u5f85\u3067\u304d\u3061\u3083\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u305d\u308c\u306b\u52a0\u3048\u3066\u3001\u8840\u6d41\u3092\u6539\u5584\u3057\u3066\u4f53\u5185\u306e\u30c7\u30c8\u30c3\u30af\u30b9\u4f5c\u7528\u3092\u4fc3\u9032\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u808c\u306e\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u304c\u6b63\u5e38\u5316\u3057\u3001\u30e1\u30e9\u30cb\u30f3\u8272\u7d20\u306e\u751f\u6210\u3092\u6291\u5236\u3057\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u3053\u308c\u3063\u3066\u3001\u304f\u3059\u307f\u306e\u306a\u3044\u900f\u660e\u611f\u306e\u3042\u308b\u808c\u3078\u306e\u7b2c\u4e00\u6b69\u3058\u3083\u306a\u3044\u3067\u3059\u304b\uff1f\u672c\u5f53\u306b\u3059\u3054\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u3069\u3093\u306a\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u306e\uff1f\u7f8e\u808c\u304b\u3089\u5168\u8eab\u306e\u5065\u5eb7\u307e\u3067\uff01\ud83d\ude0a<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\u7f8e\u808c\u52b9\u679c<\/strong>\uff1a\u808c\u306e\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\uff08\u7f8e\u767d\u52b9\u679c\uff09\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u306e\u6539\u5584\u3001\u808c\u306e\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a\u3002<\/li>\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c<\/strong>\uff1a\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u306b\u3088\u308a\u3001\u30b7\u30ef\u3084\u305f\u308b\u307f\u3092\u4e88\u9632\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301<\/strong>\uff1a\u6162\u6027\u7684\u306a\u75b2\u52b4\u611f\u306e\u56de\u5fa9\u3001\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u306e\u6539\u5584\u3001\u514d\u75ab\u529b\u306e\u5411\u4e0a\u3002<\/li>\n<\/ul>\n\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\ud83d\udcdd \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u4e00\u89a7<\/h3>\n\n\n\n\u30ab\u30c6\u30b4\u30ea<\/th>\n\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c<\/th>\n<\/tr>\n<\/thead>\n\n\n\u7f8e\u808c<\/td>\n\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a<\/td>\n<\/tr>\n\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/td>\n\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u3001\u8001\u5316\u6291\u5236<\/td>\n<\/tr>\n\n\u5065\u5eb7<\/td>\n\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u3001\u30c0\u30a4\u30a8\u30c3\u30c8\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/p>\n\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3001\u3044\u304f\u3089\u304f\u3089\u3044\u304b\u304b\u308b\u306e\uff1f\u4fa1\u683c\u5e2f\u3068\u8ce2\u3044\u9078\u3073\u65b9\ud83d\udcb0<\/strong><\/h2>\n\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u65b0\u9673\u4ee3\u8b1d\u304c\u6d3b\u767a\u306b\u306a\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u4f53\u8102\u80aa\u306e\u5897\u52a0\u3092\u6291\u3048\u308b\u52b9\u679c\u3082\u671f\u5f85\u3067\u304d\u308b\u3068\u3044\u3046\u3053\u3068\uff01\u305d\u3046\u3001\u3064\u307e\u308a\u30c0\u30a4\u30a8\u30c3\u30c8\u52b9\u679c<\/span>\u3082\u671f\u5f85\u3067\u304d\u3061\u3083\u3046\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u305d\u308c\u306b\u52a0\u3048\u3066\u3001\u8840\u6d41\u3092\u6539\u5584\u3057\u3066\u4f53\u5185\u306e\u30c7\u30c8\u30c3\u30af\u30b9\u4f5c\u7528\u3092\u4fc3\u9032\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u808c\u306e\u30bf\u30fc\u30f3\u30aa\u30fc\u30d0\u30fc\u304c\u6b63\u5e38\u5316\u3057\u3001\u30e1\u30e9\u30cb\u30f3\u8272\u7d20\u306e\u751f\u6210\u3092\u6291\u5236\u3057\u3066\u304f\u308c\u308b\u3093\u3067\u3059\u3002\u3053\u308c\u3063\u3066\u3001\u304f\u3059\u307f\u306e\u306a\u3044\u900f\u660e\u611f\u306e\u3042\u308b\u808c\u3078\u306e\u7b2c\u4e00\u6b69\u3058\u3083\u306a\u3044\u3067\u3059\u304b\uff1f\u672c\u5f53\u306b\u3059\u3054\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u3069\u3093\u306a\u52b9\u679c\u304c\u671f\u5f85\u3067\u304d\u308b\u306e\uff1f\u7f8e\u808c\u304b\u3089\u5168\u8eab\u306e\u5065\u5eb7\u307e\u3067\uff01\ud83d\ude0a<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\u7f8e\u808c\u52b9\u679c<\/strong>\uff1a\u808c\u306e\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\uff08\u7f8e\u767d\u52b9\u679c\uff09\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u306e\u6539\u5584\u3001\u808c\u306e\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a\u3002<\/li>\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c<\/strong>\uff1a\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u306b\u3088\u308a\u3001\u30b7\u30ef\u3084\u305f\u308b\u307f\u3092\u4e88\u9632\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301<\/strong>\uff1a\u6162\u6027\u7684\u306a\u75b2\u52b4\u611f\u306e\u56de\u5fa9\u3001\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u306e\u6539\u5584\u3001\u514d\u75ab\u529b\u306e\u5411\u4e0a\u3002<\/li>\n<\/ul>\n\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\ud83d\udcdd \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u4e00\u89a7<\/h3>\n\n\n\n\u30ab\u30c6\u30b4\u30ea<\/th>\n\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c<\/th>\n<\/tr>\n<\/thead>\n\n\n\u7f8e\u808c<\/td>\n\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30cf\u30ea\u30fb\u5f3e\u529b\u5411\u4e0a<\/td>\n<\/tr>\n\n\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0<\/td>\n\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u3001\u8001\u5316\u6291\u5236<\/td>\n<\/tr>\n\n\u5065\u5eb7<\/td>\n\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u3001\u30c0\u30a4\u30a8\u30c3\u30c8\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/p>\n\n\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3001\u3044\u304f\u3089\u304f\u3089\u3044\u304b\u304b\u308b\u306e\uff1f\u4fa1\u683c\u5e2f\u3068\u8ce2\u3044\u9078\u3073\u65b9\ud83d\udcb0<\/strong><\/h2>\n\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u671f\u5f85\u3067\u304d\u308b\u52b9\u679c\u306f\u672c\u5f53\u306b\u5e45\u5e83\u3044\u3093\u3067\u3059\u3002\u4e3b\u306a\u52b9\u679c\u3092\u307e\u3068\u3081\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n
\u7f8e\u5bb9\u9762\u3060\u3051\u3067\u306a\u304f\u3001\u306a\u3093\u3068\u306a\u304f\u611f\u3058\u308b\u4f53\u306e\u4e0d\u8abf\u306b\u3082\u30a2\u30d7\u30ed\u30fc\u30c1\u3057\u3066\u304f\u308c\u308b\u306e\u3067\u3001\u5168\u8eab\u304c\u8efd\u304f\u306a\u308b\u3088\u3046\u306a\u611f\u899a\u304c\u3042\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u79c1\u3082\u65e5\u3005\u306e\u75b2\u308c\u304c\u306a\u304b\u306a\u304b\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u9b45\u529b\u7684\u3060\u306a\u3041\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u65bd\u8853\u3092\u53d7\u3051\u308b\u4e0a\u3067\u4e00\u756a\u6c17\u306b\u306a\u308b\u306e\u306f\u3001\u3084\u3063\u3071\u308a\u4fa1\u683c\u3067\u3059\u3088\u306d\uff01\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u60c5\u5831\u3092\u53c2\u8003\u306b\u3059\u308b\u3068\u3001\u97d3\u56fd\u3067\u306e\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c041\u56de\u3042\u305f\u308a\u306e\u4fa1\u683c\u306f\u3001\u7d0420,000\u30a6\u30a9\u30f3\u304b\u308950,000\u30a6\u30a9\u30f3\u7a0b\u5ea6\u304c\u4e00\u822c\u7684<\/span>\u306a\u3088\u3046\u3067\u3059\uff08\u65e5\u672c\u5186\u63db\u7b97\u3067\u7d042,000\u5186\u301c5,000\u5186\uff09\u3002\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u3082\u624b\u304c\u51fa\u3057\u3084\u3059\u3044\u4fa1\u683c\u5e2f\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u3067\u3082\u3001\u3053\u306e\u4fa1\u683c\u306f\u3042\u304f\u307e\u3067\u76ee\u5b89\u3002\u30af\u30ea\u30cb\u30c3\u30af\u306e\u7acb\u5730\u3084\u30d6\u30e9\u30f3\u30c9\u3001\u305d\u3057\u3066\u30d3\u30bf\u30df\u30f3C\u3084\u30b0\u30eb\u30bf\u30c1\u30aa\u30f3\u306a\u3069\u4ed6\u306e\u6709\u52b9\u6210\u5206\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u300c\u30ab\u30af\u30c6\u30eb\u6ce8\u5c04\u300d<\/span>\u304b\u306b\u3088\u3063\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\u52b9\u679c\u3092\u3057\u3063\u304b\u308a\u5b9f\u611f\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u5358\u767a\u3088\u308a\u30825\u56de\u308410\u56de\u3068\u3044\u3063\u305f\u30b3\u30fc\u30b9\u30e1\u30cb\u30e5\u30fc<\/span>\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3001\u305d\u3061\u3089\u3092\u9078\u3076\u30681\u56de\u3042\u305f\u308a\u306e\u8cbb\u7528\u3092\u6291\u3048\u3089\u308c\u308b\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3088\u3002<\/p>\n\n\ud83d\udd22 \u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04 \u8cbb\u7528\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h3>\n\n\ud83d\udd22 \u30b3\u30fc\u30b9\u56de\u6570\u5225 \u8cbb\u7528\u76ee\u5b89\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3<\/strong><\/h3>\n\n1\u56de\u3042\u305f\u308a\u306e\u5358\u4fa1 (\u30a6\u30a9\u30f3):<\/div>\n<\/div>\n<\/div>\n\n\u30b3\u30fc\u30b9\u56de\u6570:<\/div>\n\n1\u56de\n5\u56de\n10\u56de\n<\/div>\n<\/div>\n\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u8a08\u7b97\u3059\u308b<\/button><\/p>\n\n\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u5408\u8a08\u8cbb\u7528:<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
1\u56de\u3042\u305f\u308a\u306e\u5272\u5f15\u8cbb\u7528 (\u30b3\u30fc\u30b9\u306e\u5834\u5408):<\/strong> <\/span> \u30a6\u30a9\u30f3<\/p>\n<\/div>\n<\/div>\nfunction calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n\n\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\uff01\u65bd\u8853\u5f8c\u306e\u30b1\u30a2\u3068\u7dad\u6301\u65b9\u6cd5\ud83d\udcc5<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n\n\u5b9a\u671f\u7684\u306a\u65bd\u8853<\/strong>\uff1a\u52b9\u679c\u3092\u6700\u5927\u9650\u306b\u5f15\u304d\u51fa\u3057\u3001\u7dad\u6301\u3059\u308b\u305f\u3081\u306b\u306f\u30011\u301c2\u9031\u9593\u306b1\u56de\u306e\u30da\u30fc\u30b9\u3067\u5b9a\u671f\u7684\u306b\u65bd\u8853\u3092\u53d7\u3051\u308b<\/span>\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u307e\u3059\u3002\u521d\u671f\u6bb5\u968e\u3067\u306f\u90311\u56de\u30925\u301c10\u56de\u7a0b\u5ea6\u7d9a\u3051\u3001\u305d\u306e\u5f8c\u306f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u3068\u3057\u3066\u67081\u301c2\u56de\u306e\u30da\u30fc\u30b9\u306b\u79fb\u884c\u3059\u308b\u306e\u304c\u4e00\u822c\u7684\u3067\u3059\u3002<\/li>\n\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/strong>\uff1a\u65bd\u8853\u3060\u3051\u306b\u983c\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u7d2b\u5916\u7dda\u5bfe\u7b56\u3001\u30d0\u30e9\u30f3\u30b9\u306e\u53d6\u308c\u305f\u98df\u4e8b\u3001\u5341\u5206\u306a\u7761\u7720<\/span>\u3068\u3044\u3063\u305f\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2\u3092\u4f75\u7528\u3059\u308b\u3053\u3068\u304c\u3001\u3088\u308a\u9577\u304f\u52b9\u679c\u3092\u6301\u7d9a\u3055\u305b\u308b\u305f\u3081\u306e\u9375\u3068\u306a\u308a\u307e\u3059\u3002\u30a4\u30f3\u30ca\u30fc\u30b1\u30a2\u3068\u30a2\u30a6\u30bf\u30fc\u30b1\u30a2\u3001\u4e21\u65b9\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u3053\u3068\u304c\u5927\u5207\u306a\u3093\u3067\u3059\u306d\uff01<\/li>\n<\/ul>\n<\/div>\n<\/p>\n\n\n\u65bd\u8853\u306f\u5b89\u5168\uff1f\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\u3092\u3057\u3063\u304b\u308a\u30c1\u30a7\u30c3\u30af\u26a0\ufe0f<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n\n\u4e00\u822c\u7684\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u6ce8\u5c04\u90e8\u4f4d\u306b\u4e00\u6642\u7684\u306a\u75db\u307f\u3001\u8d64\u307f\u3001\u816b\u308c\u3001\u5185\u51fa\u8840<\/span>\u304c\u751f\u3058\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u308c\u3089\u306f\u901a\u5e38\u3001\u6570\u65e5\u3067\u81ea\u7136\u306b\u89e3\u6d88\u3055\u308c\u308b\u3053\u3068\u304c\u307b\u3068\u3093\u3069\u306a\u306e\u3067\u3001\u904e\u5ea6\u306a\u5fc3\u914d\u306f\u3044\u308a\u307e\u305b\u3093\u3002<\/li>\n\u7a00\u306a\u526f\u4f5c\u7528<\/strong>\uff1a\u3054\u304f\u7a00\u306b\u3067\u3059\u304c\u3001\u5410\u304d\u6c17\u3001\u982d\u75db\u3001\u52d5\u60b8\u3001\u30a2\u30ec\u30eb\u30ae\u30fc\u53cd\u5fdc\uff08\u767a\u75b9\u306a\u3069\uff09<\/span>\u304c\u5831\u544a\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3082\u3057\u7570\u5e38\u3092\u611f\u3058\u305f\u3089\u3001\u3059\u3050\u306b\u30af\u30ea\u30cb\u30c3\u30af\u306b\u9023\u7d61\u3057\u3066\u304f\u3060\u3055\u3044\u306d\u3002<\/li>\n<\/ul>\n\u26a0\ufe0f \u6ce8\u610f\uff01<\/strong>\n\u30a4\u30f3\u30b9\u30ea\u30f3\u306e\u81ea\u5df1\u6ce8\u5c04\u3092\u884c\u3063\u3066\u3044\u308b\u7cd6\u5c3f\u75c5\u60a3\u8005\u306e\u65b9\u3084\u3001\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9\u3001\u7279\u5b9a\u306e\u6301\u75c5\u3092\u304a\u6301\u3061\u306e\u65b9\u306f\u65bd\u8853\u3092\u53d7\u3051\u3089\u308c\u306a\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u5fc5\u305a\u65bd\u8853\u524d\u306b\u533b\u5e2b\u306b\u3088\u308b\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u53d7\u3051\u3001\u81ea\u8eab\u306e\u5065\u5eb7\u72b6\u614b\u3092\u6b63\u78ba\u306b\u4f1d\u3048\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u5b89\u5168\u306a\u65bd\u8853\u306e\u305f\u3081\u306b\u3001\u3053\u308c\u306f\u672c\u5f53\u306b\u5927\u5207\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3059\u3088\uff01<\/div>\n\n\u3069\u3093\u306a\u4eba\u306b\u3074\u3063\u305f\u308a\uff1f\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u9069\u7528\u5bfe\u8c61\u3068\u808c\u30bf\u30a4\u30d7\ud83d\udc69\u200d\u2695\ufe0f<\/strong><\/h2>\n\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n\n\u808c\u306e\u304f\u3059\u307f\u3084\u8272\u30e0\u30e9\u304c\u6c17\u306b\u306a\u308b\u65b9<\/li>\n\u30b7\u30df\u3084\u305d\u3070\u304b\u3059\u3092\u4e88\u9632\u30fb\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n\u808c\u306e\u8001\u5316\u3092\u611f\u3058\u59cb\u3081\u305f\u65b9\uff08\u30b7\u30ef\u3001\u305f\u308b\u307f\u306a\u3069\uff09<\/li>\n\u6162\u6027\u7684\u306a\u75b2\u308c\u3084\u5026\u6020\u611f\u306b\u60a9\u3093\u3067\u3044\u308b\u65b9<\/li>\n\u51b7\u3048\u6027\u3084\u3080\u304f\u307f\u3092\u6539\u5584\u3057\u305f\u3044\u65b9<\/li>\n<\/ul>\n\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
function calculateCost() { const unitPrice = parseFloat(document.getElementById(‘unitPrice’).value); const courseCount = parseInt(document.getElementById(‘courseCount’).value); if (isNaN(unitPrice) || unitPrice 1) { \/\/ \u7c21\u6613\u7684\u306a\u5272\u5f15\u30ed\u30b8\u30c3\u30af\uff08\u4f8b: 5\u56de\u30675%\u30aa\u30d5\u300110\u56de\u306710%\u30aa\u30d5\uff09 const discountRate = courseCount === 5 ? 0.05 : (courseCount === 10 ? 0.10 : 0); totalCost = totalCost * (1 – discountRate); discountedUnitPrice = totalCost \/ courseCount; } document.getElementById(‘totalCost’).textContent = totalCost.toLocaleString(); document.getElementById(‘discountedUnitPrice’).textContent = discountedUnitPrice.toLocaleString(); document.getElementById(‘costResult’).style.display = ‘block’; }<\/p>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u65bd\u8853\u5f8c\u306e\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u3001\u3059\u3050\u306b\u666e\u6bb5\u901a\u308a\u306e\u751f\u6d3b\u306b\u623b\u308c\u308b\u306e\u304c\u5b09\u3057\u3044\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002\u3067\u3082\u3001\u305b\u3063\u304b\u304f\u306e\u6295\u8cc7\u3067\u3059\u304b\u3089\u3001\u52b9\u679c\u3092\u9577\u6301\u3061\u3055\u305b\u305f\u3044\u3067\u3059\u3088\u306d\uff01<\/p>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u6bd4\u8f03\u7684\u5b89\u5168\u306a\u65bd\u8853\u3060\u3068\u8a00\u308f\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3084\u306f\u308a\u533b\u7642\u884c\u70ba\u3067\u3059\u304b\u3089\u3001\u3044\u304f\u3064\u304b\u306e\u526f\u4f5c\u7528\u3084\u6ce8\u610f\u70b9\u304c\u5b58\u5728\u3057\u307e\u3059\u3002\u4e8b\u524d\u306b\u3057\u3063\u304b\u308a\u78ba\u8a8d\u3057\u3066\u304a\u304d\u307e\u3057\u3087\u3046\uff01<\/p>\n
\u300c\u79c1\u3082\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3092\u53d7\u3051\u3066\u307f\u305f\u3044\u3051\u3069\u3001\u81ea\u5206\u306b\u5408\u3063\u3066\u3044\u308b\u306e\u304b\u306a\uff1f\u300d\u305d\u3046\u601d\u3063\u3066\u3044\u308b\u65b9\u3082\u3044\u3089\u3063\u3057\u3083\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u306d\u3002\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u3053\u3093\u306a\u65b9\u3005\u306b\u7279\u306b\u304a\u3059\u3059\u3081\u3067\u3059\uff01<\/p>\n
\u808c\u30bf\u30a4\u30d7\u3092\u9078\u3070\u305a\u306b\u53d7\u3051\u3089\u308c\u308b\u65bd\u8853\u306a\u306e\u3067\u3001\u654f\u611f\u808c\u306e\u65b9\u3067\u3082\u691c\u8a0e\u3057\u3084\u3059\u3044\u3067\u3057\u3087\u3046\u3002\u4f53\u306e\u5185\u5074\u304b\u3089\u30a2\u30d7\u30ed\u30fc\u30c1\u3059\u308b\u305f\u3081\u3001\u8868\u9762\u7684\u306a\u808c\u30c8\u30e9\u30d6\u30eb\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3084\u30a8\u30a4\u30b8\u30f3\u30b0\u30b1\u30a2<\/span>\u306b\u95a2\u5fc3\u304c\u3042\u308b\u65b9\u306b\u7279\u306b\u9069\u3057\u3066\u3044\u308b\u3068\u8a00\u3048\u307e\u3059\u3002\u79c1\u3082\u3001\u6700\u8fd1\u808c\u306e\u304f\u3059\u307f\u304c\u6c17\u306b\u306a\u308b\u3057\u3001\u75b2\u308c\u3082\u53d6\u308c\u306a\u3044\u306e\u3067\u3001\u307e\u3055\u306b\u3074\u3063\u305f\u308a\u3060\u3068\u611f\u3058\u3066\u3044\u307e\u3059\uff01<\/p>\n\n<\/div>\n\ud83d\udcdd \u307e\u3068\u3081\uff1a\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u3067\u5185\u5074\u304b\u3089\u8f1d\u304f\u81ea\u5206\u3078\uff01<\/strong><\/h2>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\u4e3b\u6210\u5206\u306f\u03b1-\u30ea\u30dd\u9178\uff1a<\/strong>\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3067\u8001\u5316\u306e\u539f\u56e0\u3068\u306a\u308b\u6d3b\u6027\u9178\u7d20\u3092\u6291\u5236\u3002<\/li>\n\u7f8e\u808c\u30fb\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u52b9\u679c\uff1a<\/strong>\u808c\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u30fb\u304f\u3059\u307f\u6539\u5584\u3001\u30b7\u30ef\u30fb\u305f\u308b\u307f\u4e88\u9632\u306b\u671f\u5f85\u3002<\/li>\n\u5168\u8eab\u306e\u5065\u5eb7\u7dad\u6301\uff1a<\/strong>\u75b2\u52b4\u56de\u5fa9\u3001\u51b7\u3048\u6027\u30fb\u3080\u304f\u307f\u6539\u5584\u3001\u514d\u75ab\u529b\u5411\u4e0a\u306b\u3082\u8ca2\u732e\u3002<\/li>\n\u8cbb\u7528\u306f\u97d3\u56fd\u30672,000\u5186\u301c5,000\u5186\u7a0b\u5ea6\uff1a<\/strong>\u30b3\u30fc\u30b9\u5229\u7528\u3067\u8cbb\u7528\u3092\u6291\u3048\u308b\u3053\u3068\u3082\u53ef\u80fd\u3002<\/li>\n\u526f\u4f5c\u7528\u3068\u6ce8\u610f\u4e8b\u9805\uff1a<\/strong>\u4e00\u6642\u7684\u306a\u75db\u307f\u3084\u816b\u308c\u306f\u7a00\u3067\u3059\u304c\u3001\u6301\u75c5\u306e\u3042\u308b\u65b9\u3084\u598a\u5a20\u4e2d\u306e\u65b9\u306f\u8981\u76f8\u8ac7\u3002<\/li>\n\u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u30bb\u30eb\u30d5\u30b1\u30a2\u304c\u9375\uff1a<\/strong>\u52b9\u679c\u6301\u7d9a\u306b\u306f\u7d99\u7d9a\u3068\u65e5\u3005\u306e\u30b1\u30a2\u304c\u5927\u5207\u3002<\/li>\n<\/ol>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n\n\n\ud83d\udca1<\/span><\/p>\n\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u6838\u5fc3\u30dd\u30a4\u30f3\u30c8<\/h3>\n<\/div>\n\n\u2728 \u4e3b\u6210\u5206\u3068\u30d1\u30ef\u30fc:<\/strong> \u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178<\/span>\u304c\u3001\u5185\u5074\u304b\u3089\u4f53\u3092\u5b88\u308b\uff01<\/div>\n\ud83d\udcca \u671f\u5f85\u3055\u308c\u308b\u52b9\u679c:<\/strong> \u7f8e\u808c\uff08\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3001\u30b7\u30df\u6539\u5584\uff09\u3001\u30a2\u30f3\u30c1\u30a8\u30a4\u30b8\u30f3\u30b0\u3001\u75b2\u52b4\u56de\u5fa9<\/span>\u306a\u3069\u5168\u8eab\u30b1\u30a2\u3002<\/div>\n\ud83d\udcb0 \u8cbb\u7528\u76ee\u5b89:<\/strong> \u97d3\u56fd\u3067\u306f1\u56de2,000\u5186\u301c5,000\u5186\u7a0b\u5ea6<\/span>\u3002\u30b3\u30fc\u30b9\u3067\u3055\u3089\u306b\u8ce2\u304f\u3002<\/div>\n\u26a0\ufe0f \u6ce8\u610f\u70b9:<\/strong> \u7a00\u306a\u526f\u4f5c\u7528\u3068\u6301\u75c5\u30fb\u598a\u5a20\u4e2d\u306e\u8981\u76f8\u8ac7<\/span>\u3002\u5fc5\u305a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\uff01<\/div>\n\ud83d\udcc5 \u7dad\u6301\u306e\u79d8\u8a23:<\/strong> \u5b9a\u671f\u7684\u306a\u65bd\u8853\u3068\u65e5\u3005\u306e\u30bb\u30eb\u30d5\u30b1\u30a2<\/span>\u306e\u4f75\u7528\u304c\u6700\u3082\u52b9\u679c\u7684\u3002<\/div>\n<\/div>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306b\u3064\u3044\u3066\u3001\u305d\u306e\u52b9\u679c\u304b\u3089\u8cbb\u7528\u3001\u6ce8\u610f\u70b9\u3001\u305d\u3057\u3066\u3069\u3093\u306a\u4eba\u306b\u304a\u3059\u3059\u3081\u304b\u307e\u3067\u3001\u8a73\u3057\u304f\u898b\u3066\u304d\u307e\u3057\u305f\u306d\u3002\u5f37\u529b\u306a\u6297\u9178\u5316\u4f5c\u7528\u3092\u6301\u3064\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u7f8e\u808c\u3060\u3051\u3067\u306a\u304f\u3001\u5168\u8eab\u306e\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002<\/p>\n
\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306f\u3001\u307e\u3055\u306b\u5fd9\u3057\u3044\u73fe\u4ee3\u3092\u751f\u304d\u308b\u79c1\u305f\u3061\u306b\u3068\u3063\u3066\u3001\u624b\u8efd\u306b\u7f8e\u3068\u5065\u5eb7\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u304f\u308c\u308b\u5fc3\u5f37\u3044\u5473\u65b9\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\u5185\u5074\u304b\u3089\u8f1d\u304f\u65b0\u3057\u3044\u81ea\u5206\u306b\u51fa\u4f1a\u3046\u305f\u3081\u306b\u3001\u305c\u3072\u4e00\u5ea6\u691c\u8a0e\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\uff1f\u3082\u3063\u3068\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u3053\u3068\u3084\u3001\u4f53\u9a13\u8ac7\u306a\u3069\u304c\u3042\u308c\u3070\u3001\u30b3\u30e1\u30f3\u30c8\u3067\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u306d\uff01\ud83d\ude0a<\/p>\n
.single-summary-card-container { font-family: ‘Noto Sans’, sans-serif; display: flex; justify-content: center; align-items: center; padding: 20px 10px; background-color: #faf0e6; margin: 20px 0; } .single-summary-card { width: 100%; max-width: 700px; min-height: 250px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); padding: 25px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d2b48c; } .single-summary-card .card-header { display: flex; align-items: center; border-bottom: 2px solid #a0522d; padding-bottom: 12px; margin-bottom: 12px; } .single-summary-card .card-header-icon { font-size: 34px; color: #a0522d; margin-right: 14px; } .single-summary-card .card-header h3 { font-size: 26px; color: #a0522d; margin: 0; line-height: 1.3; font-weight: 700; } .single-summary-card .card-content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around; font-size: 17px; line-height: 1.65; color: #444; } .single-summary-card .card-content strong { color: #8b4513; font-weight: 600; } .single-summary-card .card-content .highlight { background-color: #fffde7; padding: 2px 6px; border-radius: 3px; font-weight: bold; } .single-summary-card .card-content .formula { background-color: #fff3e0; padding: 6px 10px; border-radius: 4px; font-size: 0.9em; text-align: center; margin-top: 5px; color: #8b4513; } .single-summary-card .card-footer { font-size: 14px; color: #777; text-align: center; padding-top: 12px; border-top: 1px dashed #d2b48c; margin-top: auto; } @media (max-width: 480px) { .single-summary-card { padding: 18px; min-height: auto; } .single-summary-card .card-header-icon { font-size: 30px; } .single-summary-card .card-header h3 { font-size: 22px; } .single-summary-card .card-content { font-size: 15px; line-height: 1.6; } .single-summary-card .card-content .section { margin-bottom: 8px; } .single-summary-card .card-content .formula { padding: 5px 8px; font-size: 0.9em; } .single-summary-card .card-footer { font-size: 13px; padding-top: 10px; } }<\/p>\n
![\"\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u4e3b\u6210\u5206\u3067\u3042\u308b\u03b1-\u30ea\u30dd\u9178\u304c\u3001\u5185\u5074\u304b\u3089\u8f1d\u304f\u7f8e\u3057\u3055\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\"](\"\/ja\/wp-content\/blogs.dir\/4\/files\/2025\/09\/file-236.webp-236.webp\")
<\/p>\n![\"\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u304c\u3082\u305f\u3089\u3059\u7f8e\u808c\u3068\u5168\u8eab\u306e\u5065\u5eb7\u52b9\u679c\u3092\u8996\u899a\u7684\u306b\u8868\u73fe\u3002\"](\"\/ja\/wp-content\/blogs.dir\/4\/files\/2025\/09\/file-237.webp-237.webp\")
<\/p>\n![\"\u30b7\u30f3\u30c7\u30ec\u30e9\u6ce8\u5c04\u306e\u52b9\u679c\u3092\u7dad\u6301\u3059\u308b\u305f\u3081\u306e\u8ce2\u3044\u30b1\u30a2\u30d7\u30e9\u30f3\u3002\"](\"\/ja\/wp-content\/blogs.dir\/4\/files\/2025\/09\/file-238.webp-238.webp\")
<\/p>\n