@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;
    }
}

/*===========================
 seizouPageHeading
===========================*/

/* SP */

@media screen and (max-width: 767px) {
    .seizouPageHeading {
        width: 100%;
        background: none;
        background-size: cover;
        text-align: left;
        margin: 0 auto;
        height: 72px;
        display: inline-flex;
        align-items: center;
        padding: 0;
    }

    .seizouPageHeading h1 {
        text-align: left;
        margin: 0 auto;
        height: 72px;
        display: inline-flex;
        align-items: center;
    }

    .seizouPageHeading span.main {
        font-size: 24px;
        padding-left: 10px;
    }

    .seizouPageHeading span.sub {
        font-size: 14px;
    }


    .stripe {
        position: relative;
    }

    .stripe:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 7px;
        background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
    }

    .seizouPageHeading h1:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;

        height: 7px;
        background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
    }

    .seizouPageHeading span.main {
        font-family: UD Shin Go Medium;
    }

}