@charset "utf-8";

/*///////////////////////////////////////

特定商取引法に基づく表記ページのCSS

///////////////////////////////////////*/


section.stcl {
    padding-top: 64px;
    padding-bottom: 64px;
    width: 800px;
    margin: 0 auto;
}

@media (max-width: 1170px) {
    section.stcl {width: 100%; max-width: 1000px;padding-left: 20px;}
}
@media (max-width: 767px) {
    section.stcl {padding: 0 20px;}
    section.stcl {width: 100%; max-width: 700px;    padding-bottom: 75px;}
}






/*///////////////////////////////////////

表組の設定 

///////////////////////////////////////*/

.stcl_table{

    margin-top: 5px !important;

}


.stcl_table,
.stcl_table > dt,
.stcl_table > dd {
    box-sizing: border-box;
}

.stcl_table > dt,
.stcl_table > dd {
    padding: 6px;
    margin: 0px;

    font-size: 90% !important;
    line-height: 130%;

}

.stcl_table > dt {
    background-color: #fafafa;

}

.stcl_table > dd {
    background-color: #fff;
}


@media print, (min-width: 701px) {
    .stcl_table {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #ccc;

    }
    .stcl_table > dt,
    .stcl_table > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;

    }
    .stcl_table > dt {
        width: 25%;
    }
    .stcl_table > dd {
        width: 75%;
        border-right: 1px solid #ccc;
    }
}


@media screen and (max-width: 700px) {
    .stcl_table > dd {
        border: 1px solid #ccc;
        border-top: none;
    }

    .stcl_table > dt{
    border: 1px solid #ccc;
    margin-top: 10px;
    }

    .stcl_table > dt,
    .stcl_table > dd {
        padding: 6px;
    }

}