@charset "UTF-8";

section#home {
    position: relative;
    margin: 0 0 40px 0;
}

/* #home {
    width: 100%;
    height: 100%;
} */

#home h1 {
    margin: 100px auto 40px auto;
    padding-bottom: 40px;
    width: 190px;
    height: 31px;
}

#home h1 img:first-child {
    margin: 0 0 10px 0;
}

#home h1 img:last-child {
    margin: 0 0 10px 0;
}


section#factory {
    margin: 0 0 100px 0;
}

section#factory p {
    font-size: 1.0rem;
}

section#factory #polished-rice {
    position: relative;
    margin: 0;
    background-color: #eff2e6;
}

section#factory #polished-rice p {
    margin: 0;
}

section#factory #polished-rice div.left {
    width: 100%;
    margin: 0;
}

section#factory #polished-rice div.left h2 {
    text-align: left;
    width: 80%;
    margin: 0 auto;
}

section#factory #polished-rice div.left h2 img:first-child {
    margin: 40px 0 10px 0;
}

section#factory #polished-rice div.left h2 img:last-child {
    margin: 0 0 40px 0;
}

section#factory #polished-rice div.left p {
    margin: 0 35px;
    font-size: 1.2rem;
}

section#factory #polished-rice div.left p:last-child {
    padding-bottom: 100px;
}

section#factory #polished-rice div.right {
    width: 100%;
    margin: 0;
}

section#factory #polished-rice div.right p {
    height: 100%;
}

section#factory #polished-rice div.right img {
    width: 100%;
    margin: 0;
}


section#factory div.image-left {
    position: relative;
    margin: 0;
    background-color: #eff2e6;
    page-break-inside: avoid;
}

section#factory div.image-left p {
    margin: 0;
}

section#factory div.image-left div.left {
    width: 100%;
    margin: 0;
}

section#factory div.image-left div.left p {
    width: 100%;
}

section#factory div.image-left div.left img {
    width: 100%;
    margin: 0;
}

section#factory div.image-left div.right {
    width: 100%;
    margin: 0;
}

section#factory div.image-left div.right h2 {
    text-align: left;
    width: 70%;
    margin: 0 auto;
}

section#factory div.image-left div.right h2 img:first-child {
    margin: 40px 0 10px 0;
}

section#factory div.image-left div.right h2 img:last-child {
    margin: 0 0 40px 50px;
}

section#factory div.image-left div.right p {
    margin: 0 35px;
    font-size: 1.2rem;
}

section#factory div.image-left div.right p:last-child {
    padding-bottom: 100px;
}


section#factory div.image-right {
    position: relative;
    margin: 0;
    background-color: #eff2e6;
    page-break-inside: avoid;
}

section#factory div.image-right p {
    margin: 0;
}

section#factory div.image-right div.left {
    width: 100%;
    margin: 0;
}

section#factory div.image-right div.left h2 {
    text-align: left;
    width: 70%;
    margin: 0 auto;
}

section#factory div.image-right div.left h2 img:first-child {
    margin: 40px 0 10px 0;
}

section#factory div.image-right div.left h2 img:last-child {
    margin: 0 0 40px 0;
}

section#factory div#mix-rice-uniformly.image-right div.left h2 {
    width: 244px;
}
section#factory div#mix-rice-uniformly.image-right div.left h2 img:first-child {
    margin: 40px 0 40px 0;
}

section#factory div#rice-polishing-machine.image-right div.left h2 {
    width: 164px;
}
section#factory div#rice-polishing-machine.image-right div.left h2 img:first-child {
    margin: 40px 0 40px 0;
}

section#factory div#crusher-sorting-machine.image-right div.left h2 img:last-child {
    margin: 0 0 40px 50px;
}

section#factory div#auto-packer.image-right div.left h2 img:last-child {
    margin: 0 0 40px 50px;
}

section#factory div.image-right div.left p {
    margin: 0 35px;
    font-size: 1.2rem;
}

section#factory div.image-right div.left p:last-child {
    padding-bottom: 100px;
}

section#factory div.image-right div.right {
    width: 100%;
    margin: 0;
}

