@charset "utf-8";

.title-br{
    display: none;
}

.title-br2{
    display: block;
}

#canvas_printing-lead{
    margin: 6.3% auto 8.2%;
}

#canvas_printing-lead .canvas_printing-wrapper{
    width: 69%;
    margin: 0 auto;
}

#canvas_printing-lead .canvas_printing-lead-wrap{
    width: 96.6%;
    margin: 0 auto;
}

#canvas_printing-lead h2{
    text-align: center;
    font-size: 2.25em;
    letter-spacing: 0.11em;
    font-weight: lighter;
}

#canvas_printing-lead .canvas-image-title{
    margin: 10.8% auto 0;
    display: flex;
    justify-content: space-between;
}

#canvas_printing-lead h3{
    margin: 11.8% 0 0;
    font-size: 1.4em;
    font-family: var(--font-jp-zen-serif) !important;
    font-weight: 500;
    width: 27.1%;
    letter-spacing: 0.2em;
    line-height: 2.65;
}

#canvas_printing-lead .canvas-image-1{
    width: 32%;
}

#canvas_printing-lead .canvas-image-2{
    width: 30.2%;
    margin: 19.9% 5.5% 0 0;
}


/* ---------- CANVAS ART ---------- */

#about-canvas-art{
    padding: 8.3% 0 6.3%;
    background-color: #fff;
}

.about-canvas-art-wrap{
    width: 81.3%;
    margin: 0 auto 0;
}

#about-canvas-art .canvas-art-title{
    display: flex;
    align-items: center;
}

#about-canvas-art .canvas-art-title .title{
    width: 39.6%;
    margin-right: 7.7%;
}

#about-canvas-art .canvas-art-title p{
    font-size: 1.2em;
    letter-spacing: 0.02em;
    line-height: 3em;
    margin-top: 1.1%;
}

#about-canvas-art .canvas-art-title p span{
    font-size: 1.5em;
}

#about-canvas-art .about-canvas-art-detail{
    width: 78%;
    margin: 8% auto 0;
}

#about-canvas-art .about-canvas-art-detail .canvas-art-text{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 7.3%;
}

#about-canvas-art .about-canvas-art-detail .side_printing-image{
    width: 29.3%;
}

#about-canvas-art .about-canvas-art-detail .side_printing-text{
    width: 57.1%;
    padding-top: 0.5%;
}

#about-canvas-art .about-canvas-art-detail .side_printing-text p{
    line-height: 1.85;
}

#about-canvas-art .about-canvas-art-detail .side_printing-text p span{
    font-weight: bold;
}

#about-canvas-art h5{
    font-size: 1.7em;
    letter-spacing: 0.09em;
    line-height: 2.2;
    font-family: var(--font-jp-zen-serif) !important;
    font-weight: 500;
}

#about-canvas-art .canvas-image{
    width: 84%;
    margin: 7.5% auto 5% 7.7%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#about-canvas-art .canvas-image div{
    width: 18.8%;
}

#about-canvas-art .h5-2{
    width: 43.7%;
    margin: 0 0 0 auto;
}


/* ---------- 特徴 ---------- */

#canvas-printing-feature{
    margin: 7.8% auto 10.6%;
}

h4{
    width: 86.3%;
    margin: 0 auto 0;
    font-size: 1.55em;
}

.canvas_printing-border{
    width: 100%;
    height: 1px;
    background-color: var(--color-black);
    margin-top: 0.6%;
}

#canvas-printing-feature .about-feature{
    width: 86%;
    margin: 7.4% auto 0;
}

.about-feature .about-feature-1{
    margin-bottom: 20.1%;
}

.about-feature-detail{
    display: flex;
    align-items: flex-start;
}

.about-feature-detail .about-feature-text{
    width: 56.1%;
    margin-left: 9%;
    margin-right: 8%;
}

.about-feature-detail .about-feature-text .title{
    font-size: 1.7em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    margin-bottom: 5.4%;
}

