.spec_section {
    margin-bottom: 7rem;
}

.spec_section .item p {
    padding: 0 0.5rem 1.5rem 0;
    font-size: 15px;
}

.toggle-button {
    font-size: 18px;
}

.nav_container {
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    gap: 20px;
}

.description,
.item-description {
    display: none;
}

/* .toggle-item {
    text-decoration: underline;
} */

.description li {
    cursor: pointer;
    margin: 1rem 0.2rem;
    color: #5e5e5e;
}
/* .description li:hover {
    color: #173080;
} */

.description li a {
    color: #5e5e5e;
}
/* .description li:hover a {
    color: #173080;
} */
.description .table li {
    cursor: unset;
}
.description .table li:hover {
    color: #5e5e5e;
}

/* carousel */
.spec_section .carousel-indicators {
    justify-content: space-between;
}

.spec_section .carousel-indicators li {
    width: 14%;
}

/* 仕　様 */
.table-spec2 {
    margin-bottom: 0.5rem;
}

.table-spec td, .table-spec th {
    background-color: #f9f9f9;
    vertical-align: middle;
}
.table-spec td {
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-align: center;
    color: #535353;
}
/* .table-spec2 td {
text-align: center;
} */
.table-spec th {
    border-right: 1px solid #f9f9f9;
    width: 19%;
}
.table-spec tr td:last-child {
    border-right: 0;
}
.table-spec tr:last-child th {
    border-bottom: 1px solid #dee2e6;
}

.item-description {
    /* margin-bottom: 3rem; */
    margin: 2rem 0 4rem;
}
.item-description > div {
    text-align: center;
    margin-bottom: 3rem;
}
.item-description > div > img {
    width: 100%;
}
.item-description > div > span {
    margin: -22px 0 20px;
    /* color: #808080; */
    color: #a1a1a1;
    font-size: 15px;
}

p.note {
    font-size: 80%;
    color: #666;
}

.table-spec td.bg_td {
    /* background-color: #ebf1fd; */
    background-color: #e3e5f0;
    color: #555;
}

.table-spec td.border_r {
    border-right: 1px solid #fff;
}

.table-spec3 th {
    background-color: #e9eff8c4;
}
.table-spec3 td.spec3_td {
    /* background-color: #e2e2e2; */
    background-color: #e2eaf6;
}

.table-spec td p {
    display: flex;
}
.table-spec td p span {
    width: 50%;
}

.br_sp {
    display: none;
}

.spec_title {
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
    padding: 0.5rem;
    /* background-color: #c8e8f4ba; */
    /* color: #7b858b; */
    color: #444a4e;
}

/* 取扱説明書 */
#description2 li {
    text-decoration: underline;
}

/* よくあるご質問 */
.table-box {
    overflow: scroll;
}

.table-faq {
    min-width: 930px;
}

.scroll {
    margin-bottom: 0.7rem !important;
    color: #868686;
    margin-left: 0.2rem;
    text-align: left !important;
    font-size: 15px !important;
}

.scroll p {
    display: none;
}

.table-faq td, .table-faq th {
    color: #555;
    border: 1px solid #dee2e6;
    background-color: #e3e5f0;
    vertical-align: middle;
}
.table-faq td {
    background-color: #fff;
    color: #777;
    text-align: left;
    font-size: 15px;
}
.table-faq tr th:first-child, .table-faq tr td:first-child {
    /* text-align: center; */
    border-left: 0;
}
/* .table-faq tr th:nth-child(2), .table-faq tr td:nth-child(2) {
    text-align: center;
} */
.table-faq tr th:last-child, .table-faq tr td:last-child {
    border-right: 0;
}

.table-faq td.bg_td {
    background-color: #fbfbfb;
    color: #4f4f4f;
}

.table-faq th.border_r {
    border-right: 1px solid #fff;
    width: 32%;
}

#item-description9 ul {
    list-style: disc;
    padding-left: 1rem;
    color: #777;
}
#item-description9 ul li {
    color: #777 !important;
    cursor: none !important;
}
#item-description9 ul li:hover {
    color: #777 !important;
}

