@charset "utf-8";
html,body{margin:0;}
article{
	padding:0 0 80px;
	min-width:1012px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1.6;
	color:#262626;
	text-align:center;
	background:url(../images/bg.png) center top;
}


.only_smart,
.only_smart_i{
	display:none !important;
}
article img{
	max-width:100%;
}
article a {
	color:#fff;
  text-decoration:none;
}
article ul{
	margin:0;
	padding:0;
}
article ul li{
	list-style:none;
}
article h1{
}


#mv{
	padding:15px 0 10px;
  background:url(../images/mv_bg.png)no-repeat center top;
}
@media only screen and (min-width:1880px){
  #mv{
    background:url(../images/mv_bg.png)no-repeat center top;
    background-size:100% auto;
  }
}
#mv ul.nav{
  margin-bottom:190px;
}
#mv ul.nav li{
	display:inline-block;
	vertical-align:top;
	margin:0 6px;
}
#mv h2{
  margin-bottom:90px;
}
#mv p{
	padding:20px 0;
	font-size:18px;
	color:#e13a3a;
	line-height:2;
  background:url(../images/mv_bg2.png)no-repeat center center;
}
#mv nav{
  width:900px;
  margin:auto;
}
#mv nav ul li{
  width:280px;
  margin:3px;
  display:inline-block;
  vertical-align:top;
}


/* .cont */
.cont{
  padding-bottom:80px;
}
.cont h3{
  margin-bottom:10px;
}
.cont h3 + p{
  margin:0 0 10px;
  padding:20px 0;
  line-height:1.7;
  font-size:20px;
  color:#259204;
}
.cont > ul{
  max-width:1010px;
  margin:auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cont > ul > li{
  width:240px;
  padding:30px 18px 0px;
  margin:10px 0;
  box-sizing:border-box;
  background-color:#fff;
  position:relative;
}
.cont > ul > li section{
  padding:20px 0;
}
.cont > ul > li section h4{
  margin:0 0 5px;
  font-size:18px;
  color:#1c6a04;
}
.cont > ul > li section p{
  margin:0 0 10px;
  font-weight:normal;
}
.cont > ul > li section ul{
  padding:0px 0px 10px;
  font-weight:normal;
}
.cont > ul > li section ul li{
  text-align:left;
  white-space:nowrap;
}
.cont .more{
  display:inline-block;
  width:200px;
  line-height:46px;
  font-size:18px;
  text-align:center;
  background-color:#54b325;
  border-radius:5px;
}


/* #cont1 */
#cont1 h3 + p{
  background:url(../images/cont1_bg.png)no-repeat center center;
}
#cont1 > ul > li.new:before{
  content:'';
  display:block;
  width:64px;
  padding-top:64px;
  background:url(../images/cont_new.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  left:5px;
  top:-10px;
}
#cont1 > ul > li:nth-child(-n+2){
  width:495px;
  padding-bottom:30px;
}
#cont1 > ul > li:last-child{
  padding-top:50px;
  background-color:transparent;
}
#cont1 > ul > li img{
  width:150px;
  vertical-align:middle;
}
#cont1 > ul > li:last-child img{
  width:225px;
}
#cont1 > ul > li:nth-child(-n+2) section{
  padding-left:20px;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
}


/* #cont2 */
#cont2 {
}
#cont2 > ul{
  display: block;
}
#cont2 > ul > li{
  width:100%;
  margin:0;
  padding:0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  background-color:transparent;
}
#cont2 > ul > li:first-child{
  margin-bottom:40px;
}
#cont2 > ul > li:last-child{
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#cont2 > ul > li > div{
  width:560px;
  background-color:#fff;
  position:relative;
}
#cont2 > ul > li > div:before{
  content:'';
  display:block;
  width:64px;
  padding-top:64px;
  background:url(../images/cont_new.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  left:5px;
  top:-10px;
}
#cont2 > ul > li > div img{
  width:150px;
  vertical-align:middle;
}
#cont2 > ul > li > div section{
  width:300px;
  margin-left:40px;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
}
#cont2 > ul li > a{
  width:430px;
}



/* #cont3 */
#cont3 {
}
#cont3 > ul > li:first-child{
  width:100%;
  padding:70px 0;
  background:url(../images/cont3_bg.png)no-repeat center center;
}
#cont3 > ul > li:first-child img{
  width:340px;
  vertical-align:middle;
}
#cont3 > ul > li:first-child section{
  width:360px;
  margin-left:60px;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
  position:relative;
}
#cont3 > ul > li section.new:before{
  content:'';
  display:block;
  width:48px;
  padding-top:48px;
  background:url(../images/cont3_new.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  right:10px;
  top:0px; 
}


