@import url("cssreset.css");
@import url("base.css");
@import url("navigation.css");


/* top.css */
/*--------------------------------------*/

/* slide */
#slide_wrap {
    width:100%;
    margin:0 auto 10px;
    z-index:1;
}
#slide img {
    display:block;
    width:100%;
    height:auto;
}

#slide ul li {
    position:relative;
    height:575px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    line-height:1.0;
    font-style:italic;
}

/* slide 01 */
#slide ul li.slide01 {
    background-image:url("../images/top/img_main01.jpg");
    color:#ffffff;
}
#slide ul li.slide01 .lead {
    display:block;
    position:absolute;
    top:145px;
    left:0;
    right:0;
    width:750px;
    background:url("../images/top/img_flower.png") no-repeat left center;
    margin:auto;
    padding-left:216px;
    text-align:left;
    font-size:78px;
    text-shadow:1px 0 3px #000000;
}
#slide ul li.slide01 span {
    display:block;
    padding-top:40px;
    font-size:36px;
    text-shadow:1px 0 3px #000000;
}

/* slide 02 */
#slide ul li.slide02 {
    background-image:url("../images/top/img_main02.png");
    color:#000000;
}
#slide ul li.slide02 .lead {
    display:block;
    position:absolute;
    top:85px;
    left:0;
    right:0;
    width:750px;
    margin:auto;
    text-align:center;
    font-size:68px;
}


/* bxslider */
#slider_wrap .bx-viewport {
    overflow:visible !important;
}

.bx-wrapper {
    position:relative;
    margin:0 auto;
}



/* section */
.section .box_img_sp {display:none;}

.section {
    position:relative;
    width:100%;
    background:#e94709;
    margin:0 auto 10px;
}

.section_inner {
    position:relative;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    text-align:left;
    box-sizing:border-box;
}

/* section link */
.section a.cover {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.section.hover:hover {
    opacity:0.8;
}

.section_inner .box {
}
.section_inner .box_txt {
    float:left;
    width:36%;
    background:#e94709;
    padding:4%;
    color:#ffffff;
    box-sizing:border-box;
}
.section_inner .box_img {
    float:right;
    width:64%;
    height:0;
    background-repeat:no-repeat;
    background-position:right center;
    background-size:contain;
    padding-top:46.00%;
}
.section_inner.company .box_img {background-image:url("../images/top/img_company.jpg");}
.section_inner.business .box_img {background-image:url("../images/top/img_business.jpg");}
.section_inner.products .box_img {background-image:url("../images/top/img_products.jpg");}
.section_inner.foodsafty .box_img {background-image:url("../images/top/img_foodsafty.jpg");}

.section_inner .box_txt h2 {
    margin-bottom:1em;
    line-height:1.4;
    font-size:2.4em;
    font-weight:bold;
}
.section_inner .box_txt p {
    line-height:1.6;
    font-size:1.4em;
}
.section_inner .more {
    position:absolute;
    left:4%;
    bottom:8%;
}
.section_inner .more a {
    display:block;
    width:5.5em;
    background:url("../images/common/arrow.png") no-repeat right center;
    padding-right:90px;
    line-height:1.8;
    font-size:2.0em;
    color:#ffffff;
}
.section_inner .more a:hover {
    background-image:url("../images/common/arrow_o.png");
    color:#cccccc;
    text-decoration:none;
}


/* package */
/*--------------------------------------*/
.section_inner .package {
    position:absolute;
    bottom:5.56%;
    margin:auto;
}
.section_inner  .package img {
    width:100%;
    height:auto;
}
.section_inner .pkg_udon {
    right:41.33%;
    width:14.33%;
}
.section_inner .pkg_rice {
    right:11.08%;
    width:8.16%;
}






/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {








}
/* - 1200px end */





/* - 940px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 940px) {

/* slide 01 */
#slide ul li.slide01 .lead {
    width:80%;
    background-position:left 5% center;
    background-size:19% auto;
    padding-left:22%;
    font-size:68px;
}
#slide ul li.slide01 span {
    padding-top:40px;
    font-size:32px;
}

/* slide 02 */
#slide ul li.slide02 .lead {
    top:85px;
    width:80%;
    font-size:60px;
}



.section_inner .box_txt {
    padding:3%;
}
.section_inner .box_txt h2 {
    font-size:2.0em;
}
.section_inner .box_txt p {
    font-size:1.2em;
}
.section_inner .more a {
    font-size:1.8em;
}




}
/* - 940px end */





/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {



#slide ul li {
    height:480px;
    background-size:auto 100%;
}
/* slide 01 */
#slide ul li.slide01 .lead {
    top:30%;
    width:80%;
    background-position:left 5% center;
    background-size:19% auto;
    padding-left:22%;
    font-size:64px;
}
#slide ul li.slide01 span {
    padding-top:40px;
    font-size:32px;
}

/* slide 02 */
#slide ul li.slide02 .lead {
    font-size:56px;
}


.section_inner .box_txt h2 {
    margin-bottom:0.5em;
}
.section_inner .box_txt p {
    line-height:1.4;
}
.section_inner .more a {
    font-size:1.6em;
}



}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* slide */
#slide ul li {
    height:0;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:contain;
    padding-top:126%;
}
/* slide 01 */
#slide ul li.slide01 .lead {
    display:none;
}
#slide ul li.slide02 .lead {
    display:none;
}

/* slide 02 */
#slide ul li.slide02 .lead {
    font-size:56px;
}
#slide ul li.slide01 {background-image:url("../images/top/img_main01_sp.jpg");}
#slide ul li.slide02 {background-image:url("../images/top/img_main02_sp.png");}



/* section */
.section .box_img_sp {display:block;}
.section_inner.company .box_img,
.section_inner.business .box_img,
.section_inner.products .box_img,
.section_inner.foodsafty .box_img {display:none;}

.section_inner .box_txt {
    float:none;
    width:100%;
    background:#e94709;
    padding:4%;
    color:#ffffff;
    box-sizing:border-box;
}
.section_inner .more {
    position:static;
    margin:0 4% 4%;
}
.section .box_img_sp img {display:block;}


/* package */
/*--------------------------------------*/
.section_inner .package {
    bottom:3.00%;
}
.section_inner .pkg_udon {
    right:64.00%;
    width:22.93%;
}
.section_inner .pkg_rice {
    right:16.60%;
    width:13.06%;
}


}
/* - 750px end */




/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {








}
/* - 320px end */