@charset "UTF-8";

@media screen and (min-width:300px) and (max-width:380px) {}

@media screen and (min-width:300px) and (max-width:767px) {
    .contact-text {
        width: 100%;
    }

    .news-inner ul {
        width: 100%;
    }

    .tab_item {
        width: calc(100%/2);
    }

    .top-img {
    top: 80px;
    }

    #page-wrapper {
        margin-top: 50%;
    }

    .top-img-b {
        margin-top: -35px;
        padding: 0 !important;
    }

    .about-inner2 {
        background: url(../img/about1bg.jpg) no-repeat center top;
        background-size: 100%;
        padding-bottom: 0;
    }

    .about-left {
        width: 100%;
    }

    .about-left img {
        width: 100%;
    }

    .about-right {
        width: 100%;
    }

    .about-right p {
        width: 100%;
        font-size: 100%;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .about-inner3 {
        background: url(../img/about2bg.jpg) no-repeat center top;
        background-size: 100%;
        padding: 2rem 1rem;
        margin-top: 1rem;
    }

    .about-inner3 .about-right p {
        margin-left: 0;
    }

    .news-inner li {
        width: calc(100%/1);
        border-right: none !important;
    }

    .news-inner li:nth-child(5),
    .news-inner li:nth-child(6) {
        border-bottom: 1px solid #ccc;
    }

    .company th,
    .company td {
        display: block;
        text-align: center;
    }

    .contact th,
    .contact td {
        display: block;
        text-align: center;
    }

    .contact th {
        width: 100%;
    }

    .showroom-inner .col-lg-4 img {
        margin-bottom: 1rem;
    }

    .gyosya-inner {
        padding: 2rem 1rem;
    }

    .bg-primary {
        background: rgb(255, 255, 255) !important;
    }

    #main-menu a {
        text-align: center;
    }

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 102, 176, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /* ハンバーガーメニュー */
}

    .navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 102, 176, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");
    }
    .is-fixed {
    height: auto;
}

    .is-fixed .navbar-nav {
    background: #fff;
}
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .custom-logo-link img {
    width: 80px;
}
#main-menu a {
    font-size: 10px;
}
.top-img {
    top: 150px;
}
#page-wrapper {
    margin-top: 60%;
}
.top-img-b {
    margin-top: -93px;
}
.news-inner ul {
    width: 100%;
}
.is-fixed .custom-logo-link img {
    width: 110px;
}
.about-left {
    width: 100%;
}
.about-right p {
    width: 100%;
    font-size: 110%;
    margin-top: 10px;
}

.about-right {
    width: 100%;
}
.about-inner3 .about-right p {
    margin-left: 0;
}
.about-inner2 {
    background: url(../img/about1bg.jpg) no-repeat;
    background-size: 100%;
    padding: 2rem 1rem 0;
}
.about-inner3 {
    background: url(../img/about2bg.jpg) no-repeat top center;
    background-size: 100%;
    padding: 2rem 1rem 0;
    margin-top: 0rem;
}
}

@media screen and (min-width:1024px) and (max-width:1100px) {

    .custom-logo-link img {
    width: 110px;
    transition: .5s;
}
.top-img-b {
    margin-top: -100px;
}
.is-fixed .custom-logo-link img {
    width: 120px;
}
#page-wrapper {
    margin-top: 38%;
}
}

@media screen and (min-width:1281px) and (max-width:2000px) {
.top-img-b img{
    width: 100%;
}

.about-left {
    display: inline-block;
    width: 50%;
    letter-spacing: 0em;
}
.about-right {
    display: inline-block;
    width: 30%;
    letter-spacing: 0em;
    vertical-align: top;
    margin-top: 2rem;
}
}