@charset "UTF-8";

/* layaout */


/*===========================
 seizouWrapper
===========================*/

.seizouWrapper {
    letter-spacing: 0.05em;
}

.seizouContentsWrapper {
    display: block;
}


/* SP */

@media screen and (max-width: 767px) {
    .seizouWrapper {
        min-width: 320px;
        padding-top: 100px;
    }
    .seizouContentsWrapper {}
}


/* PC */

@media print,
screen and (min-width: 768px) {
    .seizouWrapper {
        min-width: 980px;
        padding-top: 161px;
    }
    .seizouContentsWrapper {}
    .seizouContentsInner {
        margin: 0 auto;
        width: 980px;
        padding-bottom: 20px;
    }
}


/*===========================
 column
===========================*/

.col-01 {
    text-align: left;
}

.col-02 {
    text-align: left;
}

.col-02.factory-details {
    border-top: 2px solid #c4dcf0;
}


/* SP */

@media screen and (max-width: 767px) {
    .sec {
        margin: 0 0 25px;
    }
    .sec.top {
        margin-top: 15px;
    }
    .col-01,
    .col-02 {
        padding: 0 10px;
    }
    .col-01.wide {
        margin: 0 auto 32px;
    }
}


/* PC */

@media print,
screen and (min-width: 768px) {
    .sec {
        margin: 0 0 35px;
    }
    .sec.top {
        margin-top: 30px;
    }
    .col-01.narrow {
        width: 640px;
        margin: 0 auto;
    }
    /*wide 720px*/
    .col-01.wide {
        width: 720px;
        margin: 0 auto 72px;
    }
    /*wide 720px*/
    .col-02 {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .col-02 .col {
        display: table-cell;
        padding: 0 30px 0 0;
        box-sizing: border-box;
    }
    .factory-details.col-02 .col {
        display: block;
        padding: 0 30px 0 0;
        box-sizing: border-box;
    }
    .col-02 .col+.col {
        padding: 0 0 0 30px;
    }
    .col-02.harf .col {
        width: 50%;
    }
    .col-02.one-third .col {
        width: 290px;
    }
    .col-02.one-third .col+.col {
        width: 690px;
    }
    .factory-details.col-02.one-third .col {
        width: 290px;
        float: left;
    }
    .factory-details.col-02.one-third .col+.col {
        width: 690px;
        float: right;
    }
}


/*===========================
 requirementsAppWrap
===========================*/


/* SP */

@media screen and (max-width: 767px) {
    .requirementsAppWrap {
        border-top: 1px solid #dddddd;
        padding-top: 30px;
        background-color: #fafafa;
    }
}


/* PC */

@media print,
screen and (min-width: 768px) {
    .requirementsAppWrap {
        border-top: 1px solid #dddddd;
        padding-top: 20px;
        background-color: #fafafa;
    }
}