@font-face {
  font-family: "mplus";
  src: url("/recipe/new/assets/font/mplus-1p-light.woff") format("woff"), url("/recipe/new/assets/font/mplus-1p-light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "mplus";
  src: url("/recipe/new/assets/font/mplus-1p-regular.woff") format("woff"), url("/recipe/new/assets/font/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/recipe/new/assets/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/recipe/new/assets/font/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(/recipe/new/assets/font/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(/recipe/new/assets/font/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

i.material-icons.home:before { content: "\e88a";  font-size: inherit; line-height: 1; vertical-align: -22%; margin-right: 5px; }

i.material-icons.archive:before { content: "\e03b";  font-size: inherit; line-height: 1; vertical-align: -24%; margin-right: 5px; }

i.material-icons.link:after { content: "\e315";  font-size: inherit; line-height: 1; vertical-align: -28%;}

i.material-icons.totop:before { content: "\e25a";  font-size: inherit; line-height: 1; vertical-align: ; margin-right: 5px; }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.negativemargin_main { margin-top: -90px;}
@media screen and (max-width:64em){
.negativemargin_main { margin-top: -60px;}  
}

#wrapper {overflow: hidden !important; max-width: 1600px; margin: 0 auto;}

.container_wide .row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 100%;
}


.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:6s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:6s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(2px, -8px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(2px, -8px);}
	100% {-moz-transform:translate(0, 0);}
}

.yurayura1 {
-moz-animation: yurayura1 5s ease-in-out -2s infinite alternate;
-webkit-animation: yurayura1 5s ease-in-out -2s infinite alternate;
-o-animation: yurayura1 5s ease-in-out -2s infinite alternate;
-ms-animation: yurayura1 5s ease-in-out -2s infinite alternate;
}

@-moz-keyframes yurayura1 {
0% {
  -webkit-transform: rotateX(6deg) rotateY(10deg);
  -moz-transform: rotateX(6deg) rotateY(10deg);
  -o-transform: rotateX(6deg) rotateY(10deg);
  -ms-transform: rotateX(6deg) rotateY(10deg);
  transform: rotateX(6deg) rotateY(10deg);
  }
100% {
  -webkit-transform: rotateX(-5deg) rotateY(-8deg);
  -moz-transform: rotateX(-5deg) rotateY(-8deg);
  -o-transform: rotateX(-5deg) rotateY(-8deg);
  -ms-transform: rotateX(-5deg) rotateY(-8deg);
  transform: rotateX(-5deg) rotateY(-8deg);
  }
}

@-webkit-keyframes yurayura1 {
0% {
  -webkit-transform: rotateX(6deg) rotateY(10deg);
  -moz-transform: rotateX(6deg) rotateY(10deg);
  -o-transform: rotateX(6deg) rotateY(10deg);
  -ms-transform: rotateX(6deg) rotateY(10deg);
  transform: rotateX(6deg) rotateY(10deg);
  }
100% {
  -webkit-transform: rotateX(-5deg) rotateY(-8deg);
  -moz-transform: rotateX(-5deg) rotateY(-8deg);
  -o-transform: rotateX(-5deg) rotateY(-8deg);
  -ms-transform: rotateX(-5deg) rotateY(-8deg);
  transform: rotateX(-5deg) rotateY(-8deg);
  }
}

@-o-keyframes yurayura1 {
0% {
  -webkit-transform: rotateX(6deg) rotateY(10deg);
  -moz-transform: rotateX(6deg) rotateY(10deg);
  -o-transform: rotateX(6deg) rotateY(10deg);
  -ms-transform: rotateX(6deg) rotateY(10deg);
  transform: rotateX(6deg) rotateY(10deg);
  }
100% {
  -webkit-transform: rotateX(-5deg) rotateY(-8deg);
  -moz-transform: rotateX(-5deg) rotateY(-8deg);
  -o-transform: rotateX(-5deg) rotateY(-8deg);
  -ms-transform: rotateX(-5deg) rotateY(-8deg);
  transform: rotateX(-5deg) rotateY(-8deg);
  }
}

@-ms-keyframes yurayura1 {
0% {
  -webkit-transform: rotateX(6deg) rotateY(10deg);
  -moz-transform: rotateX(6deg) rotateY(10deg);
  -o-transform: rotateX(6deg) rotateY(10deg);
  -ms-transform: rotateX(6deg) rotateY(10deg);
  transform: rotateX(6deg) rotateY(10deg);
  }
100% {
  -webkit-transform: rotateX(-5deg) rotateY(-8deg);
  -moz-transform: rotateX(-5deg) rotateY(-8deg);
  -o-transform: rotateX(-5deg) rotateY(-8deg);
  -ms-transform: rotateX(-5deg) rotateY(-8deg);
  transform: rotateX(-5deg) rotateY(-8deg);
  }
}

@-webkit-keyframes chevron-pulse {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes chevron-pulse {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.tcon-svgchevron {
  height: 40px;
  width: 40px; }

.tcon-svgchevron path {
  -webkit-animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
  animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1);
  fill: transparent;
  stroke: #000;
  stroke-width: 1px; }

.tcon-svgchevron path.a1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.tcon-svgchevron path.a2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.tcon-svgchevron path.a3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }


.slider_limit { width: 100%; margin: 0 auto;}
.slider_negative_m {margin-top: -60px !important;}
@media screen and (min-width:47.938em){
.slider_limit { max-width: 70%; margin: 0 auto;}
.slider_negative_m {margin-top: -120px !important;}
}
  
.containerInner {
  width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	}
  .containerInner.sec01-height {
		height: 100%;
	}
  .containerInner.sec02-height {
		height: 900px;
	}
  .containerInner.sec03-height {
		height: 900px;
	}
  .containerInner.sec04-height {
		height: 800px;
	}
	@media only screen and (min-width: 400px) {
  .containerInner.sec04-height { height: 900px; }
  } 
	@media only screen and (min-width: 993px) {
  .containerInner.sec02-height { height: 1120px; }
  .containerInner.sec03-height { height: 900px; }
  .containerInner.sec04-height { height: 100%;}
  } 

  
  .containerInner.sec-end-height {
		height: 100%;
	}
	
/*** #SectionIntro ***/

#header-image h2 {
	position: absolute;
	left: 50%;
	bottom: 11%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: ;
	color: #fff;
	z-index: 2;
}
#header-image h2 i {
	font-size: .8em; line-height: 1; vertical-align: 16%; margin-right: 0; margin-top: ;
	}
