@font-face{
font-family:"mamelon";
src:url(../fonts/mamelon.woff) format('woff');
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansCJKjp-Bold.otf"),
       local("NotoSansJP-Bold.otf"),
       url("../fonts/NotoSansCJKjp-Regular.woff") format("woff");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: local("NotoSansCJKjp-Bold.otf"),
       local("NotoSansJP-Bold.otf"),
       url("../fonts/NotoSansCJKjp-Bold.woff") format("woff");
}

body,html{
min-width:1260px;

}

body {
    font: 400 1em/1.5 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    /*background: #FF5722;*/
    background:#fbfbfa;
    /*background:#f7f5f1;*/
    color:#454545;
    margin: 0;
    letter-spacing:0.15em;
    line-height: 1.6em;
    font-size:14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: 999999px;
    -webkit-text-size-adjust: 100%; 
}


body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .8s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}

body.fadeout::after {
  opacity: 1;
}

#wrap {
    min-width:1260px !important;
}

header, .catch-copy {
    font: 400 1em/1.5 "mamelon",'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    /*background: #FF5722;*/
    color:#fff;
    /*color: rgba(255, 255, 255, 1);*/
    margin: 0;
    text-align: center;
}

.flex-box {
    display:flex;
    display: -webkit-flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content: space-around;
}

header h1{
margin-top:100px;
}

/*
body {
    font-family:"mamelon", 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color:#212121;
    line-height:1.6em;
    margin:0;
    font-size:14px;
    letter-spacing: 0.025em;
}
*/
/*
body {
    margin:0;
    padding:0;
    overflow:hidden;
}
*/

header{
    background:#ff6e40;
    /*background:#FF5722;*/
    /*background:#283593;*/
    color:#fff;
    width:260px;
    height:100vh;
    position:fixed;
    
    font-size:16px;
    z-index:100;
    box-shadow:6px 0px 9px -6px #b58d81;
}


header ul {
    margin:50px auto 0;
    width:200px;
}

#marker a {
    font: 500 1em/2.1 "mamelon",'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    display: inline-block;
    min-width:152px;
    padding:6px 10px 8px;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .7;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: #FFB300;
}

#marker a:after {
    background-color: #FFB300;
}

nav a{
    font: 500 1em/2.1 "mamelon",'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    display: inline-block;
    min-width:152px;
    padding:6px 10px 8px;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .7;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 10000;
}

nav a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff6e40;
    border-radius: 10rem;
    z-index: -2;
}

nav a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #FFB300;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}

nav a:hover {
    color: #fff;
}

nav a:hover:before {
    width: 100%;
}


header .small {
    font-size:11px !important;
}

#particles-js {
    width:100%;
    height:440px;
    background:#fefffe;
    position:relative;
}

#top-contents{
    /*min-width:800px !important;*/
    padding-left:260px;
    overflow:hidden;
}

.catch-copy {
    text-transform: uppercase;
    letter-spacing: .5em;
    /*border: 4px double rgba(255, 255, 255, 0.25);*/
    border: 4px double rgba(255, 130, 2, 0.85);
    border-width: 4px 0;
    padding: 1.5em 0em;
    position: absolute;
    top: 150px;
    /*left: 50%;*/
    left: calc( 50% - 325px);
    width: 650px;
    min-width:650px;
    margin: 0;
    color:orangered;
}

span.bg-text {
    font: 700 3em/1 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    letter-spacing: .15em;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255, 255, 255, 0.25);
    /* Clip Background Image */
    background: url(../img/ptn.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    /* Animate Background Image */
    -webkit-text-fill-color: transparent;
    /*-webkit-animation: aitf 22s linear infinite alternate;*/
    -webkit-animation: aitf 22s linear infinite alternate;
    /* Activate hardware acceleration for smoother animations */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: orangered;
}


#main #particles-js {
    /*width:calc(100% - 260px);*/
    width:100%;
    /*min-width:1000px;*/
    /*max-width:1000px;*/
    /*height:100vh;*/
    height:540px;
    background:#fefffe;
    /*background:#f9f7f4;*/
    /*background: #FF7043;*/
    position:relative;
}

