.step-list{display:flex;flex-wrap:wrap;text-align:center}@media all and (-ms-high-contrast: none){.step-list{width:100%}}.step-list li{padding:15px 30px}@media only screen and (max-width: 767px){.step-list li{padding:12px}}.step-list li h3 img{width:auto;height:60px}@media only screen and (max-width: 767px){.step-list li h3 img{width:auto;height:30px}}.step-list li figure{margin-top:15px}.step-list li figure img{height:120px}@media only screen and (max-width: 1024px){.step-list li figure img{height:90px}}@media only screen and (max-width: 767px){.step-list li figure{margin-top:9px}.step-list li figure img{height:60px}}.step-list li .link{margin-top:15px}.step-list li .link a{margin:0 3px;background:#fff;font-weight:700;font-size:15px;letter-spacing:1px;line-height:1.5;padding:6px 24px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px}.step-list li .link a.grower{color:#79b11e}.step-list li .link a.brewer{color:#339ecc}.step-list li .link a.server{color:#822cc2}.step-list li .link a.drinker{color:#e45f0c}.step-list li .link a:hover{opacity:.6}@media only screen and (max-width: 767px){.step-list li .link{margin-top:9px}.step-list li .link a{font-size:12px;padding:4px 15px 6px}}@media only screen and (max-width: 374px){.step-list li .link a{font-size:11px;padding:4px 15px 4px}}.step-list li.grow{flex-basis:33.33%;max-width:33.33%;background:#46971e;background:-moz-linear-gradient(left, #46971e 0%, #79b11e 100%);background:-webkit-linear-gradient(left, #46971e 0%, #79b11e 100%);background:linear-gradient(to right, #46971e 0%,#79b11e 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#46971e', endColorstr='#79b11e',GradientType=1 )}@media only screen and (max-width: 1024px){.step-list li.grow{flex-basis:50%;max-width:100%}}.step-list li.brew{flex-basis:33.33%;max-width:33.33%;background:#1a89e4;background:-moz-linear-gradient(left, #1a89e4 0%, #339ecc 100%);background:-webkit-linear-gradient(left, #1a89e4 0%, #339ecc 100%);background:linear-gradient(to right, #1a89e4 0%,#339ecc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a89e4', endColorstr='#339ecc',GradientType=1 )}@media only screen and (max-width: 1024px){.step-list li.brew{flex-basis:50%;max-width:100%}}.step-list li.serve-drink{flex-basis:33.33%;max-width:33.33%;background:#c64300;background:-moz-linear-gradient(left, #c64300 0%, #e45f0c 100%);background:-webkit-linear-gradient(left, #c64300 0%, #e45f0c 100%);background:linear-gradient(to right, #c64300 0%,#e45f0c 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64300', endColorstr='#e45f0c',GradientType=1 )}@media only screen and (max-width: 1024px){.step-list li.serve-drink{flex-basis:100%;max-width:100%}}#message-to-brewery{padding:30px 0;background:#F4F3EC}#message-to-brewery .cnt{max-width:750px}#message-to-brewery h2{text-align:center}#message-to-brewery h2 img{max-width:300px}#message-to-brewery p{margin-top:1em;line-height:1.75;text-align:center}#message-to-brewery .btns{margin-top:24px;text-align:center}#message-to-brewery .btns .link-btn{margin:0 6px}#message-to-brewery .btns .link-btn.read{background:#00b5ea}#message-to-brewery .btns .link-btn.read:before{content:'\f518'}#message-to-brewery .btns .link-btn.write{background:#f36}#message-to-brewery .btns .link-btn.write:before{content:'\f303'}