MENU
トップページ
トラックチャーター
緊急便
混載便
物流コラム
無料見積もりフォーム
トラック貸切便
トップページ
トラックチャーター
緊急便
混載便
物流コラム
無料見積もりフォーム
トラック貸切便
トップページ
トラックチャーター
緊急便
混載便
物流コラム
無料見積もりフォーム
トラック貸切便
ホーム
料金シミュレーター
料金シミュレーター
</noscript><iframe id="teraFareSimulatorFrame" class="tera-fare-simulator-iframe lazyload" title="テラテクニカル料金シミュレーター" srcdoc="<!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>テラテクニカル 料金シミュレーター試作</title> <style> :root { --ink: #17212b; --muted: #65727f; --line: #d9e0e6; --panel: #ffffff; --soft: #f4f7f9; --green: #116149; --green-2: #0d4d3b; --blue: #1b5f8c; --amber: #c47710; --red: #b84532; --shadow: 0 18px 48px rgba(18, 35, 52, 0.12); } * { box-sizing: border-box; } body { margin: 0; background: var(--soft); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; line-height: 1.6; } button, input, select { font: inherit; } .simulator-shell { min-height: 100vh; padding: 28px 18px 48px; } .simulator { width: min(1180px, 100%); margin: 0 auto; background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); } .simulator-header { display: grid; grid-template-columns: 1fr auto; gap: 16px; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, #ffffff 0%, #f1f6f4 100%); } .brand-mark { display: flex; gap: 14px; align-items: center; min-width: 0; } .mark { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; background: var(--green); color: #fff; } .mark svg { width: 30px; height: 30px; } h1 { margin: 0; font-size: clamp(1.25rem, 1.8vw, 1.8rem); letter-spacing: 0; line-height: 1.25; } .subtitle { margin: 4px 0 0; color: var(--muted); font-size: 0.92rem; } .source-tag { padding: 8px 12px; border: 1px solid #bfd5cc; color: var(--green-2); background: #eef7f3; font-size: 0.86rem; white-space: nowrap; } .layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr); min-height: 620px; } .entry { padding: 24px; border-right: 1px solid var(--line); } .result { padding: 24px; background: #fbfcfd; } .section { padding: 20px 0; border-bottom: 1px solid var(--line); } .section:first-child { padding-top: 0; } .section:last-child { border-bottom: 0; padding-bottom: 0; } .section-title { margin: 0 0 12px; font-size: 1rem; line-height: 1.35; } .control-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .control { min-width: 0; } .control label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 0.86rem; font-weight: 700; } input[type="number"], select { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #cbd5dd; border-radius: 4px; background: #fff; color: var(--ink); } input[type="range"] { width: 100%; accent-color: var(--green); } .segmented { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .vehicle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .choice { position: relative; display: block; min-width: 0; } .choice input { position: absolute; opacity: 0; pointer-events: none; } .choice-box { display: grid; gap: 6px; min-height: 54px; padding: 12px; border: 1px solid #cbd5dd; border-radius: 4px; background: #fff; color: var(--ink); cursor: pointer; transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease; } .choice input:checked + .choice-box { border-color: var(--green); background: #eef7f3; color: var(--green-2); box-shadow: inset 0 0 0 1px var(--green); } .choice-box strong { font-size: 0.95rem; line-height: 1.25; overflow-wrap: anywhere; } .choice-box span { color: var(--muted); font-size: 0.78rem; } .vehicle-icon { width: 44px; height: 24px; color: var(--green); } .inline-row { display: grid; grid-template-columns: 1fr 92px; gap: 12px; align-items: center; } .auto-summary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 14px; } .auto-value { min-width: 0; padding: 11px 12px; border: 1px solid #d2dde4; border-radius: 4px; background: #f7fafb; } .auto-value span { display: block; color: var(--muted); font-size: 0.76rem; font-weight: 700; line-height: 1.25; } .auto-value strong { display: block; margin-top: 4px; color: var(--ink); font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere; } .check-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .check { display: flex; gap: 8px; align-items: center; min-height: 44px; padding: 9px 10px; border: 1px solid #cbd5dd; border-radius: 4px; background: #fff; color: var(--ink); font-size: 0.9rem; } .check input { width: 18px; height: 18px; accent-color: var(--green); flex: 0 0 auto; } .quote-box { position: sticky; top: 16px; } .total-panel { border: 1px solid var(--line); background: #fff; } .total-head { padding: 18px 18px 16px; border-bottom: 1px solid var(--line); background: #163324; color: #fff; } .total-label { margin: 0; color: #cfe1d9; font-size: 0.88rem; } .total-price { margin: 4px 0 0; font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; letter-spacing: 0; line-height: 1.05; } .tax-note { margin: 4px 0 0; color: #d9e8e2; font-size: 0.82rem; } .detail-list { margin: 0; padding: 0; list-style: none; } .detail-list li { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: 0.92rem; } .detail-list li:last-child { border-bottom: 0; } .detail-list span:last-child { font-weight: 700; text-align: right; white-space: nowrap; } .meter { display: grid; gap: 8px; padding: 16px; border-top: 1px solid var(--line); background: #f7fafb; } .meter-track { height: 10px; overflow: hidden; border-radius: 999px; background: #dce5eb; } .meter-fill { height: 100%; width: 0%; background: linear-gradient(90deg, var(--green), var(--blue)); transition: width 0.18s ease; } .meter-caption { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 0.8rem; } .notice { margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--amber); background: #fff7e8; color: #6b450f; font-size: 0.88rem; } .actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; } .btn { min-height: 44px; border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-weight: 700; } .btn-primary { background: var(--green); color: #fff; } .btn-secondary { background: #fff; border-color: #cbd5dd; color: var(--ink); } .formula-panel { margin-top: 16px; padding: 14px 16px; border: 1px solid var(--line); background: #fff; font-size: 0.86rem; color: var(--muted); } .formula-panel strong { color: var(--ink); } .terms-panel { border-top: 1px solid var(--line); padding: 22px 24px 24px; background: #fff; } .terms-lead { margin: 0 0 14px; padding: 12px 14px; border-left: 4px solid var(--green); background: #eef7f3; color: var(--green-2); font-weight: 700; } .terms-title { margin: 0 0 10px; font-size: 0.98rem; line-height: 1.35; } .terms-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: 0.86rem; } .terms-list li { position: relative; padding-left: 16px; } .terms-list li::before { content: ""; position: absolute; top: 0.72em; left: 0; width: 6px; height: 6px; border-radius: 999px; background: var(--green); } .hidden { display: none !important; } @media (max-width: 920px) { .layout { grid-template-columns: 1fr; } .entry { border-right: 0; border-bottom: 1px solid var(--line); } .quote-box { position: static; } .vehicle-grid, .check-row, .auto-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .simulator-shell { padding: 12px 10px 28px; } .simulator-header { grid-template-columns: 1fr; padding: 18px; } .source-tag { white-space: normal; } .entry, .result { padding: 18px; } .control-grid, .segmented, .vehicle-grid, .check-row, .auto-summary, .terms-list, .actions { grid-template-columns: 1fr; } .inline-row { grid-template-columns: 1fr 84px; } } </style> </head> <body> <main class="simulator-shell"> <div class="simulator"> <header class="simulator-header"> <div class="brand-mark"> <div class="mark" aria-hidden="true"> <svg viewBox="0 0 64 64" fill="none"> <path d="M8 36h30V18H8v18Z" fill="currentColor" opacity=".94"></path> <path d="M38 26h10l8 10v10H38V26Z" fill="currentColor" opacity=".78"></path> <path d="M16 50a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm30 0a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff"></path> <path d="M16 46a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm30 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="currentColor"></path> </svg> </div> <div> <h1>テラテクニカル 料金シミュレーター</h1> <p class="subtitle">チャーター便・混載便の概算見積</p> </div> </div> <div class="source-tag"></div> </header> <div class="layout"> <form class="entry" id="simulatorForm"> <section class="section"> <h2 class="section-title">配送区分</h2> <div class="segmented"> <label class="choice"> <input type="radio" name="service" value="charter" checked> <span class="choice-box"> <strong>チャーター便</strong> <span>車両単位</span> </span> </label> <label class="choice"> <input type="radio" name="service" value="mixed"> <span class="choice-box"> <strong>混載便</strong> <span>荷台使用率</span> </span> </label> </div> </section> <section class="section"> <h2 class="section-title">車種</h2> <div class="vehicle-grid" id="vehicleChoices"></div> </section> <section class="section"> <h2 class="section-title">走行条件</h2> <div class="control-grid"> <div class="control"> <label for="distance">走行距離 km</label> <div class="inline-row"> <input id="distanceRange" type="range" min="1" max="800" value="80" step="1"> <input id="distance" name="distance" type="number" min="1" max="2000" value="80" inputmode="numeric"> </div> </div> <div class="control"> <label for="vehicleBody">車両仕様</label> <select id="vehicleBody" name="vehicleBody"> <option value="box">箱車・通常</option> <option value="flat">平ボディ</option> <option value="wing">ウイング</option> <option value="gate">パワーゲート</option> <option value="unic">ユニック車</option> </select> </div> <div class="control"> <label for="waypoints">経由地数</label> <input id="waypoints" name="waypoints" type="number" min="0" max="10" value="0" inputmode="numeric"> </div> <div class="control"> <label for="waitMinutes">待機時間 分</label> <input id="waitMinutes" name="waitMinutes" type="number" min="0" max="600" value="0" step="10" inputmode="numeric"> </div> </div> </section> <section class="section" id="mixedSection"> <h2 class="section-title">混載条件</h2> <div class="control-grid"> <div class="control"> <label for="cargoLength">長さ cm</label> <input id="cargoLength" name="cargoLength" type="number" min="1" max="1600" value="120" step="1" inputmode="numeric"> </div> <div class="control"> <label for="cargoWidth">幅 cm</label> <input id="cargoWidth" name="cargoWidth" type="number" min="1" max="260" value="80" step="1" inputmode="numeric"> </div> <div class="control"> <label for="cargoHeight">高さ cm</label> <input id="cargoHeight" name="cargoHeight" type="number" min="1" max="260" value="90" step="1" inputmode="numeric"> </div> <div class="control"> <label for="weight">総重量 kg</label> <input id="weight" name="weight" type="number" min="1" max="20000" value="300" step="10" inputmode="numeric"> </div> <div class="control"> <label for="pieces">個数</label> <input id="pieces" name="pieces" type="number" min="1" max="100" value="1" inputmode="numeric"> </div> <div class="control"> <label for="handling">荷扱い</label> <select id="handling" name="handling"> <option value="normal">通常</option> <option value="careful">精密・養生あり</option> <option value="heavy">重量物・人員追加</option> </select> </div> </div> <div class="auto-summary"> <div class="auto-value"> <span>総容積</span> <strong id="volumeValue">0.00m3</strong> </div> <div class="auto-value"> <span>換算才数</span> <strong id="saiValue">0才</strong> </div> <div class="auto-value"> <span>容積使用率</span> <strong id="volumeUseValue">0%</strong> </div> <div class="auto-value"> <span>重量使用率</span> <strong id="weightUseValue">0%</strong> </div> <div class="auto-value"> <span>採用使用率</span> <strong id="deckUseValue">5%</strong> </div> </div> </section> <section class="section"> <h2 class="section-title">割増・割引</h2> <div class="check-row"> <label class="check"> <input type="checkbox" id="regular"> <span>定期便</span> </label> <label class="check"> <input type="checkbox" id="holiday"> <span>休日</span> </label> <label class="check"> <input type="checkbox" id="night"> <span>深夜早朝</span> </label> <label class="check"> <input type="checkbox" id="urgent"> <span>緊急手配</span> </label> </div> </section> </form> <aside class="result"> <div class="quote-box"> <div class="total-panel"> <div class="total-head"> <p class="total-label">概算見積</p> <p class="total-price" id="totalPrice">0円</p> <p class="tax-note">税別・有料道路料金別</p> </div> <ul class="detail-list" id="breakdown"></ul> <div class="meter"> <div class="meter-track" aria-hidden="true"> <div class="meter-fill" id="distanceMeter"></div> </div> <div class="meter-caption"> <span id="distanceCaption">80km</span> <span id="rateCaption">運賃表 80km帯</span> </div> </div> </div> <div class="notice" id="notice"> 正式料金は集荷地・納品地、車両条件、積卸条件により変動します。 </div> <div class="actions"> <button class="btn btn-primary" type="button" id="mailtoBtn">見積依頼</button> <button class="btn btn-secondary" type="button" id="resetBtn">初期化</button> </div> <div class="formula-panel" id="formulaPanel"> <strong>計算式</strong> <div id="formulaText"></div> </div> </div> </aside> </div> <section class="terms-panel" aria-labelledby="termsTitle"> <p class="terms-lead">こちらの料金シミュレーションは概算となります。正式なお見積りはお問い合わせください。</p> <h2 class="terms-title" id="termsTitle">ご利用時の注意事項</h2> <ul class="terms-list"> <li>表示料金は、荷物の総体積・重量・走行距離・車両条件をもとにした概算料金です。</li> <li>待機時間は30分を超える場合、以後30分ごとに1,700円を申し受けます。</li> <li>キャンセル料は、前々日まで30%、前日12:00まで50%、前日17:00まで80%、前日17:00以降100%を目安とします。なお、対応運送会社が確定し車両手配が完了している場合は、時点にかかわらず100%となります。</li> <li>積置が発生する場合は、1泊につき1,500円を別途申し受けます。</li> <li>深夜早朝、特殊作業、特殊車両の手配は内容により別途ご相談となります。</li> <li>有料道路、フェリー、駐車場、その他実費が発生する場合は別途ご請求となります。</li> <li>表示料金に消費税は含まれておりません。</li> <li>燃料費の高騰や社会情勢の変化により、運賃をご相談させていただく場合があります。</li> <li>基本営業時間は平日9:00から18:00です。時間外の対応は別途ご相談ください。</li> <li>混載をご希望の場合でも、荷物の大きさ・重さ・個数によりチャーター便でのご案内となる場合があります。</li> <li>シミュレーター対象外のエリア、チャーター便およびユニック車などの特殊車両は別途お問い合わせください。</li> </ul> </section> </div> </main> <script> const vehicles = { small2t: { label: "小型車", sub: "2tクラス", capacity: 2000, deckVolume: 11.5 }, medium4t: { label: "中型車", sub: "4tクラス", capacity: 4000, deckVolume: 24 }, large10t: { label: "大型車", sub: "10tクラス", capacity: 10000, deckVolume: 55 }, trailer20t: { label: "トレーラー", sub: "20tクラス", capacity: 20000, deckVolume: 78 } }; const fareTable = [ { km: 10, small2t: 15790, medium4t: 18190, large10t: 23060, trailer20t: 29070 }, { km: 20, small2t: 17710, medium4t: 20430, large10t: 26110, trailer20t: 33160 }, { km: 30, small2t: 19630, medium4t: 22660, large10t: 29160, trailer20t: 37240 }, { km: 40, small2t: 21550, medium4t: 24890, large10t: 32200, trailer20t: 41320 }, { km: 50, small2t: 23480, medium4t: 27130, large10t: 35250, trailer20t: 45400 }, { km: 60, small2t: 25400, medium4t: 29360, large10t: 38300, trailer20t: 49480 }, { km: 70, small2t: 27320, medium4t: 31590, large10t: 41340, trailer20t: 53570 }, { km: 80, small2t: 29240, medium4t: 33830, large10t: 44390, trailer20t: 57650 }, { km: 90, small2t: 31160, medium4t: 36060, large10t: 47440, trailer20t: 61730 }, { km: 100, small2t: 33080, medium4t: 38290, large10t: 50480, trailer20t: 65810 }, { km: 110, small2t: 35010, medium4t: 40500, large10t: 53450, trailer20t: 69770 }, { km: 120, small2t: 36930, medium4t: 42710, large10t: 56410, trailer20t: 73720 }, { km: 130, small2t: 38850, medium4t: 44920, large10t: 59370, trailer20t: 77680 }, { km: 140, small2t: 40770, medium4t: 47120, large10t: 62330, trailer20t: 81640 }, { km: 150, small2t: 42690, medium4t: 49330, large10t: 65300, trailer20t: 85590 }, { km: 160, small2t: 44620, medium4t: 51540, large10t: 68260, trailer20t: 89550 }, { km: 170, small2t: 46540, medium4t: 53740, large10t: 71220, trailer20t: 93500 }, { km: 180, small2t: 48460, medium4t: 55950, large10t: 74190, trailer20t: 97460 }, { km: 190, small2t: 50380, medium4t: 58160, large10t: 77150, trailer20t: 101420 }, { km: 200, small2t: 52300, medium4t: 60360, large10t: 80110, trailer20t: 105370 } ]; const addOver200Per20 = { small2t: 3830, medium4t: 4380, large10t: 5850, trailer20t: 7800 }; const addOver500Per50 = { small2t: 9580, medium4t: 10950, large10t: 14620, trailer20t: 19490 }; const bodyFactors = { box: { label: "箱車・通常", factor: 1 }, flat: { label: "平ボディ", factor: 1.04 }, wing: { label: "ウイング", factor: 1.06 }, gate: { label: "パワーゲート", factor: 1.12 }, unic: { label: "ユニック車 30%増", factor: 1.3 } }; const handlingFees = { normal: { label: "通常", fee: 0 }, careful: { label: "精密・養生あり", fee: 3500 }, heavy: { label: "重量物・人員追加", fee: 8000 } }; const yen = value => `${Math.round(value).toLocaleString("ja-JP")}円`; const numberValue = id => Math.max(0, Number(document.getElementById(id).value) || 0); function vehicleIcon() { return ` <svg class="vehicle-icon" viewBox="0 0 88 48" fill="none" aria-hidden="true"> <path d="M5 28h48V12H5v16Z" fill="currentColor" opacity=".78"></path> <path d="M53 19h18l10 9v10H53V19Z" fill="currentColor" opacity=".62"></path> <circle cx="19" cy="38" r="7" fill="currentColor"></circle> <circle cx="66" cy="38" r="7" fill="currentColor"></circle> </svg> `; } function renderVehicleChoices() { const root = document.getElementById("vehicleChoices"); root.innerHTML = Object.entries(vehicles).map(([key, vehicle], index) => ` <label class="choice"> <input type="radio" name="vehicle" value="${key}" ${index === 0 ? "checked" : ""}> <span class="choice-box"> ${vehicleIcon()} <strong>${vehicle.label}</strong> <span>${vehicle.sub}</span> </span> </label> `).join(""); } function lookupFare(distance, vehicleKey) { const km = Math.max(1, distance); const direct = fareTable.find(row => row.km >= km); if (direct) { return { amount: direct[vehicleKey], bandLabel: `${direct.km}km帯`, tableKm: direct.km }; } const base200 = fareTable[fareTable.length - 1][vehicleKey]; const over200Steps = Math.ceil((Math.min(km, 500) - 200) / 20); let amount = base200 + Math.max(0, over200Steps) * addOver200Per20[vehicleKey]; let tableKm = 200 + Math.max(0, over200Steps) * 20; if (km > 500) { const over500Steps = Math.ceil((km - 500) / 50); amount = base200 + 15 * addOver200Per20[vehicleKey] + over500Steps * addOver500Per50[vehicleKey]; tableKm = 500 + over500Steps * 50; } return { amount, bandLabel: `${tableKm}km換算`, tableKm }; } function getSelected(name) { return document.querySelector(`input[name="${name}"]:checked`).value; } function addLine(lines, label, amount) { if (Math.round(amount) !== 0) { lines.push({ label, amount }); } } function calculateMixedLoad(vehicle) { const length = numberValue("cargoLength"); const width = numberValue("cargoWidth"); const height = numberValue("cargoHeight"); const pieces = Math.max(1, numberValue("pieces")); const weight = numberValue("weight"); const volume = length * width * height * pieces / 1000000; const sai = Math.ceil(volume * 1000000 / 27818); const volumeUse = vehicle.deckVolume ? volume / vehicle.deckVolume * 100 : 0; const weightUse = vehicle.capacity ? weight / vehicle.capacity * 100 : 0; const billingVehicle = vehicles.small2t || vehicle; const billingVolumeUse = billingVehicle.deckVolume ? volume / billingVehicle.deckVolume * 100 : volumeUse; const billingWeightUse = billingVehicle.capacity ? weight / billingVehicle.capacity * 100 : weightUse; const rawDeckUse = Math.max(5, billingVolumeUse, billingWeightUse); const deckUse = Math.min(100, Math.ceil(rawDeckUse / 5) * 5); return { length, width, height, pieces, weight, volume, sai, volumeUse, weightUse, deckUse }; } function renderMixedLoad(load) { document.getElementById("volumeValue").textContent = `${load.volume.toFixed(2)}m3`; document.getElementById("saiValue").textContent = `${load.sai.toLocaleString("ja-JP")}才`; document.getElementById("volumeUseValue").textContent = `${Math.ceil(load.volumeUse).toLocaleString("ja-JP")}%`; document.getElementById("weightUseValue").textContent = `${Math.ceil(load.weightUse).toLocaleString("ja-JP")}%`; document.getElementById("deckUseValue").textContent = `${load.deckUse.toLocaleString("ja-JP")}%`; } function calculate() { const service = getSelected("service"); const vehicleKey = getSelected("vehicle"); const vehicle = vehicles[vehicleKey]; const distance = numberValue("distance"); const fare = lookupFare(distance, vehicleKey); const body = bodyFactors[document.getElementById("vehicleBody").value]; const waypoints = numberValue("waypoints"); const waitMinutes = numberValue("waitMinutes"); const isRegular = document.getElementById("regular").checked; const isHoliday = document.getElementById("holiday").checked; const isNight = document.getElementById("night").checked; const isUrgent = document.getElementById("urgent").checked; const lines = []; const bodyAdjustment = fare.amount * (body.factor - 1); let subtotal = fare.amount + bodyAdjustment; addLine(lines, `${vehicle.label} ${vehicle.sub} 基準運賃`, fare.amount); addLine(lines, body.label, bodyAdjustment); let mixedLoad = null; if (service === "mixed") { mixedLoad = calculateMixedLoad(vehicle); const handling = handlingFees[document.getElementById("handling").value]; const mixedUseRate = mixedLoad.deckUse <= 10 ? 0.78 : mixedLoad.deckUse <= 20 ? 0.84 : mixedLoad.deckUse <= 40 ? 0.92 : mixedLoad.deckUse <= 60 ? 1.0 : mixedLoad.deckUse <= 80 ? 1.08 : 1.16; const mixedBase = subtotal * (mixedLoad.deckUse / 100) * mixedUseRate; const handlingTotal = handling.fee + mixedLoad.pieces * 550; const overLimitWeight = Math.max(0, mixedLoad.weightUse - mixedLoad.deckUse) / 100 * vehicle.capacity; const weightFee = overLimitWeight * 8; const minimum = vehicleKey === "small2t" ? 9800 : vehicleKey === "medium4t" ? 12800 : vehicleKey === "large10t" ? 19800 : 28800; subtotal = Math.max(minimum, mixedBase + handlingTotal + weightFee); lines.length = 0; addLine(lines, `自動採用使用率 ${mixedLoad.deckUse}%`, 0); addLine(lines, "混載基準額", mixedBase); addLine(lines, "取扱料・個数加算", handlingTotal); addLine(lines, "重量調整", weightFee); addLine(lines, "最低運賃調整", Math.max(0, minimum - (mixedBase + handlingTotal + weightFee))); } addLine(lines, "経由地加算", waypoints * 5500); subtotal += waypoints * 5500; const waitBlocks = Math.max(0, Math.ceil((waitMinutes - 30) / 30)); addLine(lines, "待機加算", waitBlocks * 1700); subtotal += waitBlocks * 1700; let factor = 1; if (isHoliday) factor += 0.15; if (isNight) factor += 0.2; if (isUrgent) factor += 0.18; const surcharge = subtotal * (factor - 1); addLine(lines, "時間帯・緊急割増", surcharge); subtotal += surcharge; const discount = isRegular ? subtotal * -0.08 : 0; addLine(lines, "定期便割引", discount); subtotal += discount; renderResult({ total: subtotal, lines, distance, fare, service, vehicle, body, mixedLoad }); } function renderResult(result) { document.getElementById("mixedSection").classList.toggle("hidden", result.service !== "mixed"); document.getElementById("totalPrice").textContent = yen(result.total); document.getElementById("breakdown").innerHTML = result.lines.map(line => ` <li> <span>${line.label}</span> <span>${yen(line.amount)}</span> </li> `).join(""); const meter = Math.min(100, Math.max(3, result.distance / 8)); document.getElementById("distanceMeter").style.width = `${meter}%`; document.getElementById("distanceCaption").textContent = `${result.distance.toLocaleString("ja-JP")}km`; document.getElementById("rateCaption").textContent = `運賃表 ${result.fare.bandLabel}`; const formula = result.service === "charter" ? `基準運賃 + 車両仕様補正 + 経由地 + 待機 + 割増 - 定期割引` : `サイズ・重量から小型車基準の採用使用率を自動算出 → 選択車両の基準運賃 × 採用使用率 × 段階係数 + 取扱料 + 最低運賃調整`; document.getElementById("formulaText").textContent = formula; const warning = result.service === "mixed" && result.mixedLoad && result.mixedLoad.deckUse > 80 ? "荷台使用率が高いため、チャーター便での手配も比較してください。" : "正式料金は集荷地・納品地、車両条件、積卸条件により変動します。"; document.getElementById("notice").textContent = warning; if (result.service === "mixed" && result.mixedLoad) { renderMixedLoad(result.mixedLoad); } } function syncNumberAndRange(numberId, rangeId) { const number = document.getElementById(numberId); const range = document.getElementById(rangeId); range.addEventListener("input", () => { number.value = range.value; calculate(); }); number.addEventListener("input", () => { range.value = Math.min(Number(range.max), Math.max(Number(range.min), Number(number.value) || 0)); calculate(); }); } function bindEvents() { document.getElementById("simulatorForm").addEventListener("input", calculate); document.getElementById("simulatorForm").addEventListener("change", calculate); syncNumberAndRange("distance", "distanceRange"); document.getElementById("resetBtn").addEventListener("click", () => { document.getElementById("simulatorForm").reset(); document.getElementById("distance").value = 80; document.getElementById("distanceRange").value = 80; document.getElementById("cargoLength").value = 120; document.getElementById("cargoWidth").value = 80; document.getElementById("cargoHeight").value = 90; calculate(); }); document.getElementById("mailtoBtn").addEventListener("click", () => { const total = document.getElementById("totalPrice").textContent; const subject = encodeURIComponent("料金シミュレーターからの見積依頼"); const body = encodeURIComponent(`概算見積: ${total}\n詳細条件を確認したいです。`); location.href = `mailto:info@tera--technical.com?subject=${subject}&body=${body}`; }); } renderVehicleChoices(); bindEvents(); calculate(); </script> </body> </html>" loading="lazy">
閉じる
チャーター便・混載便の概算見積
料金シミュレーターで概算運賃をすぐ確認できます
車種、距離、荷物サイズから目安料金を確認し、そのまま正式見積りへ進めます。
料金シミュレーターを開く
料金シミュレーター
概算見積
AI
AI問い合わせ
Tera Technical Assistant
配送のご相談をAIが案内します
緊急便、チャーター便、混載便、概算料金の確認などを選んでください。
こんにちは。配送内容、集荷地、納品先、希望日時が分かるとスムーズです。お急ぎの場合はお電話が早いです。
緊急便
チャーター便
混載便
料金・見積もり
送信
無料見積
電話する
LINE
