@charset "UTF-8";
.second-text {width:100%;}
.second-text img{width:100%;}

.intro{width:90%;margin: 0 auto 24vw;}

.commitment{background:url(../../images/product/bg-sp.jpg) no-repeat,#f4edee;background-size: 100%;}
.commitment .inner{width:90%;margin:0 auto;padding: 62vw 0 16vw 0;position: relative;}
.commitment .inner img.img01{position:absolute;width:55%;top: -7vw;right: 0;}
.commitment .inner img.img02{position:absolute;width:65%;top: 16vw;}
.commitment .sub{color:var(--purple01);font-family:var(--mincho);font-size:130%;font-weight:600;}

.slideshow-items{margin-bottom:10vw;}
.slideshow-items .item{width:55vw;}

.menulist{margin-bottom:16vw;}
.top-itemslist-head{margin-bottom:5vw;}
.top-itemslist-head-comment {text-align: center;line-height: 1.8;}
.top-itemslist-items { width: 90vw; margin: 0 auto 8vw; }
.top-itemslist-items li { width: 100%; margin-bottom: 4vw; }
.top-itemslist-items img { width: 100%; }

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) {
.second-text {max-width:inherit;}
.intro{width:95%;max-width:1200px;position:relative;margin-bottom: 140px;}
.intro img{width:660px;position:absolute;right: calc(50% - 650px);top:0}
.second-text .textbox{max-width:500px;width:45%;position:relative;z-index:1;}
.slideshow-items{margin-bottom: 100px;}
.slideshow-items .item{width:355px;}
.commitment{background: url(../../images/product/bg.jpg) no-repeat left -420px top, #f4edee;background-size: cover;}
.commitment .inner{padding: 80px 0 60px 0;width:95%;max-width:1200px;margin:0 auto;}
.commitment .textbox{margin: 0 0 0 auto;max-width: 830px;width: 55%;}
.commitment .inner img.img01{width: 220px;top: -70px;right: inherit;left: 180px;}
.commitment .inner img.img02{width:450px;top: 130px;left: -100px;}
.commitment .sub{font-size: 23px;}
.menulist{margin-bottom:10px;}
.top-itemslist-head{margin-bottom:40px;}
.top-itemslist-items{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 20px;}
.top-itemslist-items li{width:49%;margin-bottom: 20px;}
}

@media screen and (min-width: 1200px) { 
.commitment .inner{padding: 140px 0;}
.commitment .inner img.img01{width: 270px;top: -40px;left: 220px;}
.commitment .inner img.img02{left: -40px;top: 165px;}
.top-itemslist-items li{width:32%;}
}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}