/* #cont4 */
#cont4 {
}
#cont4 > ul{
  position:relative;
}
#cont4 > ul:before{
  content:'';
  display:block;
  width:67px;
  padding-top:105px;
  background:url(../images/cont4_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  bottom:95%;
  right:30px;
  z-index:1;
}
#cont4 > ul > li section{
  padding-top:5px;
}
#cont4 > ul > li section h4{
  height:3.2em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#cont4 > ul > li img{
  width:150px;
}


/* #cont5 */
#cont5 {
}
#cont5 > div{
  width:1010px;
  margin:auto;
  padding:20px 20px 50px;
  box-sizing:border-box;
  position:relative;
  background-color:#fff;
}
#cont5 > div:before{
  content:'';
  display:block;
  width:87px;
  padding-top:105px;
  background:url(../images/cont5_bg.png)no-repeat center top;
  position:absolute;
  top:0;
  left:30px;
  transform:translateY(-85%);
}
#cont5 > div ul{
  position:relative;
  border-bottom:1px solid #ccc;
}
#cont5 > div ul:last-of-type{
  margin-bottom:30px;
  padding:0 50px;
  border-bottom:none;
}
#cont5 > div ul:after{
  content:'';
  display:block;
  width:100%;
  height:1px;
  background-color:#ccc;
  position:absolute;
  top:50%;
  left:0;
}
#cont5 > div ul li{
  width:174px;
  display:inline-block;
  vertical-align:top;
  padding:5px 5px;
  line-height:1.5;
  font-size:15px;
}
#cont5 > div ul li h4{
  height:3em;
  margin-bottom:5px;
  color:#1c6a04;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#cont5 > div ul li p{
  margin-top:5px;
  font-weight:normal;
}
#cont5 > div ul:last-of-type + img{
  position:absolute;
  bottom:140px;
  left:0;
}
#cont5 > div .more{
  width:580px;
}


/* #cont6 */
#cont6 {
}
#cont6 > ul{
  position:relative;
}
#cont6 > ul:before{
  content:'';
  display:block;
  width:100px;
  padding-top:110px;
  position:absolute;
  top:0;
  left:20px;
  transform:translateY(-100%);
  background:url(../images/cont6_bg.png)no-repeat center top;
  background-size:100% auto;
}
#cont6 > ul > li img{
  width:150px;
}
#cont6 > ul > li section{
  padding-top:5px;
}
#cont6 > ul > li section h4{
  height:3.2em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#cont6 > ul > li:nth-child(n+5){
  width:100%;
  margin:0;
  padding-bottom:30px;
  position:relative;
}
#cont6 > ul > li:nth-child(5){
  margin-top:15px;
}
#cont6 > ul > li:nth-child(5):before{
  content:'';
  display:block;
  width:290px;
  padding-top:115px;
  background:url(../images/cont6_bg2.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  right:0;
  top:-10px;
}
#cont6 > ul > li:nth-child(5):after{
  content:'';
  display:block;
  width:94%;
  height:1px;
  background-color:#ccc;
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}
#cont6 > ul > li:nth-child(5) img{
  width:597px;
  vertical-align:middle;
}
#cont6 > ul > li:nth-child(5) section{
  width:260px;
  display:inline-block;
  vertical-align:middle;
  margin-left:40px;
  text-align:left;
}
#cont6 > ul > li:nth-child(5) section h4{
  height:auto;
  display:block;
}

#cont6 > ul > li:last-child{
  padding:4% 0 60px;
  background:#fff url(../images/cont6_bg3.png)no-repeat center bottom 20px;
}
#cont6 > ul > li:last-child img{
  vertical-align:middle;
}
#cont6 > ul > li:last-child section{
  width:300px;
  padding-bottom:0;
  display:inline-block;
  vertical-align:middle;
  margin-left:0;
  text-align:left;
}
#cont6 > ul > li:last-child section h4{
  height:auto;
  display:block;
}
#cont6 > ul > li:last-child .more{
  width:580px;
  margin-top:50px;
}