section#factory div.image-right div.right p {
    height: 100%;
}

section#factory div.image-right div.right img {
    width: 100%;
    margin: 0;
}


/* section#factory div#polished-rice.image-right div.left p {
    margin: 0;
    width: auto;
    text-align: center;
} */

/* section#factory div#stone-cutting-machine-before.image-left div.right p {
    margin: 0;
    width: auto;
    text-align: center;
} */

/* section#factory div#rice-polishing-machine.image-right div.left p {
    margin: 0;
    width: auto;
    text-align: center;
} */

/* section#factory div#stone-cutting-machine-after.image-left div.right p {
    margin: 0;
    width: auto;
    text-align: center;
} */

/* section#factory div#crusher-sorting-machine.image-right div.left p {
    margin: 0;
    width: auto;
    text-align: center;
} */


br.sp410 {
    display: block;
}


@media print, screen and (min-width:410px) {

    #home h1 {
        margin: 100px auto 40px auto;
        width: 306px;
        height: 31px;
    }

    #home h1 img:first-child {
        margin: 0;
    }
    
    #home h1 img:last-child {
        margin: 0;
    }
    

    section#factory #polished-rice div.left h2 {
        text-align: center;
        width: auto;
        margin: 0;
    }
    
    section#factory #polished-rice div.left h2 img:first-child {
        margin: 40px 0 40px 0;
    }
    
    section#factory #polished-rice div.left h2 img:last-child {
        margin: 40px 0 40px 0;
    }

    /* ①玄米張り込み */
    section#factory div.image-left div.right h2 {
        text-align: center;
        width: auto;
        margin: 0;
    }
    
    section#factory div.image-left div.right h2 img:first-child {
        margin: 40px 0 40px 0;
    }
    
    section#factory div.image-left div.right h2 img:last-child {
        margin: 40px 0 40px 0;
    }

    /* ②コンマイ機 */
    section#factory div.image-right div.left h2 {
        text-align: center;
        width: auto;
        margin: 0;
    }
    
    section#factory div.image-right div.left h2 img:first-child {
        margin: 40px 0 40px 0;
    }
    
    section#factory div.image-right div.left h2 img:last-child {
        margin: 40px 0 40px 0;
    }

    section#factory div#mix-rice-uniformly.image-right div.left h2 {
        width: auto;
    }
    
    section#factory div#rice-polishing-machine.image-right div.left h2 {
        width: auto;
    }

    section#factory div#crusher-sorting-machine.image-right div.left h2 img:last-child {
        margin: 0 0 40px 0;
    }

    section#factory div#auto-packer.image-right div.left h2 img:last-child {
        margin: 0 0 40px 0;
    }
    
    br.sp410 {
        display: none;
    }

}


@media print, screen and (min-width:440px) {

    section#factory #polished-rice div.left p {
        font-size: 1.0rem;
    }
    
    section#factory div.image-left div.right p {
        font-size: 1.0rem;
    }
    
    section#factory div.image-right div.left p {
        font-size: 1.0rem;
    }
    
}