#header-image .logo { position: absolute; top: 80px; left: 2rem; background: ; width: 100px; }
@media only screen and (min-width: 601px) {
  #header-image .logo { width: 180px; }
  }
@media only screen and (min-width: 993px) {
  #header-image .logo { width: 200px; }
  } 

#intro .title { position: absolute; width: 50%; bottom: 25%; left: 5%; }
@media only screen and (min-width: 601px) {
  #intro .title { width: 350px; bottom: 22%; left: 5%;}
}
@media only screen and (min-width: 993px) {
  #intro .title { width: 400px; bottom: 12%; left: 5%; }
}



/*** #section01 ***/
#section01 table {
    border: none;
  }
#section01 table thead {
    display: none;
  }
#section01 table tr {
    display: block;
    margin-bottom: 0px;
  }
#section01 table td {
    display: block;
    padding: 4px;
    text-align: right;
  }
#section01 table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
  }

#section01 .title { position: absolute; width: 60%; top: -35%; left: 20%; }
@media only screen and (min-width: 601px) {
  #section01 .title { width: 350px; top: -380px; left: 15px;}
}
@media only screen and (min-width: 993px) {
  #section01 .title { width: 450px; top: -350px; left: 20px; }
}

#section01 .curve { position: absolute; width: 100%; top: -3%; left: 0; }
@media only screen and (min-width: 340px) {
  #section01 .curve { top: -3.6%;}
}
@media only screen and (min-width: 480px) {
  #section01 .curve { top: -4%;}
}
@media only screen and (min-width: 601px) {
  #section01 .curve { top: -10%;}
}
@media only screen and (min-width: 993px) {
  #section01 .curve { top: -10%;}
}
#section01 .number { position: absolute; top: -5rem; left: 1rem; width: 100px;}
@media only screen and (min-width: 601px) {
  #section01 .number { top: -5rem; left: 1.5rem; width: 145px;}
}
@media only screen and (min-width: 993px) {
  #section01 .number { top: -6rem; left: 3rem; width: 190px;}
}
#section01 .subtitle { position: absolute; top: 30px; left: 140px; color: #fff;}
#section01 .subtitle h2 { font-weight: 300; font-size: 2.7em; margin: 0; padding: 0; }
#section01 .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section01 .subtitle { top: 60px; left: 24%;}
  #section01 .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section01 .subtitle { top: 90px; left: 24%;}
  #section01 .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section01 .text01 {margin-top: 280px; background: rgba(0, 0, 0, .4); color: #fff;}