#main #top-contents{
    min-width:1000px !important;
    /*width:calc(100% - 260px);*/
    /*width:100%;*/
    padding-left:260px;
}

#main .catch-copy {
    text-transform: uppercase;
    letter-spacing: .5em;
    /*border: 4px double rgba(255, 255, 255, 0.25);*/
    border: 4px double rgba(255, 130, 2, 0.85);
    border-width: 4px 0;
    padding: 1.5em 0em;
    position: absolute;
    top: 150px;
    /*left: 50%;*/
    left: calc( 50% - 325px);
    width: 650px;
    min-width:650px;
    margin: 0;
    color:orangered;
}

#main span.bg-text {
    font: 700 3.5em/1 'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    letter-spacing: .15em;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255, 255, 255, 0.25);
    /* Clip Background Image */
    background: url(../img/ptn.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    /* Animate Background Image */
    -webkit-text-fill-color: transparent;
    /*-webkit-animation: aitf 22s linear infinite alternate;*/
    -webkit-animation: aitf 22s linear infinite alternate;
    /* Activate hardware acceleration for smoother animations */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: orangered;
}

.relative {
    position:relative;
}

.abs {
    position:absolute;
    left: 25%;
    top: -25%;
    transform-origin: center 150%;
    animation: rotate1 8s linear infinite;
}

.abs-b {
    position:absolute;
    left: 25%;
    top: -25%;
    transform-origin: center 150%;
    animation: rotate1 3s linear infinite;
}

.abs-i {
    position:absolute;
    top:-82px;
    left:calc(34% - 55px);
}

.abs-bl {
    position:absolute;
    top:-75px;
    right:calc(34% - 52px);
}

.abs-pr {
    position:absolute;
    top:-55px;
    left:calc(50% - 3.7em);
    z-index:2;
}

.abs-ri{
    position:absolute;
    right:-30px;
    top:-10px;
}

.flex-box .relative:nth-child(even) .abs{
    animation: rotate1 4.5s linear infinite;
}


@keyframes rotate1 { 
  0% {
   transform: rotate(0deg);
  }
      50% {
   transform: rotate(180deg);
  }
    100% {  
    transform: rotate(360deg);
  }
}
}

@keyframes rotate2 { 
  0% {
   transform: rotate(360deg);
  }
    100% {  
    transform: rotate(0deg);
  }
}


.abs-g {
    position:absolute;
    top:-70px;
    left:150px;
    animation: fluffy4 25s ease infinite;
    -webkit-animation: fluffy4 5s ease infinite;
}


.in-contents {
    /*max-width:1000px;*/
    width:calc(100% - 260px);
    padding-left:260px;
    overflow:hidden;
}

.gutter-1 {
    /*margin:0 2vh;*/
    margin:0 auto;
    width:1000px;
    padding:0 10px;
}

.gutter-2 {
    margin:0 auto;
    max-width:800px;
}

.gutter-3 {
    margin:0 auto;
    max-width:670px;
    line-height:1.8em;
}

.gutter-4 {
    margin:0 auto;
    max-width:700px;
    line-height:1.8em;
}

.gutter-5 {
    margin:0 auto;
    max-width:950px;
    line-height:1.6em;
}


h2 {
    font-size:16px !important;
    font-weight:bold !important;
}



section h3{
    font-weight:bold;
    font-size:24px;
    text-align:center;
    line-height:1em;
    display:inline-block;
    margin-bottom:10px;
}

section h3.greetings-heading{
    font-weight:600;
    font-size:24px;
    text-align:center;
    line-height:.9em;
    border-top:2px solid #333;
    border-bottom:2px solid #333;
    display:inline-block;
    padding-top:12px;
    padding-bottom:15px;
    margin-top:50px;
    margin-bottom:10px;
}

section h3.features-heading{
    font-weight:600;
    font-size:24px;
    text-align:left;
    line-height:.9em;
    display:inline-block;
    margin-bottom:27px;
    position:relative;
}

