.newspage-list{display:flex;gap:5.5%}.newspage-list-box{display:block;width:29.667%;box-sizing:border-box}.newspage-list-box{padding:19px;background-color:#fafafa;word-wrap:break-word;text-decoration:none}.newspage-list-title{margin:0;font-size:18px;color:#333;font-weight:700}.newspage-list-date{font-family:"M PLUS 1p",Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:13px;color:#f08c00 !important;margin-bottom:6px}.newspage-content{font-size:14px;color:#000;line-height:1.7em;font-weight:500;font-family:"M PLUS 1p",Helvetica,Arial,Lucida,sans-serif}.newspage-content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media only screen and (max-width: 980px){.newspage-list{display:block}.newspage-list-box{width:100%;margin-bottom:3%}}

$(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
}