.blog-form h1{display:none}.form-list-item__form{display:flex;flex-wrap:wrap;gap:4%}.form-list-item__field{width:48%;margin-bottom:1%}.form-list-item__field:nth-child(5){width:100%}.form-list-item__label{display:block;color:#666;font-size:14px}.form-list-item__input-text{width:100% !important;box-sizing:border-box}@media only screen and (max-width: 767px){.form-list-item__field{width:100%}}

$(document).ready(function () {

    $(".cross").hide();
    $(".menu").hide();
    $(".hamburger").click(function () {
        $(".menu").slideToggle("slow", function () {
            $(".hamburger").hide();
            $(".cross").show();
        });
    });

    $(".cross").click(function () {
        $(".menu").slideToggle("slow", function () {
            $(".cross").hide();
            $(".hamburger").show();
        });
    });

});



var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
        x[i].style.display = "none";
    }
    myIndex++;
    if (myIndex > x.length) { myIndex = 1 }
    x[myIndex - 1].style.display = "block";
    setTimeout(carousel, 2000); // Change image every 2 seconds
}




function validation() {
    var name = document.getElementById("name");
    var company = document.getElementById("company")
    var email = document.getElementById("email");
    var tel = document.getElementById("tel");
    var content = document.getElementById("content");
    var num = document.getElementById("num");
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;

    // Clear existing warnings and reset border colors
    clearWarningsAndBorders();

    if (!name.value) {
        appendWarning("名前*");
        setBorderRed(name);
    }

    if (!company.value) {
        appendWarning("会社名*");
        setBorderRed(company);
    }

    if (!email.value) {
        appendWarning("メールアドレス*");
        setBorderRed(email);
    } else if (!email.value.match(mailformat)) {
        myerror("無効なメール");
        setBorderRed(email);
    }

    if (!tel.value) {
        appendWarning("電話番号*");
        setBorderRed(tel);
    }

    if (!content.value) {
        appendWarning("お問合せ内容*");
        setBorderRed(content);
    }

    if (!num.value) {
        appendWarning("画像認証*");
        setBorderRed(num);
    } else {
        let dom = document.getElementById("display");
        let str = dom.innerHTML;
        let result = eval(str);
        num = num.value;
        // console.log(num, result);
        if (result !== parseInt(num)) {
            myerror("キャプチャの番号が違います。");
            let temp1 = Math.floor(Math.random() * 20);
            let temp2 = Math.floor(Math.random() * 20);
            let dis = temp1 + " + " + temp2;
            dom.innerHTML = dis;
            setBorderRed(num);
        }
        setBorderRed(num);
    }

}

function clearWarningsAndBorders() {
    var myList = document.getElementById("myList");
    myList.innerHTML = "";

    var errorList = document.getElementById("error");
    errorList.innerHTML = "";

    document.getElementById("mylist-title").style.display = "none";
    document.getElementById("error-title").style.display = "none";
    document.getElementById("message").style.display = "none";


    // Reset border colors
    resetBorder(document.getElementById("name"));
    resetBorder(document.getElementById("company"));
    resetBorder(document.getElementById("email"));
    resetBorder(document.getElementById("tel"));
    resetBorder(document.getElementById("content"));
    resetBorder(document.getElementById("num"));
}


function appendWarning(message) {
    document.getElementById("message").style.display = "block";
    document.getElementById("mylist-title").style.display = "block";
    const node = document.createElement("li");
    const textnode = document.createTextNode(message);
    node.appendChild(textnode);
    document.getElementById("myList").appendChild(node);
}

function myerror(message) {
    document.getElementById("message").style.display = "block";
    document.getElementById("error-title").style.display = "block";
    const node = document.createElement("li");
    const textnode = document.createTextNode(message);
    node.appendChild(textnode);
    document.getElementById("error").appendChild(node);
}

function setBorderRed(element) {
    element.style.border = "1px solid red";
}

function resetBorder(element) {
    element.style.border = ""; // Reset to the default border
}

お問い合わせ