section h3.features-heading span {
    font-weight:500;
    font-size:14px;
    display:block;
    padding-left:10px;
    position:absolute;
    top:25px;
    right:57px;
}

section h3 span {
    font-weight:500;
    font-size:14px;
    display:block;
}

.good-point{
    background:#FaFaEf;
    padding-top:40px;
    padding-bottom:50px;
    margin-top:60px;
}

.good-point p{
    font-size:14px !important;
    max-height: 999999px;
}
.good-point h4{
    font-size:24px;
    font-weight:500;
}

.flavor {
    color:#fff;
    background:url(../img/bg-flavor.jpg) center left;
    background-size:cover;
    padding:25px 85px 25px 400px;
    /*min-width:710px;*/
}

.on-flavor {
    background:rgba(100,221,23,0.65);
    padding:25px 30px;
}

.elasticity {
    color:#333;
    background:url(../img/bg-elasticity.jpg) center right;
    background-size:cover;
    padding:25px 395px 25px 95px;
    /*min-width:710px;*/
}

.on-elasticity {
    /*background:rgba(255,255,255,0.8);*/
    padding:25px 30px;
}

.taste {
    color:#fff;
    background:url(../img/bg-taste.jpg) center left;
    background-size:cover;
    padding:25px 25px 25px 450px;
    /*min-width:710px;*/
}

.on-taste {
    padding:25px 30px;
}

.workbox {
    width:330px;
    float:left;
    padding:0px;
    text-align:center;
    font-size:12px;
    margin-top:30px;
    position:relative;
}

.workbox img:first-child {
    position:absolute;
    top:-21px;
    left:2px;
}

.workbox span{
    display:block;
    padding:5px 30px;
    text-align:left;
}

.pack-left {
    width:300px;
    float:left;
}

.pack-right {
    width:400px;
    float:left;
    position:relative;
}

.form-bg {
    background:url(../img/paper.png);
    padding:30px 0 0;
    margin:30px 0 0;
    position:relative;
}

.form-abs {
    position:absolute;
    right:0;
    top:-90px;
    z-index:1;
    animation: fluffy6 7s ease infinite;
    -webkit-animation: fluffy6 7s ease infinite;
}

.formbox {
    text-align:center;
    font-size:12px;
    display: -webkit-flex; /* Safari */
    display:flex;
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
    flex-wrap:nowrap;
    align-content:space-between;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    height: 280px;
    background:rgba(255,255,255,0.9);
    width:180px;
}

.formbox p{
    margin:0 auto;
}

.formbox p:first-child{
    font-weight:bold;
    font-size:12px;
}

.whatispectin{
    /*background:#fff;*/
    background:url(../img/paper.png);
    border-radius:12px;
    box-shadow:3px 6px 18px -7px #ccc;
    padding:30px 50px;
    position:relative;
    line-height:2.2em;
    margin-top:90px;
    min-width:1000px;
}

h3.pectin{
    text-align:center;
    font-weight:500;
    font-size:24px;
    color:#fff;
    padding:12px 30px 15px;
    background: url(../img/pec-bg.png) no-repeat;
    position:absolute;
    top:-20px;
}

.pectin-abs{
    position:absolute;
    top:-40px;
    right:100px;
}

.pectin-box {
    display:flex;
    display: -webkit-flex;
    flex-direction:row;
    flex-wrap:nowrap;
    padding-right:140px;
}

.pectin-box img{
    padding-right:100px;
}

.pectin-list li{
    font-size:16px;
    font-weight:700;
    line-height:1.6em;
    margin-top:20px;
}

.pectin-list li:before{
    content:url(../img/dot.png);
    /*color:orangered;
    font-size:24px;*/
    vertical-align: middle;
    padding-right:10px;
}

.pectin-list li:last-child{
    font-size:12px;
    font-weight:normal;
}

.pectin-list li:last-child:before{
    content:none;
    /*color:orangered;
    font-size:24px;*/
    vertical-align: middle;
    padding-right:10px;
}

