@charset "utf-8";
/* CSS Document */

/*タブレット縦以下*/
@media screen and (max-width: 1024px) {
        #mv p {
                width: 100%;
                padding: 0;
                margin: 0;
        }
        footer {
                width: 100%;
                margin: 0 auto;
                padding-top: 10px;
                padding-bottom: 10px;
                text-align: center;
        }
        /*================================================================
================================================================*/
        .flex {
                display: block;
        }
        .line-solid-sm {
                opacity: 1;
                width: 80%;
                margin: 0 auto;
        }
        #box-right {
                width: 100%;
                line-height: normal;
        }
        #mv {
                padding-top: 50px;
        }
/*================================================================
================================================================*/
        h2 {
            font-size: 22px;
                font-weight: bold;
        }
        h3 {
                font-size: 22px;
        }
        h5 {
                font-size: 22px;
        }
    .h5-sub {
                font-weight: normal;
                font-size: 16px;
        }
        .h2-sub {
                font-weight: normal;
                font-size: 16px;
        }
    .h3-sub {
                font-weight: normal;
                font-size: 16px;
        }
        .text-bold {
                font-weight: 600;
        }
        /*================================================================
================================================================*/
        #introduction { /*イントロダクション*/
                width: 100%;
                margin: 0;
                padding: 0;
                padding-top: 80px;
                padding-bottom: 80px;
                line-height: 160%;
        }
        #about-ceramics { /*セラミック*/
                width: 100%;
                margin: 0;
                padding-top: 80px;
                padding-bottom: 80px;
                line-height: 160%;
        }
    #series {
                width: 100%;
                margin: 0;
                padding-top: 0;
                padding-bottom: 0;
                line-height: 160%;
                display: block;
        }
    #manual {
                width: 100%;
                margin: 0;
                padding-top: 30px;
                padding-bottom: 80px;
                line-height: 160%;
                display: block;
        }
    #kal {
                width: 100%;
                margin: 0;
                padding-top: 80px;
                padding-bottom: 80px;
                line-height: 160%;
                display: block;
        }
    #repair {
                width: 100%;
                margin: 0;
                padding-top: 0;
                padding-bottom: 80px;
                line-height: 160%;
                display: block;
        }
        #about-degital { /*デジタル*/
                width: 100%;
                margin: 0;
                padding-top: 80px;
                padding-bottom: 80px;
                line-height: 160%;
        }
    .d-arrow-box {
        width: 100%;
    }
        #web-design, #web-3dcg {
                width: 100%;
                margin: 0;
                padding-top: 50px;
                padding-bottom: 80px;
                line-height: 160%;
                display: block;
        }
        #brand {
                width: 100%;
                margin: 0 auto;
                padding: 0;
                padding-top: 50px;
                padding-bottom: 40px;
                line-height: 160%;
        }
        #member {
                width: 100%;
                margin: 0;
                padding: 0;
                padding-top: 80px;
                padding-bottom: 80px;
                line-height: 160%;
        }
        /*================================================================
================================================================*/
        /*================================================================
================================================================*/
        .brand-flex {
                width: 100%;
                margin: 0 auto;
                border-top: 2px solid #000000;
                border-bottom: 2px solid #000000;
                padding-top: 20px;
                padding-bottom: 20px;
        }
        .department-flex {
                display: flex;
                justify-content: center;
                margin: 0 auto;
        }
        .brand-ul {
                text-align: left;
                display: block;
        }
        .brand-li-1 {
                width: 80px;
                font-size: 13px;
        }
        .brand-li-2 {
                font-size: 13px;
        }
        /*================================================================
================================================================*/
        /*2introduction*/
        .introduction-text, .department-text, .about-ceramics-text, .about-degital-text, .member-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
    /*news*/
.news-text {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        text-align: left;
}
        /*3series*/
        .series-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
        /*4kal*/
        .kal-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
        /*5manual*/
.manual-text {
        width: 100%;
        margin: 0 auto;
}
.manual-text p {
        width: 90%;
        margin: 0 auto;
}
.manual-text2 {
        width: 100%;
        margin: 0 auto;
    padding-top: 80px;
}
.manual-text2 h5 {
        width: 90%;
        margin: 0 auto;
}
        /*6repair*/
        .repair-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
    .s_01 .accordion_one {
        width: 98%;
        margin: 0 auto;
}
        /**/
        .web-design-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
        .web-3dcg-text {
                width: 90%;
                padding-left: 0;
                margin: 0 auto;
        }
        .brand-text {
                width: 90%;
                text-align: center;
                margin: 0 auto;
        }
        /*================================================================
================================================================*/
        /*gray*/
        .img-gray3 {
                width: 100%;
                height: auto;
                margin: 0 auto;
                margin-top: 50px;
        }
        .img-gray5 {
                width: 100%;
                height: auto;
                margin: 0 auto;
                margin-top: 50px;
        }
        .img-gray6 {
                width: 100%;
                height: auto;
                margin: 0 auto;
                margin-top: 50px;
        }
        .img-repair {
                width: 100%;
                height: auto;
                margin: 0 auto;
        }
    
        .img-right-web-design { /*div*/
                width: 90%;
                text-align: left;
                margin: 0 auto;
        }
        .movie-3dcg {
                position: relative;
                max-height: 100%;
                max-width: 100%;
                margin: 0 auto;
                z-index: 5;
        }
        .img-brand {
                width: 100%;
                margin: 0 auto;
        }
        .img-right-zone {
                width: 90%;
                margin: 0 auto;
        }
        .img-kintsugi2 { /*div*/
                width: 100%;
                margin: 0 auto;
        }
        .img-kintsugi { /*div*/
                width: 100%;
                margin: 0 auto;
        }
        .slick-box {
                width: 90%;
                margin: 0 auto;
        }
        /*================================================================
================================================================*/
}