.about-feature-detail .about-feature-text p{
    letter-spacing: 0.15em;
    line-height: 2em;
}

.about-feature-detail .about-feature-image{
    width: 26.2%;
}

.about-feature-2 .about-feature-text{
    width: 56.1%;
    margin-right: 0;
    margin-left: 0;
}

.about-feature-2 .about-feature-image{
    width: 27.1%;
    margin-right: 8%;
}


/* ---------- サイズ別価格 ---------- */

#canvas-printing-price .canvas-printing-price-wrap{
    width: 86.8%;
    margin: 4.9% auto 13.1%;
}

#canvas-printing-price .description{
    letter-spacing: 0.21em;
}

#canvas-printing-price .size-table{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 4.5% auto 0;
}

#canvas-printing-price .size-table .size-box{
    font-family: "Poppins", sans-serif;
    font-style: normal;
    width: 33%;
}

#canvas-printing-price .size-table .size-image{
    height: 300px;
    min-height: 247px;
    margin: 0 auto 14.9% 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#canvas-printing-price .size-table .size-image img {
    max-width: 100%;
    height: auto;
}

#canvas-printing-price .size-table .size-s .size-image{
    width: 32%;
}
#canvas-printing-price .size-table .size-m .size-image{
    width: 59.6%;
}
#canvas-printing-price .size-table .size-l .size-image{
    width: 59.7%;
}
#canvas-printing-price .size-table .size-xl .size-image{
    width: 88.7%;
}

#canvas-printing-price .size-table .size{
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 11.3%;
}

#canvas-printing-price .size-table .measurement{
    margin-bottom: 37.2%;
    font-size: 1.18em;
    letter-spacing: 0.05em;
}

#canvas-printing-price .size-table p{
    font-size: 1.2em;
    line-height: 2.45em;
    letter-spacing: 0.15em;
}

#canvas-printing-price .size-table strong{
    font-size: 1.7em;
    letter-spacing: 0.1em;
}

#canvas-printing-price .size-table span{
    font-size: 0.75em;
    letter-spacing: 0;
}


/* ---------- 仕様 ---------- */

#canvas_printing-spec {
    margin: 0 auto 9.6%;
}

#canvas_printing-spec .canvas_printing-spec-wrap{
    width: 86.3%;
    margin: 5.5% auto 0;
}

#canvas_printing-spec .canvas_printing-spec-wrap p{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.35%;
}

#canvas_printing-spec .canvas_printing-spec-wrap .spec-name{
    width: 13.7%;
    min-width: 151px;
    letter-spacing: 0.2em;
}

#canvas_printing-spec .canvas_printing-spec-wrap .spec-detail{
    letter-spacing: 0.15em;
}


#canvas_printing-spec .annotation{
    width: 86.3%;
    margin: 3.5% auto 0;
}

#canvas_printing-spec .annotation p{
    letter-spacing: 0.01em;
    margin-bottom: 0.45%;
}


/* ---------- デザインデータ作成時のご注意事項 ---------- */

#data-considerations{
    margin: 0 auto 9.1%;
}

#data-considerations .data-considerations-wrap{
    width: 86.3%;
    margin: 5.5% auto 0;
}

#data-considerations .data-considerations-wrap p{
    letter-spacing: 0.13em;
}

#data-considerations .considerations{
    margin: 5% auto 0;
}

#data-considerations .considerations p{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 1%;
}

#data-considerations .considerations p span{
    font-size: 1.3em;
    letter-spacing: 0.06em;
    font-weight: bold;
}


/* ---------- お問い合わせ ---------- */

#canvas-contact{
    background-color: #fff;
    padding: 6% 0 6.7%;
    text-align: center;
    font-size: 1.6em;
}

#canvas-contact a{
    display: inline-block;
    margin: 0 auto;
    padding: 35px 22.9%;
    border: 1px solid #333;
}


/*---------- レスポンシブ ----------*/