.contact-heading:before{
    content: url(../img/contact-bg.png);
    padding-right:10px;
}

.contact-heading:after {
    content: url(../img/contact-bg.png);
    padding-left:10px;
}

section .left{
    width:440px;
    float:left;
}

section .right{
    width:360px;
    float:right;
}

.foodproduction,.flow {
    min-width:1000px;
}

.features {
    /*background:#FBFCFE;*/
    background:#FFF;
    min-width:1000px;
    /*box-shadow:0px 2px 42px -3px #dfdfdf;*/
}

.btn a{
    font: 400 1em/1.5 "mamelon",'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    text-align:center;
    width:152px;
    border-radius:25px;
    margin-top:10px;
    margin-bottom:10px;

    background:#ff6e40;
    color:#fff;
    vertical-align:middle;
    display:block;
}

.button {
    font: 400 1em/1.5 "mamelon",'Noto Sans JP',-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    display: inline-block;
    text-align:center;
    min-width:152px;
    padding:6px 10px 8px;
    border-radius: 10rem;
    color: #fff;
    margin-top:27px;
    margin-bottom:10px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .7;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow:3px 6px 18px -7px #7b7a80;
}

.button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ff6e40;
    border-radius: 10rem;
    z-index: -2;
}

.button:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #F4511E;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}

.button:hover {
    color: #fff;
}

.button:hover:before {
    width: 100%;
}

/* optional reset for presentation 


span {
  display: block;
  margin-top: 2rem;
  font-size: .7rem;
  color: #777;
}
span a {
  font-size: .7rem;
  color: #999;
  text-decoration: underline;
}
*/
.bg-1 {
    background:url(../img/bg-1.png) no-repeat right bottom;
}

.bg-slider {
    background:url(../img/pt.png) repeat;
    /*background:rgba(10,10,21,0.5);*/
    padding:10px 0 50px;
    margin-top:30px;
}

.companyinfo small {
    font-size:0.9em;
}

.companyinfo th,.companyinfo td{
    text-align:left;
    padding:4px 20px 4px 10px;
}

.companyinfo tr{
    border-bottom:dotted 1px #dadada;
}

.anime-1 {
    animation: fluffy1 25s ease infinite;
    -webkit-animation: fluffy1 25s ease infinite;
    animation-iteration-count:1;
}

.anime-2 {
    animation: fluffy2 25s ease infinite;
    -webkit-animation: fluffy2 25s ease infinite;
    animation-iteration-count:1;
}

.anime-2-2 {
    animation: fluffy2-2 25s ease infinite;
    -webkit-animation: fluffy2-2 25s ease infinite;
    animation-iteration-count:1;
}

.anime-3 {
    animation: fluffy5 15s ease infinite;
    -webkit-animation: fluffy5 15s ease infinite;
}

.anime-3-2 {
    animation: fluffy5 12s ease infinite;
    -webkit-animation: fluffy5 12s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateX(1000px) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateY(-2px) }
  25% { transform:translateX(0) }
  30% { transform:translateY(-2px) }
  50% { transform:translateX(2px) }
  100% { transform:translateX(0) }
}

@keyframes fluffy2 {
  0% { transform:translateX(-1000px) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(0) }
  25% { transform:translateX(0) }
  30% { transform:translateX(0) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}

@keyframes fluffy2-2 {
  0% { transform:translateX(-1000px) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(0) }
  25% { transform:translateY(5px) }
  30% { transform:translateX(0) }
  50% { transform:translateY(5px) }
  100% { transform:translateX(0) }
}

@keyframes fluffy3 {
0% { background-position: 0% 0%;}
100% { background-position: 0 0;}
}

@keyframes fluffy4 {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateX(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}

@keyframes fluffy5 {
  0% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-15px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-15px) }
  50% { transform:translateX(0) }
  100% { transform:translateX(0) }
}