#section01 .text02 {margin-top: 10px; background: rgba(0, 0, 0, .4); color: #fff;}
@media only screen and (min-width: 601px) {
  #section01 .text01 {margin-top: 280px; background: rgba(0, 0, 0, 0); text-shadow: 1px 1px 3px #ec6d6e;}
  #section01 .text02 {margin-top: 280px; margin-left: 4%; background: rgba(0, 0, 0, 0); text-shadow: 1px 1px 3px #ec6d6e;}
}
@media only screen and (min-width: 993px) {
  #section01 .text01 {margin-top: 280px; background: rgba(0, 0, 0, 0);}
  #section01 .text02 {margin-top: 280px; margin-left: 4%; background: rgba(0, 0, 0, 0);}
}
.list { margin: 40px 0 40px 0;}
@media only screen and (min-width: 601px) {
  .list { margin: 40px 0 40px 0; }
}
@media only screen and (min-width: 993px) {
  .list { margin: 60px 0 40px 0; }
}
#section01 .negi { position: absolute; bottom: 260px; right: 30px; width: 220px; }
@media only screen and (min-width: 601px) {
  #section01 .negi { bottom: 130px; right: -40px; width: 200px;}
}
@media only screen and (min-width: 993px) {
  #section01 .negi { bottom: 40px; right: -100px; width: 360px; }
}
#section01 .ebi { position: absolute; top: 110px; right: -60px; width: 300px; }
@media only screen and (min-width: 601px) {
  #section01 .ebi { top: 0; right: -100px;  width: 340px;}
}
@media only screen and (min-width: 993px) {
  #section01 .ebi { top: 0; right: -60px;  width: 360px; }
}
#section01 .age { position: absolute; top: 60px; left: -60px; width: 220px; }
@media only screen and (min-width: 601px) {
  #section01 .age { top: 100px; left: -60px; width: 260px;}
}
@media only screen and (min-width: 993px) {
  #section01 .age { top: 100px; left: -60px; width: 380px; }
}
#section01 .leaf { position: absolute; bottom: 280px; left: -60px; width: 220px; }
@media only screen and (min-width: 601px) {
  #section01 .leaf { bottom: 120px; left: -90px; width: 240px;}
}
@media only screen and (min-width: 993px) {
  #section01 .leaf { bottom: 140px; left: -30px; width: 260px; }
}

/*** #section01_bar ***/
#sec01_bar .number { position: absolute; top: 0; right: 1rem; width: 100px; }
@media only screen and (min-width: 601px) {
  #sec01_bar .number { top: 0; right: 1.5rem; width: 145px; }
}
@media only screen and (min-width: 993px) {
  #sec01_bar .number { top: 0; right: 2rem; width: 190px; }
}

/*** #section02 ***/
.sec02_bar { position: absolute; left: 80px;}
@media only screen and (min-width: 601px) {
  .sec02_bar { left: 24%;}
}
@media only screen and (min-width: 993px) {
  .sec02_bar { left: 70%;}
}
#section02 .subtitle { position: absolute; top: 150px; right: 1rem; color: #fff;}
#section02 .subtitle h2 { font-weight: 300; font-size: 3em; margin: 0; padding: 0; }
#section02 .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section02 .subtitle { top: 220px; right: 2rem;}
  #section02 .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section02 .subtitle { top: 300px; right: 2rem;}
  #section02 .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section02 .text01 {margin-top: 60px; padding: 0 1.5em; background: rgba(0, 0, 0, 0); color: #fff;}