@media screen and ( max-width:1500px) {
    #canvas_printing-lead h2{
        font-size: 2.2em;
    }

    #canvas_printing-lead .canvas_printing-lead-wrap{
        width: 100%;
        margin: 0 auto;
    }

    #canvas_printing-lead .canvas_printing-wrapper{
        width: 69%;
        margin: 0 auto;
    }

    #canvas-printing-feature .about-feature .feature-box .tem_br{
        display: block;
    }
}

@media screen and ( max-width:1230px) {
    #canvas_printing-lead h2{
        font-size: 2em;
    }

     #canvas_printing-lead .canvas_printing-wrapper{
        width: 85%;
        margin: 0 auto;
    }
}


@media screen and ( max-width:960px) {
    #canvas_printing-lead{
        margin: 7.3% auto 10%;
    }

    #canvas_printing-lead .canvas_printing-wrapper{
        width: 88%;
        margin: 0 auto;
    }

    #canvas_printing-lead .canvas_printing-lead-wrap{
        width: 100%;
        margin: 0 auto;
    }

    #canvas_printing-lead h2{
        font-size: 1.8em;
    }

    #canvas_printing-lead .canvas-image-title{
        margin: 8.4% auto 8%;
    }

    #canvas_printing-lead h3{
        font-size: 1.4em;
        width: 30.9%;
    }

    #canvas_printing-lead .canvas-image-1{
        width: 35%;
    }

    #canvas_printing-lead .canvas-image-2{
        width: 31%;
        margin: 19.9% 0 0 0;
    }

    /* ---------- CANVAS ART ---------- */

    #about-canvas-art{
        padding: 8.3% 0 6.3%;
    }

    .about-canvas-art-wrap{
        width: 88%;
        margin: 0 auto 0;
    }

    #about-canvas-art .canvas-art-title{
        display: flex;
        align-items: center;
    }

    #about-canvas-art .canvas-art-title .title{
        width: 43%;
        margin-right: 7.7%;
    }

    #about-canvas-art .canvas-art-title p{
        font-size: 1.2em;
        letter-spacing: 0.02em;
        line-height: 3em;
        margin-top: 1.1%;
    }

    #about-canvas-art .canvas-art-title p span{
        font-size: 1.2em;
    }

    #about-canvas-art .about-canvas-art-detail{
        width: 100%;
        margin: 8% auto 0;
    }

    #about-canvas-art .about-canvas-art-detail .canvas-art-text{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 7.3%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-image{
        width: 37%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text{
        width: 57.1%;
        padding-top: 0.5%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text p{
        line-height: 1.85;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text p span{
        font-weight: bold;
    }

    #about-canvas-art h5{
        font-size: 1.4em;
        letter-spacing: 0.09em;
        line-height: 2.2;
        font-family: var(--font-jp-zen-serif) !important;
        font-weight: 500;
    }

    #about-canvas-art .canvas-image{
        width: 88%;
        margin: 7.5% auto 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #about-canvas-art .canvas-image div{
        width: 18.8%;
    }

    #about-canvas-art .h5-2{
        width: 43.7%;
        margin: 0 0 0 auto;
    }


    /* ---------- 特徴 ---------- */

    #canvas-printing-feature{
        margin: 7.8% auto 15%;
    }

    h4{
        width: 86.3%;
        margin: 0 auto 0;
        font-size: 1.55em;
    }

    .canvas_printing-border{
        width: 100%;
        height: 1px;
        background-color: var(--color-black);
        margin-top: 0.6%;
    }

    #canvas-printing-feature .about-feature{
        width: 88%;
        margin: 7.4% auto 0;
    }

    .about-feature .about-feature-1{
        margin-bottom: 15%;
    }

    .about-feature-detail{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .about-feature-detail .about-feature-text{
        width: 56.1%;
        margin-left: 0;
        margin-right: 0;
    }

    .about-feature-detail .about-feature-text .title{
        font-size: 1.5em;
        line-height: 1.5em;
        letter-spacing: 0.1em;
        margin-bottom: 5% !important;
    }

    .about-feature-detail .about-feature-text p{
        letter-spacing: 0.15em;
        line-height: 2em;
    }

    .about-feature-detail .about-feature-image{
        width: 36.2%;
    }

    .about-feature-2 .about-feature-text{
        width: 56.1%;
        margin-right: 0;
        margin-left: 0;
    }

    .about-feature-2 .about-feature-image{
        width: 37.1%;
        margin-right: 0;
    }

    /* ---------- サイズ別価格 ---------- */

    #canvas-printing-price .canvas-printing-price-wrap{
        width: 90%;
        margin: 4.9% auto 13.1%;
    }

    #canvas-printing-price .size-table{
        display: flex;
        margin: 4.5% auto 0;
    }

    #canvas-printing-price .size-table .size-box{
        width: 33%;
    }

    #canvas-printing-price .size-table .size-image{
        height: auto;
        min-height: 247px;
        margin: 0 auto 14.9% 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    #canvas-printing-price .size-table .size-image img {
        max-width: 100%;
        height: auto;
    }

    #canvas-printing-price .size-table .size-s .size-image{
        width: 37%;
    }
    #canvas-printing-price .size-table .size-m .size-image{
        width: 64.6%;
    }
    #canvas-printing-price .size-table .size-l .size-image{
        width: 64.7%;
    }
    #canvas-printing-price .size-table .size-xl .size-image{
        width: 93.7%;
    }

    #canvas-printing-price .size-table .size{
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 11.3%;
    }

    #canvas-printing-price .size-table .measurement{
        margin-bottom: 37.2%;
        font-size: 1.05em;
        letter-spacing: 0.05em;
    }

    #canvas-printing-price .size-table p{
        font-size: 1.08em;
        line-height: 2.45em;
    }

    #canvas-printing-price .size-table strong{
        font-size: 1.4em;
    }

    #canvas-printing-price .size-table span{
        font-size: 0.75em;
    }

    /* ---------- 仕様 ---------- */

    #canvas_printing-spec .canvas_printing-spec-wrap{
        width: 88%;
        margin: 5.2% auto 0;
    }

    #canvas_printing-spec .annotation p{
        letter-spacing: 0.01em;
        margin-bottom: 3%;
    }

    /* ---------- デザインデータ作成時のご注意事項 ---------- */

    #data-considerations{
        margin: 0 auto 9.1%;
    }

    #data-considerations .data-considerations-wrap{
        width: 88%;
        margin: 5.5% auto 0;
    }

    #data-considerations .data-considerations-wrap p{
        letter-spacing: 0.1em;
    }

    #data-considerations .considerations{
        margin: 5% auto 0;
    }

    #data-considerations .considerations p{
        margin-bottom: 2%;
    }

    #data-considerations .considerations p span{
        font-size: 1.3em;
        letter-spacing: 0.06em;
        font-weight: bold;
    }
    


    /* ---------- お問い合わせ ---------- */

    #canvas-contact{
        padding: 6% 0 6.7%;
        font-size: 1.5em;
    }

    #canvas-contact a{
        margin: 0 auto;
        padding: 35px 26.9%;
    }
}