@media print, screen and (min-width:720px) {

    /* 精米 */
    section#factory #polished-rice div.left {
        width: 50%;
        margin: 0;
        min-height: 490px;
    }
    
    section#factory #polished-rice div.left h2 {
        text-align: left;
        width: 225px;
        margin: 0 auto;
    }
    
    section#factory #polished-rice div.left h2 img:first-child {
        margin: 90px 0 10px 0;
    }
    section#factory #polished-rice div.left h2 img:last-child {
        margin: 0 0 40px 0;
    }
    section#factory #polished-rice div.left h2 br.sp410 {
        display: block;
    }

    section#factory #polished-rice div.left p {
        margin: 0 35px;
    }
    
    section#factory #polished-rice div.left p:last-child {
        padding-bottom: 35px;
    }
    
    section#factory #polished-rice div.right {
        width: 50%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    section#factory #polished-rice div.right p {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    section#factory #polished-rice div.right img {
        width: auto;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    /* ①玄米張り込み */
    section#factory div.image-left div.left {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    section#factory div.image-left div.left p {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    section#factory div.image-left div.left img {
        width: auto;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    section#factory div.image-left div.right {
        width: 50%;
        margin: 0 0 0 50%;
        min-height: 490px;
    }
    
    section#factory div.image-left div.right h2 {
        text-align: center;
    }
    
    section#factory div.image-left div.right h2 img {
        margin: 90px 0 40px 0;
    }

    section#factory div.image-left div.right h2 img:first-child {
        margin: 90px 0 40px 0;
    }
    
    section#factory div.image-left div.right h2 img:last-child {
        margin: 90px 0 40px 0;
    }

    section#factory div.image-left div.right p {
        margin: 0 35px;
    }

    section#factory div.image-left div.right p:last-child {
        padding-bottom: 35px;
    }

    /* ②コンマイ機 */
    section#factory div.image-right div.left {
        width: 50%;
        margin: 0;
        min-height: 490px;
    }
    
    section#factory div.image-right div.left h2 {
        text-align: center;
    }
    
    section#factory div.image-right div.left h2 img {
        margin: 90px 0 40px 0;
    }
    
    section#factory div.image-right div.left h2 img:first-child {
        margin: 90px 0 40px 0;
    }
    
    section#factory div.image-right div.left h2 img:last-child {
        margin: 90px 0 40px 0;
    }

    section#factory div#mix-rice-uniformly.image-right div.left h2 img:first-child {
        margin: 90px 0 40px 0;
    }
    
    section#factory div#rice-polishing-machine.image-right div.left h2 img:first-child {
        margin: 90px 0 40px 0;
    }
    
    section#factory div.image-right div.left p {
        margin: 0 35px;
    }
    
    section#factory div.image-right div.left p:last-child {
        padding-bottom: 35px;
    }
    
    section#factory div.image-right div.right {
        width: 50%;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    
    section#factory div.image-right div.right p {
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    
    section#factory div.image-right div.right img {
        width: auto;
        height: 100%;
        margin: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

}


@media print, screen and (min-width:980px) {

    /* 精米 */
    section#factory #polished-rice div.left {
        position: absolute;
        top: 0;
        left: 0;
        min-height: auto;
    }
    
    section#factory #polished-rice div.left h2 {
        text-align: center;
        width: auto;
    }

    section#factory #polished-rice div.left h2 img {
        margin: 90px 0 40px 0;
    }

    section#factory #polished-rice div.left h2 img:first-child {
        margin: 90px 0 40px 0;
    }
    section#factory #polished-rice div.left h2 img:last-child {
        margin: 90px 0 40px 0;
    }

    section#factory #polished-rice div.left h2 br.sp410 {
        display: none;
    }

    section#factory #polished-rice div.right {
        height: auto;
        margin: 0 0 0 50%;
        position: static;
        top: auto;
        right: auto;
    }
    
    section#factory #polished-rice div.right p {
        position: static;
    }
    
    section#factory #polished-rice div.right img {
        width: 100%;
        height: auto;
        position: static;
        top: auto;
        right: auto;
    }

    /* ①玄米張り込み */
    section#factory div.image-left div.left {
        height: auto;
        margin: 0;
        position: static;
        top: auto;
        right: auto;
    }
    
    section#factory div.image-left div.left p {
        position: static;
    }
    
    section#factory div.image-left div.left img {
        width: 100%;
        height: auto;
        position: static;
        top: auto;
        right: auto;
    }

    section#factory div.image-left div.right {
        position: absolute;
        top: 0;
        left: 0;
        min-height: auto;
    }

    /* ②コンマイ機 */
    section#factory div.image-right div.left {
        position: absolute;
        top: 0;
        left: 0;
        min-height: auto;
    }
    
    section#factory div.image-right div.right {
        height: auto;
        margin: 0 0 0 50%;
        position: static;
        top: auto;
        right: auto;
    }
    
    section#factory div.image-right div.right p {
        position: static;
    }
    
    section#factory div.image-right div.right img {
        width: 100%;
        height: auto;
        position: static;
        top: auto;
        right: auto;
    }


}