@media only screen and (min-width: 601px) {
  #section02 .text01 {margin-top: 120px; background: rgba(0, 0, 0, 0); text-shadow: 1px 1px 3px #91b384;}
}
@media only screen and (min-width: 993px) {
  #section02 .text01 {margin-top: 180px; background: rgba(0, 0, 0, 0);}
}
#section02 .picA { position: absolute; top: 380px; right: 20px; width: 250px; }
@media only screen and (min-width: 601px) {
  #section02 .picA { top: 370px; right: 80px; width: 300px;}
}
@media only screen and (min-width: 993px) {
  #section02 .picA { top: 460px; right: 130px; width: 400px; }
}
#section02 .picB { position: absolute; top: 580px; right: 20px; width: 250px; }
@media only screen and (min-width: 601px) {
  #section02 .picB { top: 610px; right: 80px; width: 300px;}
}
@media only screen and (min-width: 993px) {
  #section02 .picB { top: 780px; right: 130px; width: 400px; }
}
#section02 .age { position: absolute; bottom: 320px; left: -50px; width: 160px; }
@media only screen and (min-width: 601px) {
  #section02 .age { bottom: 200px; left: -50px; width: 220px;}
}
@media only screen and (min-width: 993px) {
  #section02 .age { bottom: 320px; left: 20px; width: 320px; }
}
#section02 .dashi { position: absolute; bottom: 420px; left: 65%; width: 260px; }
@media only screen and (min-width: 601px) {
  #section02 .dashi { top: 380px; left: 160px;  width: 270px;}
}
@media only screen and (min-width: 993px) {
  #section02 .dashi { top: 400px; left: 350px;  width: 420px; }
}
#section02 .leaf { position: absolute; bottom: 20px; left: 60%; width: 100px; }
@media only screen and (min-width: 601px) {
  #section02 .leaf { bottom: 50px; left: 60px; width: 120px;}
}
@media only screen and (min-width: 993px) {
  #section02 .leaf { bottom: 80px; left: 180px; width: 180px; }
}
#section02 .negi { position: absolute; bottom: 50px; left: -30px; width: 200px; }
@media only screen and (min-width: 601px) {
  #section02 .negi { bottom: 80px; left: 200px;  width: 220px;}
}
@media only screen and (min-width: 993px) {
  #section02 .negi { bottom: 50px; left: 440px;  width: 300px; }
}

#section02 .fw_400_300 { font-weight: 400; }
@media only screen and (min-width: 601px) {
  #section02 .fw_400_300 { font-weight: 300; }
}
@media only screen and (min-width: 993px) {
  #section02 .fw_400_300 { font-weight: 300; }
}

/*** #section02_bar ***/
#sec02_bar .number { position: absolute; top: 0; left: 1rem; width: 100px; }
@media only screen and (min-width: 601px) {
  #sec02_bar .number { top: 0; left: 1.5rem; width: 145px; }
}
@media only screen and (min-width: 993px) {
  #sec02_bar .number { top: 0; left: 2rem; width: 190px; }
}


/*** #section03 ***/
#section03 .subtitle { position: absolute; top: 50px; left: 29%; color: #ec6d6e;}
#section03 .subtitle h2 { font-weight: 300; font-size: 3em; margin: 0; padding: 0; }
#section03 .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section03 .subtitle { top: 80px; left: 30%;}
  #section03 .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section03 .subtitle { top: 100px; left: 20%;}
  #section03 .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section03 .number { position: absolute; top: 1.5rem; left: .8rem; width: 80px;}
@media only screen and (min-width: 601px) {
  #section03 .number { top: 2rem; left: 1.5rem; width: 145px;}
}
@media only screen and (min-width: 993px) {
  #section03 .number { top: 3rem; left: 2rem; width: 190px;}
}
#section03 .text01 {margin-top: 100px; background: rgba(0, 0, 0, 0); color: #000; text-shadow: 1px 1px 3px #fff;}
@media only screen and (min-width: 601px) {
  #section03 .text01 {margin-top: 20px; padding-right: 2em; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section03 .text01 {margin-top: 30px; background: rgba(0, 0, 0, 0);}
}
#section03 .chef { position: absolute; top: 140px; right: -110px; width: 250px; }
@media only screen and (min-width: 601px) {
  #section03 .chef { top: 180px; right: -150px;  width: 400px;}
}
@media only screen and (min-width: 993px) {
  #section03 .chef { top: 60px; right: -180px;  width: 510px; }
}
#section03 .chef_inner { position: absolute; bottom: 280px; left: -110px; width: 280px; }
@media only screen and (min-width: 601px) {
  #section03 .chef_inner { bottom: 20px; left: -210px;  width: 460px;}
}
@media only screen and (min-width: 993px) {
  #section03 .chef_inner { bottom: 40px; left: -200px;  width: 580px; }
}
#section03 .video {margin-top: 280px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 601px) {
  #section03 .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section03 .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}

/*** #section03_bar ***/
#sec03_bar .number { position: absolute; top: 0; right: 1rem; width: 100px; opacity: .8;}
@media only screen and (min-width: 601px) {
  #sec03_bar .number { top: 0; right: 1.5rem; width: 145px; }
}
@media only screen and (min-width: 993px) {
  #sec03_bar .number { top: 0; right: 2rem; width: 190px; }
}