@media screen and ( max-width:900px) {
    #canvas_printing-lead h3{
        font-size: 1.3em;
        width: 30.9%;
    }

    .title-br{
        display: block;
    }

    /* ---------- 仕様 ---------- */

    #canvas_printing-spec .canvas_printing-spec-wrap p{
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3%;
    }

    #canvas_printing-spec .canvas_printing-spec-wrap .spec-name{
        width: 100%;
        min-width: auto;
        letter-spacing: 0.2em;
    }

    /* ---------- 価格 ---------- */

     #canvas-printing-price .canvas_printing-attention p{
        margin-bottom: 2%;
        line-height: 1.6;
    }

    #canvas-printing-price .canvas_printing-attention .attention-text{
        display: flex;
        flex-wrap: wrap;
        gap: 0 3em;
        margin-top: 4%;
        margin-bottom: 4%;
    }

    #canvas-printing-price .canvas_printing-attention .attention-name{
        width: 100%;
    }
}

@media screen and ( max-width:800px) {
    /* ---------- CANVAS ART ---------- */

    #about-canvas-art .canvas-image{
        width: 88%;
        margin: 7.5% auto 5%;
        gap: 2%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #about-canvas-art .canvas-image div{
        width: 30%;
    }

    #about-canvas-art .canvas-image div:nth-child(1),
     #about-canvas-art .canvas-image div:nth-child(2),
     #about-canvas-art .canvas-image div:nth-child(3){
        margin-bottom: 2%;
    }


    /* ---------- サイズ別価格 ---------- */

    #canvas-printing-price .size-table{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 4.5% auto 0;
    }

    #canvas-printing-price .size-table .size-box{
        width: 45%;
        margin-bottom: 25%;
    }

    #canvas-printing-price .size-table .size-image{
        height: auto;
        min-height: 265px;
        margin: 0 auto 14.9% 0;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    #canvas-printing-price .size-table .size-s .size-image{
        width: 37%;
    }
    #canvas-printing-price .size-table .size-m .size-image{
        width: 64.6%;
    }
    #canvas-printing-price .size-table .size-l .size-image{
        width: 64.7%;
    }
    #canvas-printing-price .size-table .size-xl .size-image{
        width: 93.7%;
    }

    #canvas-printing-price .size-table .size-image img {
        max-width: 100%;
        height: auto;
    }

    #canvas-printing-price .size-table .size{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 11.3%;
    }

    #canvas-printing-price .size-table .measurement{
        margin-bottom: 37.2%;
        font-size: 1.05em;
        letter-spacing: 0.05em;
    }

}

