@charset "utf-8";

@import url("layouts.css");
@import url("parts.css");

/* 共通 */
.main {
    max-width: 1000px;
    width: 100%;
}

/* imgの段落ち */
.colmn img {
    object-fit: cover;
    height: 100%;
}
@media (width <=1000px) {
    .colmn figure {
        margin: 0;
        display: grid;
        grid-template-rows: 200px auto;
    }
    .col3,
    .col2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 10px;
    }
    .colmn {
        width: 100% !important;
    }
}

/* header */
header .header {
    max-width: 1000px;
    width: 100%;
}
.header img {
    max-width: 400px;
    width: 100%;
}

.gnavi ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    max-width: 1000px;
    width: 100%;
    margin-bottom: -1px;
    margin-top: -1px;
}

.gnavi ul li {
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    margin-top: -1px;
}

.hamburger_btn {
    display: none;
}
@media (width <=800px) {
    /* 固定時に付けるクラス↓*/
    .gnavi.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    .gnavi.fixed .hamburger_btn {
        margin-right: 10px;
    }
    /* 固定時に付けるクラス↑*/
    
    .gnavi {
        display: flex;
        justify-content: flex-end;
        height: 50px;
        padding-right: 10px;
        position: relative;
    }
    .gnavi .gnavi_list {
        display: none;
    }
    .gnavi_list.is-open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 50px;
        right: 0;
        width: 100%;
        background-color: #3737de;
        z-index: 9999;
    }
    .hamburger_btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 40px;
        height: 100%;
        gap: 8px;
    }
    .hamburger_btn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: 0.2s;
    }
    .hamburger_btn.is-open {
        position: relative;
        span {
            position: absolute;
            top: 25px;
        }
        span:nth-of-type(1) {
            transform: rotate(45deg);
        }
        span:nth-of-type(3) {
            transform: rotate(-45deg);
        }
        span:nth-of-type(2) {
            display: none;
        }
    }
}

/* footer */
footer .footer {
    max-width: 1000px;
    width: 100%;
}
.fnavi ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.address {
    padding-right: 1rem;
}

/* TOP */
.parts_maps-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* お問い合わせ */
.inquery figure img {
    max-width: 328px;
    width: 100%;
}

/* 工場設備_1000px以下のとき */
@media (width <=1000px) {
    .asset {
        table {
            table-layout: fixed;
            width: 100%;
            border-collapse: collapse;
        }

        td,
        th {
            /* word-wrap: break-word;  */
            /* 単語の途中でも折り返す */
            overflow-wrap: break-word;
            white-space: normal; /* 改行を許可 */
            padding: 8px;
            border: 1px solid #ccc;
        }
    }
}

/* 地図 */
.parts_maps-wrap .maps {
    position: relative;
    width: 100%;
    height: 450px;
    margin-right: 0px;
}

.maps > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}