/*** #section04 ***/
#section04 .subtitle { position: absolute; top: 50px; left: 100px; color: #91b384; /*text-shadow: 1px 1px 3px #000;*/}
#section04 .subtitle h2 { font-weight: 300; font-size: 3em; margin: 0; padding: 0; }
#section04 .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section04 .subtitle { top: 80px; left: 13%;}
  #section04 .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section04 .subtitle { top: 100px; left: 20%;}
  #section04 .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section04 .number { position: absolute; top: 1.5rem; right: 1rem; width: 100px;}
@media only screen and (min-width: 601px) {
  #section04 .number { top: 2rem; right: 1.5rem; width: 145px;}
}
@media only screen and (min-width: 993px) {
  #section04 .number { top: 3rem; right: 2rem; width: 190px;}
}

#section04 .text01 {margin-top: 620px; background: rgba(0, 0, 0, 0); color: #000; text-shadow: 1px 1px 3px #fff;}
@media only screen and (min-width: 601px) {
  #section04 .text01 {margin-top: 750px; padding: 0 0 30px 0; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section04 .text01 {margin-top: 750px; padding: 0 0 30px 0; background: rgba(0, 0, 0, 0);}
}

#section04 .appetite1 { position: absolute; top: 0; left: 0; width: 100%; }
@media only screen and (min-width: 601px) {
  #section04 .appetite1 { top: 0; left: 0;  width: 100%;}
}
@media only screen and (min-width: 993px) {
  #section04 .appetite1 { top: 0; left: 0;  width: 100%; }
}

#section04 .fw_400_300 { font-weight: 400; }
@media only screen and (min-width: 601px) {
  #section04 .fw_400_300 { font-weight: 300; }
}
@media only screen and (min-width: 993px) {
  #section04 .fw_400_300 { font-weight: 300; }
}


/*** #section_end ***/
#section_end .subtitle { position: absolute; top: 50px; left: 120px; color: #6f848d;}
#section_end .subtitle h2 { font-weight: 300; font-size: 3em; margin: 0; padding: 0; }
#section_end .subtitle p { font-weight: 300; font-size: 1.2em; margin: 0; padding: 0; }
@media only screen and (min-width: 601px) {
  #section_end .subtitle { top: 80px; left: 30%;}
  #section_end .subtitle h2 { font-weight: 300; font-size: 4em; margin: 0; padding: 0; }
}
@media only screen and (min-width: 993px) {
  #section_end .subtitle { top: 100px; left: 20%;}
  #section_end .subtitle h2 { font-weight: 300; font-size: 5.5em; margin: 0; padding: 0; }
}
#section_end .number { position: absolute; top: 1.5rem; left: 1rem; width: 100px;}
@media only screen and (min-width: 601px) {
  #section_end .number { top: 2rem; left: 1.5rem; width: 145px;}
}
@media only screen and (min-width: 993px) {
  #section_end .number { top: 3rem; left: 2rem; width: 190px;}
}
#section_end .text01 {margin-top: 100px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 601px) {
  #section_end .text01 {margin-top: 20px; padding-right: 2em; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section_end .text01 {margin-top: 30px; background: rgba(0, 0, 0, 0);}
}
#section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0); color: #000;}
@media only screen and (min-width: 601px) {
  #section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}
@media only screen and (min-width: 993px) {
  #section_end .video {margin-top: 280px; background: rgba(0, 0, 0, 0);}
}
  

.plyr input[type=range]::-ms-fill-lower {
	background:#ec6d6e;
}
.plyr input[type=range]:active::-webkit-slider-thumb {
	background:#ec6d6e;
}
.plyr input[type=range]:active::-moz-range-thumb {
	background:#ec6d6e;
}
.plyr input[type=range]:active::-ms-thumb {
	background:#ec6d6e;
}
.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover {
	background:#ec6d6e;
}
.plyr--audio .plyr__controls {
	padding:10px;
	border-radius:inherit;
	background:#fff;
	border:1px solid #ec6d6e;
	color:#e35c5e;
}
.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large {
	background:#ec6d6e;
}
.plyr__progress--played,.plyr__volume--display {
	color:#ec6d6e;
}
.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display {
	background: rgba(227,96,80,.66);
}

.plyr--audio .plyr__progress--buffer {
	color: rgba(227,96,80,.66);
}
.plyr--audio.plyr--loading .plyr__progress--buffer {
	background-color:rgba(227,96,80,.66);
}