@keyframes fluffy6 {
  0% { transform:translateX(1000px) }
  10% { transform:translateX(0) }
  20% { transform:translateX(50px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(0px) }
  100% { transform:translateX(15px) }
}

.bg-2 {
    background:rgba(255,255,255,1) url(../img/bg-2.png) no-repeat left bottom;
}


.bg-white {
    background:rgba(255,255,255,.15);
    padding:40px;
    margin-top:30px;
    margin-bottom:30px;
}

.flow-list {
    width:500px;
    margin:30px auto;
}

.flow-list li{
    list-style-type: decimal;
}


.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
}

.effect div {
  margin: auto;
  transition: .8s;
  transition-delay: .8s;
}

.contact a {
    color:#454545;
}
.contactform{
    margin:25px auto 10px;
    /*border-collapse: separate;*/
    /*border-spacing: 15px !important;*/
    width:100%;
    /*border-collapse: separate;*/

}


.contactform tr{

}

.contactform th{
    font-weight:normal;
    text-align:left;
    background-color:#7d7d7d;
    color:#fff;
    width:160px;
    padding-left:75px;
    padding-top:15px;
    padding-bottom:15px;
    vertical-align: middle;
    border-bottom:dotted 1px #ccc;
}

.bdb-no{
    border-bottom:none !important;
}

.contactform td{
    vertical-align: middle;
}


.contact-tel{
    border:2px solid #6f6f6f;
    color: #585859;
    width:603px;
    font-weight:700;
    font-size:27px;
    line-height:1.1em;
    margin-top:12px;
    padding:13px 0px 8px;
    text-align:left;
    padding-left:0px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-around;
}

.contact-tel span {
    font-size:12px;
    font-weight:bold;
    letter-spacing: 0.19m;
}

.contactform td{
   padding-left:25px;
}

.contactform td input{
   height:25px;
}

.contactform td textarea{
    margin-top:20px;
}

.required {
    padding-left:20px !important;
}


.required span {
    font-size:10px;
    padding:5px 10px;
    text-align:center;
    background:#e53935;
    margin-right:10px;
}

.confirmation input{
    margin-top:20px;
    height: 38px !important;
    width: 220px;
    font-size:14px;
    font-weight:700;
    background: #ff6e40;
    border: none;
    color: #fff;
    padding: 10px 20px;
    letter-spacing: 0.1em;
}

.confirmation input:hover{
    background: red;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

td.confirmation{
    padding-left:0px;
}

.bg-contact {
    background:rgba(255,255,255,1);
    width:85%;
    min-width:800px;
    padding:30px 40px 40px;
    margin:-48px auto 30px;
    box-shadow:3px 6px 18px -7px #ccc;
    border-radius: 8px;
}

.half-box{
    width:325px;
    float:left;
    padding-left:90px;
    color:#464646 !important;
}

.half-box a{
    color:#464646 !important;
}

.half-box:last-child{
    width:345px;
    float:right;
    font-weight:700;
    font-size:27px;
    line-height:1.1em;
    padding-right:30px;
    text-align:left;
    padding-left:0px;
}

.half-box span {
    font-size:12px;
    font-weight:bold;
    letter-spacing: 0.19m;
}

#products #slider {
    min-width:1000px;
}

#slider {
    min-width:1000px;
    z-index:1;
}

.production {
    width:450px;
    float:left;
    background:#fff;
    padding:5px 30px 20px 30px;
    box-shadow: 3px 6px 18px -7px #ccc;
    margin-top:30px;
}

.production p{
    font-size:13px;
    padding:10px 40px 10px 40px;
}

.production h4{
    letter-spacing: 0.16em;
    background:#ffeb3b;
    margin:-20px auto 5px;
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:6px 20px;
}

.fruits {
    width:480px;
    float:left;
    text-align:right;
}

.policy h4 {
    font-weight:700;
    font-size:18px;
    margin-top:40px;
    margin-bottom:5px;
}

.policy ul {
    margin-left:25px;
    margin-top:10px;
    line-height:1.8em;
    list-style-type: disc;
}