/* .recipe */
.recipe{
  padding:60px 0 40px;
}
.recipe h3{
  margin-bottom:40px;
}
.recipe > ul{
  max-width:1010px;
  margin:auto;
  padding:30px 0 10px;
  background-color:#fff;
  position:relative;
}
.recipe > ul:after{
  content:'';
  display:block;
  width:100%;
  padding-top:16px;
  background:url(../images/recipe_bottom.png)no-repeat center top;
  background-size:196px auto;
  position:absolute;
  bottom:0;
  transform:translateY(50%);
}
.recipe > ul li{
  width:300px;
  margin:0 10px 30px;
  display:inline-block;
  vertical-align:top;
}
.recipe > ul li a{
  display:block;
}
.recipe > ul li a figure{
  margin:0;
  padding:0;
}
.recipe > ul li a figure figcaption{
  line-height:1.3;
  margin-top:10px;
  font-size:20px;
  color:#c4303e;
}
.recipe .more{
  display:inline-block;
  width:284px;
  line-height:46px;
  font-size:18px;
  text-align:center;
  background-color:#c4303e;
  border-radius:5px;
}



/* #cont7 */
#cont7 {
  margin-top:30px;
  padding:50px 0;
  background:url(../images/cont7_bg.png)no-repeat center top;
}
#cont7 .video{
  width:720px;
  margin:0 auto 50px;
  padding:10px 0;
  background-color:#fff;
}
#cont7 .video video{
  width:700px;
  vertical-align:bottom;
}
#cont7 .youtube{
  width:758px;
  margin:auto;
  padding:20px 0;
  box-sizing:border-box;
  background-color:#fff;
}
#cont7 .youtube p{
  margin:10px 0;
  font-size:28px;
  font-weight:bold;
  color:#c4303e;
}


/* #cont8 */
#cont8 {
}
#cont8 section{
  margin-bottom:20px;
  padding:50px 0;
  background:url(../images/cont8_bg.png)no-repeat center top;
}
#cont8 section h4{
  width:600px;
  margin:0 auto 20px;
  font-size:26px;
  color:#c4303e;
  background:
    url(../images/cont8_tit1.png)no-repeat left center,
    url(../images/cont8_tit2.png)no-repeat right center;
  background-size:29px auto;
}

#cont8 section div{
  display:inline-block;
  vertical-align:top;
}
#cont8 section div:first-of-type{
  width:470px;
}
#cont8 section div:first-of-type .more{
  width:330px;
  margin-top:20px;
}
#cont8 section div:last-of-type{
  width:410px;
  margin-left:30px;
}
#cont8 section div:last-of-type figure{
  width:196px;
  margin:auto;
}
#cont8 section div:last-of-type figure figcaption{
  font-size:20px;
}
#cont8 section div:last-of-type p{
  font-weight:normal;
  text-align:left;
}
#cont8 section div:last-of-type .link{
  display:inline-block;
  width:340px;
  line-height:50px;
  margin-top:10px;
  font-size:18px;
  text-align:center;
  background-color:#54b325;
  border-radius:25px;
}


/* #cont9 */
#cont9 {
}
#cont9 ul:before {
  content:'';
  display:block;
  width:130px;
  padding-top:54px;
  background:url(../images/cont9_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  right:5px;
  bottom:100%;
  transform:translateY(5%);
}


/* #cont10 */
#cont10 {
}
#cont10 ul:before {
  content:'';
  display:block;
  width:111px;
  padding-top:83px;
  background:url(../images/cont10_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  left:10px;
  bottom:100%;
  transform:translateY(40%);
}


/* #cont11 */
#cont11 {
}
#cont11 ul:before {
  content:'';
  display:block;
  width:87px;
  padding-top:75px;
  background:url(../images/cont11_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  right:10px;
  bottom:100%;
  transform:translateY(40%);
}


/* #cont12 */
#cont12 {
}
#cont12 ul:before {
  content:'';
  display:block;
  width:80px;
  padding-top:82px;
  background:url(../images/cont12_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  left:10px;
  bottom:100%;
  transform:translateY(40%);
}
#cont12 > ul li a figure figcaption{
  height:2.6em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}


/* #cont13 */
#cont13 {
}
#cont13 ul:before {
  content:'';
  display:block;
  width:105px;
  padding-top:70px;
  background:url(../images/cont13_bg.png)no-repeat center top;
  background-size:100% auto;
  position:absolute;
  right:10px;
  bottom:100%;
  transform:translateY(40%);
}


article > p{
  width:820px;
  margin:0 auto 80px;
  font-size:32px;
  font-weight:bold;
  color:#e13a3a;
  background:
    url(../images/bottom_icon1.png)no-repeat left center,
    url(../images/bottom_icon2.png)no-repeat right center;
}
article > p span{
  display:inline-block;
  line-height:0;
  box-sizing:border-box;
  border-bottom:20px solid #ffd71f;
}
article > a{
  display:inline-block;
  margin-top:60px;
  
}