サービスパーツロジスティックス

<style>#modalMessage { position: fixed; z-index: 15; left: 0; top: 60px; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 35%; border-radius: 4px; } .close { color: #080808; float: right; font-size: 28px; font-weight: bold; line-height: 20px; } .close:hover, .close:focus { text-decoration: none; cursor: pointer; } @media (max-width: 769px) { .modal-content { width: 90%; } } @media (max-width: 1050px) { .modal-content { width: 70%; } } @media (max-width: 1400px) { .modal-content { width: 50%; } } </style>
<div class="fade modal show ups-application_wrapper"role=dialog aria-labelledby=modalTarget1Title aria-modal=true id=modalMessage style=padding-right:17px; tabindex=-1><div class=modal-dialog role=document><div class=modal-content><div class=modal-content_header><button aria-label=close class=close data-dismiss=modal id=close-btn-msg type=button>×</button><h2 class=modal-title id=modalTarget1Title>最新情報をお送りします</h2></div><div class=modal-content_body><p>貨物と物流のすべてについての知見を、Eメールでお届けします。</p><a class="ups-cta ups-cta-primary"href="https://gffsolutions.ups.com/Email-Subscription-3.0.html?WT.mc_id=EML_MKTO_GFF_SCS_Site_Subscription_Module106517"target=_blank>登録<span aria-hidden=true class="icon ups-icon-right-arrow"></span></a></div></div></div></div>
<script>
    window.onload = function() {
        document.getElementById('modalMessage').style.display = 'block';
    };
    document.getElementById("close-btn-msg").addEventListener("click", function () {
        document.getElementById('modalMessage').style.display = 'none';
    })
</script>

<script>

    $(".hero .button-wrapper a").click(function(){

        MktoForms2.loadForm("//gffsolutions.ups.com", "646-DDV-705", 2331, function (form) {

            MktoForms2.lightbox(form).show()

            form.onSuccess(function (values, followUpUrl) {

                document.getElementById('modal-confirmation').style.display = 'block';

                window.scrollTo(0, 0);

                return false;

            });

        });

        $("#close-btn").click(function(){

            $("#modal-confirmation").css({

                "display": "none"

            });

        })

      });

</script>

<style>.mktoModal { overflow-y: initial; } .mktoModal .mktoModalContent { padding: 40px; max-width: 730px; overflow-y: auto; height: 75vh; position: fixed; top: 100px !important; left: 50% !important; transform: translateX(-50%); } .mktoModal .mktoModalContent .mktoModalMain { max-width: 730px; width: 590px; } .mktoFieldWrap { padding-top: 30px; } .mktoForm { width: 590px !important; } .mktoModal .mktoModalClose { cursor: pointer; position: relative; color: #000; font-size: 20px; font-weight: 600; float: right; top: -15px; right: -18px; background: transparent; border: none; } .mktoHtmlText.mktoHasWidth h2 { font-size: 28px; line-height: 36px; font-weight: 400; padding: 0; } .mktoHtmlText.mktoHasWidth h2+hr { width: 50px; height: 4px; background: #ffc400; margin: 15px 0; border: 0; } .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap .mktoLabel { display: none; } .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap input, .mktoFormRow .mktoFieldDescriptor .mktoFieldWrap select { width: 250px !important; height: 56px; border-radius: 4px; box-shadow: none; margin-right: 20px; } .mktoFormRow .mktoFieldDescriptor .mktoOffset { width: 0 !important; } .mktoForm .mktoButtonWrap.mktoInset .mktoButton, #close-btn { position: relative; user-select: none; font-size: 1rem; font-family: UPSRoboto; font-weight: 500; line-height: 1.5; border-radius: 2.5rem; padding: 0.625rem 1.5rem; cursor: pointer; border: none; min-width: 100px; color: #121212; transition: all .35s ease-in-out; z-index: 1; background: #ffc400 !important; box-shadow: none !important; border: none !important; } .mktoForm .mktoButtonWrap.mktoInset .mktoButton::after, #close-btn::after { font-family: "upsicons"; font-size: .75rem; margin-left: 0.5rem; content: "\e600"; } a { text-decoration: underline; display: inline; color: #0662bb; } #modal-confirmation { position: fixed; z-index: 20; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } h2.text-title { font-weight: 400; font-size: 34px; line-height: 40px; } #confirmform { background-color: #fefefe; margin: auto; padding: 50px; border: 1px solid #888; width: 730px; margin-top: 12%; } #confirmation p { font-family: UPSRoboto; font-size: 14px; } .mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p { width: auto !important; } @media (max-width: 900px) { #confirmform { width: 80%; } h2.text-title { font-size: 24px; line-height: 30px; } } @media (max-width: 700px) { .mktoModal .mktoModalContent { top: 0px !important; width: 100%; } .mktoModal .mktoModalContent .mktoModalMain { width: 100% !important; height: 100vh; } .mktoForm { width: auto !important; } } </style>

<form action="https://www.ups.com/en_US/supplychain/logistics-solutions/post-sales-logistics.page?submit=true&componentID=1713770450243"id=mktoForm_2331 method=post></form><div id=modal-confirmation style=display:none><div id=confirmform><h2 class=text-title>UPS Supply Chain Solutionsにお問い合わせいただきありがとうございます。</h2><hr style="width:5rem;height:.25rem;display:block;background:#ffc400;margin:1.25rem 0 0;border:0"><br><p>お客様の担当者が2営業日以内にご連絡し、追加情報を収集させていただきます。</p><button id=close-btn type=submit>閉じる</button></div></div>

<script src="//gffsolutions.ups.com/js/forms2/js/forms2.min.js"></script>