.mail-button a{
    width:260px;
    border:2px solid #3c3c3c;
    border-radius:4px;
    padding:20px 0px 20px 40px;
    font-weight:700;
    display:block;
    color:#3c3c3c;
    background:#fff url("../img/mail.png") no-repeat center left 4%;
    *-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    /*-webkit-animation: crossfade 5s linear 0s infinite alternate;
    animation: crossfade 5s linear 0s infinite alternate;*/
}

.mail-button a:hover{
    width:260px;
    border:2px solid #fff;
    border-radius:8px;
    padding:20px 0px 20px 40px;
    font-weight:700;
    display:block;
    background: url("../img/mail-w.png"),#FFB74D;
    /*background: url("../img/mail-w.png"),#0f0c29; /* Old browsers */
    /*background: url("../img/mail-w.png"),-moz-linear-gradient(left, #0f0c29 0%, #302b63 50%, #24243e 100%); /* FF3.6-15 */
    /*background: url("../img/mail-w.png"),-webkit-linear-gradient(left, #0f0c29 0%,#302b63 50%,#24243e 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: url("../img/mail-w.png"),linear-gradient(to right, #0f0c29 0%,#302b63 50%,#24243e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0c29', endColorstr='#24243e',GradientType=1 ); /* IE6-9 */
    color:#fff !important;
    background-repeat: no-repeat;
    background-position:4%;

}

@-webkit-keyframes crossfade {
    0% { opacity: 1; }
    100% { opacity: 0.5; }
}
@keyframes crossfade {
    0% { opacity: 1; }
    100% { opacity: 0.5; }
}

