body{
    font-family: 'Zen Maru Gothic', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#4d4d4d;
}
*{
	box-sizing: border-box;
}
img{
	max-width:100%;
}
a:hover img{opacity:0.8;}
main {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
}
.sp,.pc1040 {
    display: none;
}
.sp468{
	display:none;
}
.nav-logo.sp.slow-show{
	display:none;
}
.scroll_top{
  z-index: 5;
}

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

header{
	position: relative;
  z-index: 99;
}
.kv-ttl{
	width: 54%;
	min-width: 253px;
	max-width:420px;
	margin:30px auto;
}
.kv-txt{
	width:65%;
	max-width:493px;
}
.kv-logo{
	width: 52.3333%;
	max-width: 392px;
	margin: 0 auto 20px;
}
.kv-slide-img {
  width: 100%;
  height: 71px;
  background: url(../images/10/kv-line-1.jpg) 0 0 repeat-x;
    background-size: 1278px 71px;
  -webkit-animation: bgscroll1sp 30s linear infinite;
  animation: bgscroll1sp 30s linear infinite;
}
.kv-slide-img.is-2 {
  background: url(../images/10/kv-line-2.jpg) 0 0 repeat-x;
    background-size: 1278px 71px;
	-webkit-animation: bgscroll2sp 30s linear infinite;
	animation: bgscroll2sp 30s linear infinite;
}
@-webkit-keyframes bgscroll1sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1008px 0;
  }
}
@keyframes bgscroll1sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1008px 0;
  }
}
@-webkit-keyframes bgscroll1pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2016px 0;
  }
}
@keyframes bgscroll1pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2016px 0;
  }
}
@-webkit-keyframes bgscroll2sp {
  0% {
    background-position: -1008px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes bgscroll2sp {
  0% {
    background-position: -1008px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes bgscroll2pc {
  0% {
    background-position: -2016px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes bgscroll2pc {
  0% {
    background-position: -2016px 0;
  }
  100% {
    background-position: 0 0;
  }
}
.top-kv{
	padding:100px 0 50px;
	position: relative;
}
.kv-txt{
	margin:30px auto 50px;
}
.top-kv::before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: url(../images/10/2507/side-bg_sp.gif) left/auto 100% repeat, #eeb063;
  z-index: 2;
}
.sec01{
  background: url(../images/10/2507/sec01-bg.jpg) ;
  position:relative;
}
.sec02{
  background: url(../images/10/2507/sec02-bg.jpg) ;
  position:relative;
}
.sec03{
  background: url(../images/10/sec03-bg.jpg) ;
  position:relative;
}
.sec04{
  background: url(../images/10/sec04-bg.jpg) ;
  position:relative;
}

.sec02-01,.sec03-01,.sec04-01{
  background: #fff ;
}
.hr-white1{
	height:28px;
  background: url(../images/10/hr-nami.png) repeat-x ;
  background-size:auto 100%;
}
.hr-white2{
	height:28px;
  background: url(../images/10/hr-nami2.png) repeat-x ;
  background-size:auto 100%;
}
.hr-white1{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
}
.hr-white1 {
	-webkit-animation-name:yura;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

	animation-name:yura;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
.hr-white2 {
	-webkit-animation-name:yura2;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

	animation-name:yura2;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
@-webkit-keyframes yura {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(0, 12px);}
	40% {-webkit-transform:translate(0, 15px);}
	50% {-webkit-transform:translate(0, 16px);}
	60% {-webkit-transform:translate(0, 15px);}
	75% {-webkit-transform:translate(0, 12px);}
	100% {-webkit-transform:translate(0, 0);}
}
@keyframes yura {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(0, 12px);}
	40% {-moz-transform:translate(0, 15px);}
	50% {-moz-transform:translate(0, 16px);}
	60% {-moz-transform:translate(0, 15px);}
	75% {-moz-transform:translate(0, 12px);}
	100% {-moz-transform:translate(0, 0);}
}
@-webkit-keyframes yura2 {
	0% {-webkit-transform:translate(0, 0);}
	25% {-webkit-transform:translate(0, -12px);}
	40% {-webkit-transform:translate(0, -15px);}
	50% {-webkit-transform:translate(0, -16px);}
	60% {-webkit-transform:translate(0, -15px);}
	75% {-webkit-transform:translate(0, -12px);}
	100% {-webkit-transform:translate(0, 0);}
}
@keyframes yura2 {
	0% {-moz-transform:translate(0, 0);}
	25% {-moz-transform:translate(0, -12px);}
	40% {-moz-transform:translate(0, -15px);}
	50% {-moz-transform:translate(0, -16px);}
	60% {-moz-transform:translate(0, -15px);}
	75% {-moz-transform:translate(0, -12px);}
	100% {-moz-transform:translate(0, 0);}
}

.sec01-inner{
	padding-bottom: 14vw;
	width: 750px;
	margin: auto;
}
.sec01-ttl,.sec01-02{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
}
.sec01-ttl{
  margin-bottom: 60px;
}
.sec01-02{
  width: 44%;
  max-width: 330px;
  margin-left: 0;
}
.sec01-main{
	width:100%;
	max-width:750px;
	height:60vw;
	max-height:450px;
	position:relative;
	margin: 0 auto 20px;
	/*background-image:url(../images/10/sec01-main_sp.jpg) ;
    background-repeat: no-repeat;
	background-size: 110%;
	margin: 0 auto 20px;
	    transition-property: background-position;
    transition-duration: .7s;
    transition-delay: .035s;*/

}

.sec01-ttl,.sec01-02{
	text-align:left;
}
.sec01-01{
	width:63.2%;
	max-width:474px;
	margin:0 auto;
	-webkit-animation: fuwa ease 1.5s 1;
	animation: fuwa ease 1.5s 1;

}

@-webkit-keyframes fuwa {
  0% {
    -webkit-transform: translate(0, 0px) scale(0.8);
            transform: translate(0, 0px) scale(0.8);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -10px) scale(1);
            transform: translate(0, -10px) scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(0, 5px) scale(1);
            transform: translate(0, 5px) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0px) scale(1);
            transform: translate(0, 0px) scale(1);
  }
}
@keyframes fuwa {
  0% {
    -webkit-transform: translate(0, 0px) scale(0.8);
            transform: translate(0, 0px) scale(0.8);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, -10px) scale(1);
            transform: translate(0, -10px) scale(1);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(0, 5px) scale(1);
            transform: translate(0, 5px) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0px) scale(1);
            transform: translate(0, 0px) scale(1);
  }
}
.sec01-03{
  position: absolute;
  right: 1%;
  bottom: -1vw;
  width: 47.5%;
  max-width: 470px;
}
.sec02-02{
	position:relative;
}
.sec02-01-inner{
	padding:50px 0 90px;
	background:url(../images/10/sec02-bg.gif) center center no-repeat #fff;
	width:100%;
	max-width:1128px;
	margin: auto;
}
.sec02-01 p{
	font-size:16px;
	line-height:1.8125;
	margin-bottom:40px;
}
.sec02-01 h2{
	width:184px;
	margin:auto auto 40px;
}
.sec02-01-point{
	display:flex;
	justify-content:center;
}
.sec02-01-point > div{
	border:#fa5a1e 2px solid;
	border-radius:10px;
	font-size:16px;
	padding:6px 18px;
	color:#fa5a1e;
	margin:0 10px;
}
.sec02-02 h2{
	font-size:24px;
	color:#fa5a1e;
	margin: 9vw 0 9vw;
}
.recipe-wrap > div {
  max-width: 664px;
  padding: 30px;
  width: 90%;
  margin: 0 auto 20px;
  background:white;
  border-radius: 60px 0 60px 0;
  text-align:left;
}
.sec02-02-inner {
  width: 100%;
  padding-bottom: 90px;
}
.sec02-ill01{
	  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -80px) !important;
  width: 48%;
}
.recipe-wrap > div h3 {
  font-size:20px;
	color:#fa5a1e;
	margin-bottom:20px;
}
.recipe-wrap table{
	width:100%;
}
.recipe-wrap table.zairyo{
	margin-bottom:40px;
}
.recipe-wrap table.seibun{
	margin-bottom:10px;
}
.recipe-wrap table.zairyo td{
	height:54px;
	border-bottom:1px dashed #666464;

}
.recipe-wrap table.seibun td{
	height:40px;
}
.recipe-wrap table.seibun td img{
	vertical-align: text-top;
	margin-right: 10px;
	width: inherit;
}
.recipe-wrap .note{
	padding-left:1em;
	text-indent:-1em;
	font-size:12px;
	margin-bottom:30px;
}
.howto-wrap{
	margin-bottom:45px;
	line-height:1.75;
}
.howto-wrap li{
	margin-bottom:30px;
	padding-left:32px;
	position:relative;
}
.howto-wrap li:before{
	color:#fa5a1e;
	font-size:20px;
	position:absolute;
	left:0;
}
.howto-wrap li.howto01:before{
	content:"1";
}
.howto-wrap li.howto02:before{
	content:"2";
}
.howto-wrap li.howto03:before{
	content:"3";
}
.howto-wrap li.howto04:before{
	content:"4";
}
.howto-wrap li.howto05:before{
	content:"5";
}