@media screen and ( max-width:630px) {
    #canvas_printing-lead .canvas-image-title{
        margin: 10% auto 5%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    #canvas_printing-lead h3{
        font-size: 1.5em;
        width: 97%;
        margin: 10% auto 0;
        line-height: 1.5;
        order: 1;
    }

    .title-br{
        display: none !important;
    }

    .title-br2{
        display: none !important;
    }

    #canvas_printing-lead .canvas-image-1{
        width: 56%;
    }

    #canvas_printing-lead .canvas-image-2{
        width: 44%;
        margin: 17.2% 0 0;
    }

    #about-canvas-art .h5-2 {
        width: 55%;
        margin: 0 0 0 auto;
    }

        /* ---------- CANVAS ART ---------- */

    #about-canvas-art{
        padding: 15% 0 12%;
    }

    .about-canvas-art-wrap{
        width: 88%;
        margin: 0 auto 0;
    }

    #about-canvas-art .canvas-art-title{
        flex-wrap: wrap;
    }

    #about-canvas-art .canvas-art-title .title{
        width: 66%;
        margin: 0 0 6% 0;
        margin-right: 0;
    }

    #about-canvas-art .canvas-art-title p{
        font-size: 1.3em;
        line-height: 2em;
        margin-top: 0;
    }

    #about-canvas-art .canvas-art-title p span{
        font-size: 1.1em;
    }

    #about-canvas-art .about-canvas-art-detail{
        width: 100%;
        margin: 8% auto 0;
    }

    #about-canvas-art .about-canvas-art-detail .canvas-art-text{
        flex-wrap: wrap;
        margin-bottom: 10%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-image{
        width: 100%;
        margin-bottom: 5%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text{
        width: 100%;
        padding-top: 0;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text p{
        line-height: 1.7;
    }

    /* ---------- 特徴 ---------- */

    .about-feature .about-feature-1{
        margin-bottom: 15%;
    }

    .about-feature-detail{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .about-feature-detail .about-feature-text{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .about-feature-detail .about-feature-text .title{
        font-size: 1.5em;
        line-height: 1.5em;
        letter-spacing: 0.1em;
        margin-bottom: 5% !important;
    }

    .about-feature-detail .about-feature-text p{
        letter-spacing: 0.1em;
        line-height: 2em;
    }

    .about-feature-detail .about-feature-image{
        width: 100%;
    }

    .about-feature-2 .about-feature-text{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .about-feature-2 .about-feature-image{
        width: 100%;
        margin-right: 0;
        order: 1;
    }

     /* ---------- お問い合わせ ---------- */

    #canvas-contact{
        padding: 6% 0 6.7%;
        font-size: 1.3em;
    }

    #canvas-contact a{
        margin: 0 auto;
        padding: 35px 25%;
    }
}


@media screen and ( max-width:500px) {
    #canvas_printing-lead .wrapper{
        margin: 10% auto 0;
    }

    #canvas_printing-lead .canvas_printing-wrapper{
        width: 88%;
        margin: 0 auto;
    }

    #canvas_printing-lead .canvas_printing-lead-wrap{
        width: 100%;
        margin: 0 auto;
    }

    #canvas_printing-lead h2{
        font-size: 1.4em;
    }

    #canvas_printing-lead .canvas-image-title{
        margin: 10% auto 16%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    #canvas_printing-lead h3{
        font-size: 1.15em;
        width: 94%;
        margin: 10% auto 0;
        line-height: 1.5;
        writing-mode: horizontal-tb;
        order: 1;
    }

    .title-br{
        display: none;
    }

    /* ---------- CANVAS ART ---------- */

    #about-canvas-art{
        padding: 15% 0 12%;
    }

    .about-canvas-art-wrap{
        width: 88%;
        margin: 0 auto 0;
    }

    #about-canvas-art .canvas-art-title{
        flex-wrap: wrap;
    }

    #about-canvas-art .canvas-art-title .title{
        width: 66%;
        margin: 0 0 6% 0;
        margin-right: 0;
    }

    #about-canvas-art .canvas-art-title p{
        font-size: 1.12em;
        line-height: 2em;
        margin-top: 0;
    }

    #about-canvas-art .canvas-art-title p span{
        font-size: 1.1em;
    }

    #about-canvas-art .about-canvas-art-detail{
        width: 100%;
        margin: 8% auto 0;
    }

    #about-canvas-art .about-canvas-art-detail .canvas-art-text{
        flex-wrap: wrap;
        margin-bottom: 10%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-image{
        width: 100%;
        margin-bottom: 5%;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text{
        width: 100%;
        padding-top: 0;
    }

    #about-canvas-art .about-canvas-art-detail .side_printing-text p{
        line-height: 1.7;
    }

    #about-canvas-art h5{
        font-size: 1.12em;
        letter-spacing: 0.09em;
        line-height: 2;
    }

    #about-canvas-art .canvas-image{
        width: 88%;
        margin: 7.5% auto 8%;
        display: flex;
        gap: 2%;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    #about-canvas-art .canvas-image div{
        width: 31.9%;
    }

     #about-canvas-art .canvas-image div:nth-child(1),
     #about-canvas-art .canvas-image div:nth-child(2),
     #about-canvas-art .canvas-image div:nth-child(3){
        margin-bottom: 2%;
     }

    #about-canvas-art .h5-2{
        width: 66%;
        margin: 0 0 0 auto;
    }


    /* ---------- 特徴 ---------- */

    #canvas-printing-feature{
        margin: 7.8% auto 15%;
    }

    h4{
        width: 100%;
        margin: 0 auto 0;
        font-size: 1.55em;
    }

    .canvas_printing-border{
        width: 100%;
        height: 1px;
        margin-top: 0.6%;
    }

    #canvas-printing-feature .about-feature{
        width: 100%;
        margin: 7.4% auto 0;
    }

    .about-feature .about-feature-1{
        margin-bottom: 15%;
    }

    .about-feature-detail{
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .about-feature-detail .about-feature-text{
        width: 100%;
        margin-bottom: 5%;
    }

    .about-feature-detail .about-feature-text .title{
        font-size: 1.3em;
        line-height: 1.5em;
        letter-spacing: 0.1em;
        margin-bottom: 5% !important;
    }

    .about-feature-detail .about-feature-text p{
        letter-spacing: 0.15em;
        line-height: 1.7em;
    }

    .about-feature-detail .about-feature-image{
        width: 100%;
    }

    .about-feature-2 .about-feature-text{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .about-feature-2 .about-feature-image{
        width: 100%;
        margin-right: 0;
        order: 1;
    }

    /* ---------- 仕様 ---------- */

    #canvas_printing-spec .canvas_printing-spec-wrap{
        width: 100%;
        margin: 6% auto 0;
    }

    #canvas_printing-spec .canvas_printing-spec-wrap p{
        display: flex;
        flex-wrap: wrap;
        font-size: 1.05em;
        margin-bottom: 5%;
    }

    #canvas_printing-spec .canvas_printing-spec-wrap .spec-name{
        width: 100%;
        min-width: auto;
        letter-spacing: 0.2em;
    }

    #canvas_printing-spec .annotation{
        width: 100%;
        margin: 8% auto 0;
    }

    #canvas_printing-spec .annotation p {
        letter-spacing: 0.01em;
        margin-bottom: 5%;
    }

    /* ---------- サイズ別価格 ---------- */

    #canvas-printing-price .canvas-printing-price-wrap{
        width: 100%;
        margin: 7.4% auto 13.1%;
    }

    #canvas-printing-price .description {
        letter-spacing: 0.1em;
    }

    #canvas-printing-price .size-table{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 4.5% auto 0;
    }

    #canvas-printing-price .size-table .size-box{
        width: 47%;
        margin-bottom: 25%;
        text-align: center;
    }

    #canvas-printing-price .size-table .size-image{
        height: auto;
        min-height: 166px;
        margin: 0 auto 14.9%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    #canvas-printing-price .size-table .size-image img {
        max-width: 100%;
        height: auto;
    }

    #canvas-printing-price .size-table .size{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 11.3%;
    }

    #canvas-printing-price .size-table .measurement{
        margin-bottom: 23.2%;
        font-size: 1.05em;
        letter-spacing: 0.05em;
    }

    #canvas-printing-price .size-table p{
        font-size: 1.05em;
        line-height: 2em;
    }

    #canvas-printing-price .size-table strong{
        font-size: 1.3em;
    }

    #canvas-printing-price .size-table span{
        font-size: 0.75em;
    }

    /* ---------- デザインデータ作成時のご注意事項 ---------- */

    #data-considerations{
        margin: 0 auto 9.1%;
    }

    #data-considerations h4{
        width: 100;
        line-height: 1.5em;
    }

    #data-considerations .data-considerations-wrap{
        width: 100%;
        margin: 7.4% auto 0;
    }

    #data-considerations .data-considerations-wrap p{
        letter-spacing: 0.1em;
        margin-bottom: 5%;
    }

    #data-considerations .considerations{
        margin: 5% auto 0;
    }

    #data-considerations .considerations p span{
        font-size: 1.15em;
        letter-spacing: 0.06em;
        line-height: 1.5em;
        font-weight: bold;
    }


    /* ---------- お問い合わせ ---------- */

    #canvas-contact{
        padding: 6% 0 6.7%;
        font-size: 1.15em;
    }

    #canvas-contact a{
        margin: 0 auto;
        padding: 35px 20%;
    }
}


@media screen and ( max-width:430px) {
    #about-canvas-art .h5-2 {
        width: 61%;
        margin: 0 0 0 auto;
    }

     #canvas_printing-lead h3{
        width: 91%;
    }
}

@media screen and ( max-width:390px) {
    #about-canvas-art .h5-2 {
        width: 65%;
        margin: 0 0 0 auto;
    }

     #canvas_printing-lead h3{
        font-size: 1.12em;
        width: 94%;
    }
}