/* Animate Background Image */
@-webkit-keyframes aitf {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
/*
.fluffy {
  background: #000;
  width: 100px;
  height: 100px;
  margin: 100px;
  animation: fluffy1 3s ease infinite;
}
*/

.yellow {
    color:#FBC02D;
}

.orange {
    position:absolute;
    top:0;
    left:0;
    background:white;
    color:#FF5722;
}

a[href^="tel:"] {
        pointer-events: none;
}

a {
    color:#fff;
    text-decoration: none;
}

img {
    /*max-width:100%;*/
    vertical-align: bottom;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

strong{
    font-size:28px;
    font-weight:700;
}

.bold {
    font-weight:bold;
}

.tc {
    text-align:center;
}

.tl {
    text-align:left;
}

.tr {
    text-align:right;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.pl10 {
    padding-left:10px;
}

.pr10 {
    padding-right:10px;
}

.pl16 {
    padding-left:16px;
}

.pl40{
    padding-left:40px;
}

.pl140{
    padding-left:140px;
}

.pt10 {
    padding-top:10px;
}

.pt20 {
    padding-top:20px;
}


.pt40 {
    padding-top:40px;
}

.pt60 {
    padding-top:60px;
}

.pt120 {
    padding-top:120px;
}


.pb10 {
    padding-bottom:10px;
}

.pl20 {
    padding-left:20px;
}

.pt20 {
    padding-top:20px;
}

.pb20 {
    padding-bottom:20px;
}

.mt0 {
    margin-top:0px !important;
}

.mb0 {
    margin-bottom:0px !important;
}

.mt5 {
    margin-top:5px !important;
}
.mb5 {
    margin-bottom:5px !important;
}

.mt10 {
    margin-top:10px !important;
}

.mb10 {
    margin-bottom:10px !important;
}


.mt15 {
    margin-top:15px !important;
}
.mb15 {
    margin-bottom:15px !important;
}

.mt20 {
    margin-top:20px;
}

.mb20 {
    margin-bottom:20px;
}

.mt25 {
    margin-top:25px;
}

.mt30 {
    margin-top:30px;
}

.mb30 {
    margin-bottom:30px;
}

.mt40 {
    margin-top:40px;
}

.mb40 {
    margin-bottom:40px;
}

.mt50 {
    margin-top:50px;
}

.mb50 {
    margin-bottom:50px;
}

.mt60 {
    margin-top:60px;
}

.mt100 {
    margin-top:100px;
}

.mb100 {
    margin-bottom:100px;
}

#program section{
    margin-top:40px;
    padding-top:100px;
    background:url(../img/bg_1.png)top no-repeat;
}

article#program {
    padding-bottom:70px;
    border-bottom:1px solid #454545;
    box-shadow: 0px 5px 13px -2px #dddddd
}

.bg-arrow{
    background:url(../img/bg_2.png)center no-repeat;
    font-size:20px;
    font-weight:500;
    text-align:center;
    padding:30px 0px 70px;
    margin:0px 0 20px;
}

.fs12 {
    font-size:12px;
}

.fs13 {
    font-size:13px;
}

.fs14 {
    font-size:14px;
}

.fs16 {
    font-size:16px;
}

.fs20 {
    font-size:20px;
}

.lh-18 {
    line-height:1.8em;
}

.pbox{
    box-sizing:border-box;
    padding:10px;
    width:50%;
    float:left;
}

.pbox img{
    border:1px solid #59C700;
}

.society td {
    padding-right:10px;
    padding-top:5px;
}

footer {
    color:#fff;
    /*color:orangered;*/
    font-size:12px;
    background: #66BB6A;
    /*background: #FF5722;*/
    /*background: #FBC02D;*/
    /*background: #0f0c29; /* Old browsers */
    /*background: -moz-linear-gradient(left, #0f0c29 0%, #302b63 50%, #24243e 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, #0f0c29 0%,#302b63 50%,#24243e 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, #0f0c29 0%,#302b63 50%,#24243e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0c29', endColorstr='#24243e',GradientType=1 ); /* IE6-9 */
    /*background:#1A237E;*/
    /*background:#2f64b7;*/
    /*background:#001c58;*/
    /*background-image:url(../img/footer-ptn.png);*/
    /*background: #16A085;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #F4D03F, #16A085);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #F4D03F, #16A085); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: #EDE574;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #E1F5C4, #EDE574);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #E1F5C4, #EDE574); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: #1D976C;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #93F9B9, #1D976C 20%);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #93F9B9, #1D976C 20%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background: #DCE35B;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to left, #45B649, #DCE35B);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to left, #45B649, #4Cb65B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background: #F09819;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #EDDE5D, #F09819);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #EDDE5D, #F09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

/*background: #f83600;  /* fallback for old browsers */
/*ackground: -webkit-linear-gradient(to left, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to left, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    padding:18px 30px;
    /*min-width:1000px;*/
    /*width:100%;*/
    text-align:center;
    position:relative;
    z-index:99;
}

.go-top a{
    width:200px;
    background: #FBC02D;
    /*background: #29274C; /* Old browsers */
    /*background: -moz-linear-gradient(left, #29274F 0%, #24243E 80%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, #29274F 0%, #24243E 80%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, #29274F 0%, #24243E 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0c29', endColorstr='#24243e',GradientType=1 ); /* IE6-9 */
    /*background:#ff6e40;
    background:#45B649;
    background:#FFB900;
    /*background: #1D976C;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #93F9B9, #1D976C 50%);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #93F9B9, #1D976C 50%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    color:#fff;
    position:absolute;
    z-index: 100;
    top:-42px;
    right:5%;
    padding:10px 30px 10px;
    border-radius:20px 20px 0 0;
    display:block;
    font-size:13px;
    font-weight:bold;
}

.go-top img{
    vertical-align: middle;
    padding-right:5px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #7FDA00;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #7FDA00;
}

.top-left {
    width:400px;
    float:left;
}

.top-right {
    width:400px;
    float:right;
}

.foot-left {
    width:650px;
    float:left;
}


.foot-left .in-left {
    width: 280px;
    float: left;
}

.in-left ul:last-child {
    padding-left:20px;
}

.foot-right {
    width:310px;
    float:right;
}

#side {
    width:194px;
    float:left;
}




#target{
  background-color: crimson;
  width: 100%;
  height: 200px;
}

@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}

.bounce{
    animation: vertical 1s ease-in-out infinite alternate; 
}

.blue {
    height: 1px;
    border: none;
    background-color:#0063b1;
}

.news-left {
    width:170px;
    float:left;
}

.news-right {
    width:550px;
    float:left;
    font-size:13px;
}