.sec03-01 h2{
  line-height: 0;
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
.sec03-01{
	padding-bottom:150px;
}
.slide-wrap{
    width: 80vw;
	height:45vw;
	margin: 0 auto;
	position: relative;
}
.slide-wrap p.note{
	font-size:12px;
	text-align:right;
	margin-top:10px;
}
.sec03-02-fuki{
	width:70%;
	max-width:528px;
	padding:90px 0 0;
	margin:0 auto 30px;
	opacity:0;
}
.sec03-02-fuki.pc{
  width: 96%;
  max-width: 906px;
  display: flex;
  justify-content: center;
	opacity:0;
}

.sec03-02-fuki.is-inview{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay: 0.5s;
}
.sec03-02-fuki.pc.is-inview > div{
	animation-name: fukiAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay: 0.5s;
	opacity:0;
	width:32%;
	max-width:286px;
	margin:0 1.5%;
}
@keyframes fukiAnime{
  from {
	transform: scale(0.6);
	opacity: 0;
  }

  to {
    transform: scale(1);
	opacity: 1;
  }
}
.sec03-02-img{
	width:63%;
	max-width:478px;
	margin:0 auto 30px;
}
.sec03-02-txt1{
	font-size:16px;
	line-height:1.75;
	margin-bottom:30px;
}
.sec03-02-link{
	width:70%;
	max-width:318px;
	margin:0 auto 10px;
}
.sec03-02-txt2{
	font-size:12px;
	line-height:1.75;
	margin-bottom:30px;
}
.sec03-02-ill{
	display:flex;
	justify-content:center;
}
.sec03-02-il > div{
	width:12%;
	max-width:124px;
}
.sec03-02 .hr-white1{
	bottom:60px;
}
.sec03-bg{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	}
.sec03-02{
	position:relative;
	padding-bottom: 180px;
}

.sec03-02-ill1{
	position:absolute;
	top:290px;
	left:50%;
	transform: translate(-374px,0) !important;
}
.sec03-02-ill2{
	position:absolute;
	top:290px;
	left:50%;
	transform: translate(250px,0) !important;
}

.sec04{
	margin-top: -60px;
}
.sec04-01{
	padding-bottom: 29vw;
	padding-top:40px;
}
.sec04-01-img{
	position:relative;
	margin-bottom: 50px;
}
.sec04-01-img .hr-white1{

}
.sec04-01-img > div{
	display:flex;
	display-content:center;
}
.sec04-01-img1{
	margin-right:0.8%;
}
.sec04-01-img2{
	margin-left:0.8%;
}

.faderight {
  opacity: 0;
  transform: translateX(100%);
  transition: opacity .8s, transform .8s;
}
.fadeleft {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity .8s, transform .8s;
}
.fadeleft.is-inview,.faderight.is-inview {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .8s;
}

.sec04-01 h2{
	width: 26%;
	max-width: 252px;
	margin: 0 auto 30px;
}
.sec04-01-txt{
	background:url(../images/10/sec04-bg.gif) top center/100% no-repeat #fff;
}
.sec04-01-txt p{
	line-height:2;
	padding-bottom: 10vw;
}
.sec04-02-fuki{
	position:relative;
	margin:6vw auto 0;
}
.sec04-02-fuki > div{
	width: 24%;
	max-width: 230px;
	position: absolute;
	left: 50%;
}
.sec04-02-fuki1{
}
.sec04-02-fuki2{
	top: -8vw;
}
.sec04-02-fuki3{
}
.sec04-ill{
	text-align:center;
}
.sec04-ill img {
  margin-top: -31vw;
  padding-bottom: 10vw;
}
.sec04-ill img.pc {
  display:inline-block;
}

.sec01-01.sp1040.fadein,.sec01-main.fadein,.sec01-ttl.fadein,.sec01-02.fadein,.sec01-03.fadein{
opacity:1;


}
/*.slide-wrap .swiper{
	display:none;
	opacity:0;
	transform:translateY(-20px);
}
.slide-wrap.show .swiper{
	display:inherit;
	opacity:1;
	transform:translateY(0);
}*/

/* zoomIn */
.zoomIn{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay: 0.5s;
}
.sec04-02-fuki1.zoomIn{
	animation-name: zoomInAnime1;
}
.sec04-02-fuki2.zoomIn{
	animation-name: zoomInAnime2;
}
.sec04-02-fuki3.zoomIn{
	animation-name: zoomInAnime3;
}

@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
	opacity: 0;
  }

  to {
    transform: scale(1);
	opacity: 1;
  }
}
@keyframes zoomInAnime1{
  from {
	transform: translateX(-150%) scale(0.6);
	opacity: 0;
  }

  to {
    transform: translateX(-150%) scale(1);
	opacity: 1;
  }
}
@keyframes zoomInAnime2{
  from {
	transform: translateX(-50%) scale(0.6);
	opacity: 0;
  }

  to {
    transform: translateX(-50%) scale(1);
	opacity: 1;
  }
}
@keyframes zoomInAnime3{
  from {
	transform: translateX(50%) scale(0.6);
	opacity: 0;
  }

  to {
    transform: translateX(50%) scale(1);
	opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.zoomInTrigger{
    opacity: 0;
}



/* 横追従メニュー */
@media screen and (min-width: 1040px){
.sp1040 {
    display: none;
}
.pc1040 {
	display:inherit;
}

.top-kv{
	position:fixed;
	width:29vw;
	left:0;
	height:calc(100vh - 92px);
	z-index: 5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	-webkit-box-pack: justify;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
		padding:10px 56px 0 0;
		float:left;
		background: #fff;
}
.top-kv.top0{
	top:0;
	height:100vh;
}
.top-kv.fixedoff{
	position:absolute;
	width:29vw;
	top:inherit!important;
	left:0;
	bottom:0!important;
	height:calc(100vh - 136px)!important;
}
.top-kv::before {
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  height: 100%;
  width: 56px;
  background: url(../images/10/2507/side-bg.gif) center top/100% auto repeat, #eeb063;
}
.kv-ttl{
	width:16.8vw;
	margin:4vh auto;
	max-width: 264px;
}
.kv-txt{
	width: 80%;
	margin: 4vh auto;
	max-width: 500px;
}
.kv-logo{
	width:66%;
	margin:0 auto;
}
.main_wrap{
	margin-left:29vw;
}
.kv-slide-img {
  height: 112px;
  background-size: 2016px 112px;
  -webkit-animation: bgscroll1pc 30s linear infinite;
  animation: bgscroll1pc 30s linear infinite;
}
.kv-slide-img.is-2 {
  height: 112px;
  background-size: 2016px 112px;
  -webkit-animation: bgscroll2pc 30s linear infinite;
  animation: bgscroll2pc 30s linear infinite;
}
.hr-white1{
	height:56px;
}
.hr-white2{
	height:56px;
}

.sec01-inner{
	width:80%;
	max-width:960px;
  position:relative;
  padding-bottom: 110px;
  padding-top:40px;
}
.sec01-01{
	position:absolute;
	left:-10px;
	top:-16px;
	width:22.5%;
	max-width:216px;
}
.sec01-main{
	width:100%;
	max-width:960px;
	margin:0 auto 30px;
  max-height: 560px;
  height: 35.1333vw;

	/*background-image:url(../images/10/sec01-main.png) ;
	background-size: 120%;
	border-radius: 50px 0 50px 0;*/
}

.sec01-ttl{
	width:52%;
	max-width:500px;
	margin:40px 0 30px;
}
.sec01-02{
	width:37.5%;
	max-width:357px;
	text-align:left;
	margin: 0;
}

.sec01-03{
  width: 47.5%;
  max-width: 470px;
  position: absolute;
  bottom: 5px;
  left: 58.5%;
}

.sec02-02{
	padding-bottom:110px;
}
.sec02-02-inner{
	width:90%;
	max-width:960px;
	margin:0 auto;
	position:relative;
}
.sec02-ill01{
  top: -60px;
}
.sec02-ill01 {
  width: 60%;
  max-width: 568px;
}
.sec02-02 h2 {
  margin: 3vw 0 6vw;
}
.recipe-wrap{
	display: flex;
  	justify-content: space-between;
}
.recipe-wrap > div {
  width: 48%;
  padding: 30px;
}
.slide-wrap {
  width: 80%;
  height: 31.5vw;
  max-width:960px;
  max-height:540px;
}
.sec04-02-fuki{
	max-width: 960px;
	width: 95%;
}
.sec03-01 h2 img{
  width:90%;
}
.sec03-02-fuki.sp{
	display:none;
}

.sec03-02-fuki.is-inview{
	animation:none;
	opacity:1;
}

.sec04-01-txt {
  padding: 40px 0 200px;
  max-width: 1100px;
	margin: auto;
	width: 100%;
}
.sec04-01-txt > div{
	width: 90%;
	max-width: 700px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sec04-01-txt > div h2{
	width: 26%;
	text-align: left;
	display: inline-block;
	margin: 0;
}
.sec04-01-txt > div p{
	width: 68%;
	text-align: left;
	padding-bottom: 0;
	font-size: 18px;
}
.sec04-02-fuki {
  margin: 2vw auto 0;
}
}
@media screen and (min-width: 1040px) and (max-width: 1600px){
.top-kv::before {
  width: 3vw;
}
.top-kv{padding-right:3vw;
}
.sec01-ttl {
  margin: 2.5vw 0 1.875vw;
}
.sec01-inner {
  padding-bottom: 6.875vw;
}
.sec02-01-inner{
	margin-left:0;
}
.sec02-02-inner {
  margin: auto;
}
.kv-slide-img {
  height: 84px;
  background-size: 1512px 84px;
}
.kv-slide-img.is-2 {
  height: 84px;
  background-size: 1516px 84px;
}
.sec04-02-fuki {
  margin-left: 0%;
  width: auto;
}
.sec04-01-txt {
  background-size:110%;
  padding: 40px 0 18vw;
}
.sec04-01-txt > div {
  max-width: 600px;
}
.sec04-01-txt > div h2 {
  width: 22%;
}
.sec04-01-txt > div p {
  width: 71%;
  font-size: 16px;
}

}
@media screen and (min-width: 1040px) and (max-width: 1280px){
.sec02-02-inner {
  width:96%;
}
.recipe-wrap > div {
  width: 48%;
  padding: 15px;
}
}
@media screen and (min-width: 769px){
/*PCでボーダーを非表示*/
header.show-border::before {
  display: none;
}
}
@media screen and (max-width: 768px){
    .sp {
        display: block;
    }
    .pc{display:none;}
	.nav-logo.sp.slow-show{
		display:block;
	}

	header{
	  display: block;
    position: sticky;
	}

	.sec01-inner{
		padding-bottom:12vw;
		width: 100%;
	}
	.sec01-ttl{
		width:82%;
		max-width:618px;
		margin-left:5%;
	}
	.sec01-02{
    width: 39%;
    max-width: 305px;
		margin-left:5%;
	}

	.sec01-03 {
    right: 2%;
    width: 52%;
    bottom: -0.5vw;
	}
		.sec02-01-inner {
	    padding: 50px 0 120px;
	  background: url(../images/10/sec02-bg_sp.gif) center top 5vw no-repeat #fff;
		background-size: auto;
	  width: 100%;
	  max-width: 100％;
	  background-size: 96vw;
	}
	.sec02-01 h2 {
	  width: 32%;
	  max-width: 245px;
	  min-width: 123px;
	}
	.sec02-02 h2 {
	  font-size: 16px;
	}
	.sec02-ill01 {
	  top: 0;
	  width: 70%;
	  max-width: 360px;
	}
	.top-kv {
	  padding: 50px 0 50px;
	}
	.sec04-ill{
		width: 92%;
		margin: auto;
		max-width: 743px;
	}
	.sec03-02-fuki.pc{
		display:none;
	}
	.sec03-02-ill1,.sec03-02-ill2{
		width:20vw;
		max-width:124px;
	  position: inherit;
	  transform: inherit !important;
	}
	.sec03-02 {
	  padding-bottom: 0;
	}
	.sec03-02-ill {
	  padding-bottom: 20px;
	}
	.sec04-01 h2 {
	  width: 45%;
	  max-width: 125px;
	}
	.sec04-01 {
	  padding-top: 12vw;
	}
	.sec04-02-fuki > div {
	  width: 28%;
	}

	.sec04-ill img.pc {
	  display: none;
	}
	.sec04-ill img {
	  margin-top: -45vw;
	}
	.sec04-01 {
	  padding-bottom: 43vw;
	}
	.sec03-01 h2 img{
	width:90%;
	}
	.slide-wrap {
	  width: 80vw;
	  height: 96vw;
	}
	.sec04-01-img > div {
	  display: inherit;
	  max-width: 684px;
	  width: 80%;
	  margin: auto;
	}
	.sec04-01-img .hr-white1{
		width:100%;
	}
	.sec04-01-img2 {
	  margin-left: 0;
	  margin-top: 1.6vw;
	}

}
@media screen and (max-width: 468px){
	.sp468{
		display:block;
	}
	.sec02-01-inner {
	  background: url(../images/10/sec02-bg_sp.gif) top 10vw center no-repeat #fff;
	  background-size: 120vw;
	  padding-bottom:90px;
	}
	.recipe-wrap > div {
	  padding: 30px 20px;
	  width: 96%;
	  font-size: 14px;
	}
	.recipe-wrap table.seibun td img {
	  margin-right: 5px;
	}
	.recipe-wrap table.zairyo {
	  margin-bottom: 20px;
	}
	.howto-wrap li {
	  margin-bottom: 20px;
	}
	.sec03-01 {
	  padding-bottom: 120px;
	  padding-top: 40px;
	}
	.sec04-01-txt{
		background:url(../images/10/sec04-bg_sp.gif) center center/106% no-repeat #fff;
	}
	.sec04-01-txt p {
	  padding-bottom: 68px;
	}

}

@media screen and (max-width: 380px){
}