/* お問い合わせ */
.contact_btn img {
    width: 35%;
}

/* media query */
@media screen and (max-width:1200px) {
    .contact_btn img {
        width: 33%;
    }
}

@media screen and (max-width:991.98px) {
    .scroll p {
        display: block;
    }

    #item-description6 .scroll p,
    #item-description7 .scroll p {
        display: none;
    }

    .spec_section .item p {
        padding: 0 0.5rem 1.2rem 0;
        font-size: 14.5px;
    }

    .toggle-button {
        font-size: 17px;
    }

    .contact_btn img {
        width: 45%;
    }
}
@media screen and (max-width: 767.98px) {
    /* .item-description > div > img {
        width: 60%;
    } */

    .spec_section .item p {
        padding: 0 1.5rem 1rem 0;
        font-size: 14px;
    }

    .contact_btn img {
        width: 55%;
    }

    .table-spec td p {
        display: block;
    }
    .table-spec td p span {
        width: 100%;
    }
}
@media screen and (max-width: 428px) {
    #item-description6 .scroll p {
        display: block;
    }

    .item-description#item-description6 .table-spec3 {
        display: block;
        overflow: scroll;
    }

    .spec_section {
        margin-bottom: 6rem;
    }
    .spec_section .item p {
        padding: 0 1rem 0.7rem 0;
        font-size: 13px;
    }

    .table-spec td, .table-spec th {
        font-size: 15px;
    }
    .table-spec th {
        width: 24%;
    }

    #description1 .item-description > div {
        margin-bottom: 2rem;
    }
    #description1 .item-description > div > span {
        margin: -7px 0 20px;
    }

    .item-description > div > span {
        font-size: 14px;
    }

    /* .item-description > div > img {
        width: 70%;
    } */

    .scroll p {
        font-size: 14px;
    }

    .table-faq td, .table-faq th {
        font-size: 14.5px;
    }

    .table-faq td {
        font-size: 14.5px;
    }

    p {
        font-size: 15.5px;
    }

    .contact_btn img {
        width: 68%;
    }

    .br_sp {
        display: block;
    }
}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 412px) {
    .table-spec td, .table-spec th {
        font-size: 14.5px;
    }
}
@media screen and (max-width: 393px) {
    .contact_btn img {
        width: 72%;
    }
}
@media screen and (max-width: 390px) {
    p.note {
        font-size: 78%;
    }

    .contact_btn img {
        width: 76%;
    }
}
@media screen and (max-width: 375px) {
    p {
        font-size: 15px;
    }

    /* .item-description > div > img {
        width: 75%;
    } */

    .contact_btn img {
        width: 78%;
    }
}
@media screen and (max-width: 360px) {
    .table-spec td, .table-spec th {
        font-size: 14.2px;
    }

    /* .item-description {
        margin: 2rem 0 3.5rem;
    } */

    #description1 .item-description > div {
        margin-bottom: 1.5rem;
    }

    .item-description > div > span {
        font-size: 13.5px;
    }

    .scroll p {
        font-size: 13.5px;
    }
}
@media screen and (max-width: 320px) {
    #item-description7 .scroll p {
        display: block;
    }

    .item-description#item-description7 .table-spec3 {
        display: block;
        overflow: scroll;
    }

    .spec_title {
        margin-top: 4rem;
    }

    p {
        font-size: 15px;
    }
    .toggle-button {
        font-size: 16px;
    }

    .description li {
        font-size: 15px;
    }

    .table-spec td, .table-spec th {
        font-size: 13.5px;
    }

    .item-description > div > span {
        font-size: 13px;
    }

    /* .item-description > div > img {
        width: 80%;
    } */

    p.note {
        font-size: 70%;
    }

    .scroll p {
        font-size: 14px;
    }

    .table-faq td, .table-faq th {
        font-size: 13.5px;
    }

    .table-faq td {
        font-size: 13.5px;
    }

    .contact_btn img {
        width: 85%;
    }
}