@charset "UTF-8";
.bg_lightgreen-2{background-color: rgba(100, 174, 150, 0.1)!important;}
.bg-product{background-image: url(../../images/products/functional/formo_eco/bg-product-formo_eco.jpg);}
.bg-product-2{background-image: url(../../images/products/functional/formo_eco/bg-product-formo_eco_3.jpg);}
.bg-product-2 .container{padding-top: 42.15%;}
.bg-separate::before{background-color: #42B58F;}
.process-box{border-color:#42B58F; }
.eco-box-1{background: rgba(255, 255, 255, 0.6); width: 525px; height: 342px;padding-top: 147px; padding-left: 51px;position: absolute; left: 0; top: 0;}
.eco-box-2 > div{ width: 136px; height: 80px; margin: 0 auto; padding-top: 15px;}
.eco-box-2 figcaption{font-size: 24px;line-height: 35px;text-align: center;letter-spacing: 0.1em;color: #FFFFFF; padding-top: 15px;}
.icon-arrow::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2215%22%20height%3D%2220%22%20viewBox%3D%220%200%2015%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M15%2010L0.749999%2019.5263L0.75%200.47372L15%2010Z%22%20fill%3D%22%2342B58F%22%2F%3E%0A%3C%2Fsvg%3E")}
.icon-fishing-net{width: 73px; height: 73px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2273%22%20height%3D%2273%22%20viewBox%3D%220%200%2073%2073%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.43739%2036.5L0.714798%2034.7774C0.488217%2035.0034%200.30845%2035.2719%200.185793%2035.5675C0.0631365%2035.8631%200%2036.18%200%2036.5C0%2036.82%200.0631365%2037.1369%200.185793%2037.4325C0.30845%2037.7281%200.488217%2037.9966%200.714798%2038.2226L2.43739%2036.5ZM36.5%202.43739L38.2226%200.714798C37.9966%200.488217%2037.7281%200.30845%2037.4325%200.185793C37.1369%200.0631365%2036.82%200%2036.5%200C36.18%200%2035.8631%200.0631365%2035.5675%200.185793C35.2719%200.30845%2035.0034%200.488217%2034.7774%200.714798L36.5%202.43739ZM70.5626%2036.5L72.2852%2038.2226C72.5118%2037.9966%2072.6916%2037.7281%2072.8142%2037.4325C72.9369%2037.1369%2073%2036.82%2073%2036.5C73%2036.18%2072.9369%2035.8631%2072.8142%2035.5675C72.6916%2035.2719%2072.5118%2035.0034%2072.2852%2034.7774L70.5626%2036.5ZM36.5%2070.5626L34.7774%2072.2852C35.0034%2072.5118%2035.2719%2072.6916%2035.5675%2072.8142C35.8631%2072.9369%2036.18%2073%2036.5%2073C36.82%2073%2037.1369%2072.9369%2037.4325%2072.8142C37.7281%2072.6916%2037.9966%2072.5118%2038.2226%2072.2852L36.5%2070.5626ZM4.15999%2038.2226L38.2226%204.15999L34.7774%200.714798L0.714798%2034.7774L4.15999%2038.2226ZM34.7774%204.15999L68.84%2038.2226L72.2852%2034.7774L38.2226%200.714798L34.7774%204.15999ZM68.84%2034.7774L34.7774%2068.84L38.2226%2072.2852L72.2852%2038.2226L68.84%2034.7774ZM38.2226%2068.84L4.15999%2034.7774L0.714798%2038.2226L34.7774%2072.2852L38.2226%2068.84ZM20.9966%2019.2935L69.6575%2038.7579L71.4677%2034.2421L22.8068%2014.7778L20.9966%2019.2935ZM41.7554%208.41295L14.9919%2049.7747L19.0794%2052.4218L45.8429%2011.0601L41.7554%208.41295ZM10.2231%2028.2277L39.4197%2067.1563L43.3125%2064.2367L14.116%2025.308L10.2231%2028.2277ZM1.92159%2038.8795L57.8816%2051.0447L58.9132%2046.2857L2.9532%2034.1205L1.92159%2038.8795ZM13.2109%2048.4316L59.4387%2026.5343L57.356%2022.1353L11.1282%2044.0327L13.2109%2048.4316ZM48.6944%2016.6561L41.3953%2062.8839L46.203%2063.643L53.5021%2017.4152L48.6944%2016.6561Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");}
.icon-energy-saving-2{width: 149px; height: 109px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22149%22%20height%3D%22109%22%20viewBox%3D%220%200%20149%20109%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M119.833%2078.6281C117.896%2076.8709%20114.874%2076.9858%20112.838%2078.6281L97.6637%2090.7646C95.808%2092.2591%2093.4925%2093.0638%2091.0949%2093.0638H71.6677C70.2226%2093.0638%2069.0402%2091.8814%2069.0402%2090.4362C69.0402%2088.991%2070.2226%2087.8085%2071.6677%2087.8085H84.5261C87.1372%2087.8085%2089.5677%2086.0184%2089.9947%2083.44C90.5366%2080.1555%2088.0076%2077.2979%2084.8053%2077.2979H58.5302C54.0962%2077.2979%2049.8101%2078.8252%2046.3615%2081.6171L38.7253%2087.8085H29.6275C28.1824%2087.8085%2027%2088.991%2027%2090.4362V106.202C27%20107.647%2028.1824%20108.83%2029.6275%20108.83H88.2211C90.6023%20108.83%2092.9178%20108.025%2094.7899%20106.531L119.62%2086.6589C122.116%2084.6717%20122.313%2080.8616%20119.833%2078.6281Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%3Cpath%20d%3D%22M144%2074.8085C144%2036.3131%20112.979%205.10638%2074.7125%205.10638C36.4462%205.10638%205.42529%2036.3131%205.42529%2074.8085%22%20stroke%3D%22%23BDBDBD%22%20stroke-width%3D%229%22%2F%3E%0A%3Cpath%20d%3D%22M5.42529%2074.8085C5.42529%2036.3131%2036.4462%205.10638%2074.7125%205.10638C88.9958%205.10638%20102.27%209.4542%20113.298%2016.906%22%20stroke%3D%22%23023540%22%20stroke-width%3D%229%22%2F%3E%0A%3Cpath%20d%3D%22M72.0826%2071.4894C71.794%2071.489%2071.5077%2071.4385%2071.2364%2071.34C70.7131%2071.1484%2070.2692%2070.7866%2069.9759%2070.3127C69.6826%2069.8388%2069.5568%2069.2801%2069.6186%2068.7262L71.535%2051.0767H56.8755C56.4233%2051.0774%2055.9795%2050.9548%2055.5917%2050.7223C55.2039%2050.4897%2054.8868%2050.1558%2054.6745%2049.7566C54.4621%2049.3574%2054.3624%2048.9078%2054.3863%2048.4562C54.4101%2048.0046%2054.5565%2047.568%2054.8097%2047.1933L74.447%2017.819C74.7576%2017.3593%2075.2128%2017.0165%2075.7404%2016.8451C76.268%2016.6738%2076.8377%2016.6836%2077.359%2016.873C77.8603%2017.0591%2078.2882%2017.4017%2078.5796%2017.8501C78.871%2018.2984%2079.0103%2018.8287%2078.9768%2019.3624L77.0604%2037.1363H91.72C92.1721%2037.1356%2092.6159%2037.2582%2093.0037%2037.4907C93.3915%2037.7233%2093.7086%2038.0572%2093.921%2038.4564C94.1333%2038.8556%2094.233%2039.3052%2094.2091%2039.7568C94.1853%2040.2084%2094.0389%2040.645%2093.7857%2041.0197L74.1484%2070.394C73.9201%2070.7319%2073.6123%2071.0084%2073.2521%2071.1994C72.8919%2071.3904%2072.4903%2071.49%2072.0826%2071.4894Z%22%20fill%3D%22%23DBAB00%22%2F%3E%0A%3C%2Fsvg%3E");}
.icon-carbon-reduction{width: 149px; height: 109px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22149%22%20height%3D%22109%22%20viewBox%3D%220%200%20149%20109%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M119.833%2078.6281C117.896%2076.8709%20114.874%2076.9858%20112.838%2078.6281L97.6637%2090.7646C95.808%2092.2591%2093.4925%2093.0638%2091.0949%2093.0638H71.6677C70.2226%2093.0638%2069.0402%2091.8814%2069.0402%2090.4362C69.0402%2088.991%2070.2226%2087.8085%2071.6677%2087.8085H84.5261C87.1372%2087.8085%2089.5677%2086.0184%2089.9947%2083.44C90.5366%2080.1555%2088.0076%2077.2979%2084.8053%2077.2979H58.5302C54.0962%2077.2979%2049.8101%2078.8252%2046.3615%2081.6171L38.7253%2087.8085H29.6275C28.1824%2087.8085%2027%2088.991%2027%2090.4362V106.202C27%20107.647%2028.1824%20108.83%2029.6275%20108.83H88.2211C90.6023%20108.83%2092.9178%20108.025%2094.7899%20106.531L119.62%2086.6589C122.116%2084.6717%20122.313%2080.8616%20119.833%2078.6281Z%22%20fill%3D%22%23BDBDBD%22%2F%3E%0A%3Cpath%20d%3D%22M144%2074.8085C144%2036.3131%20112.979%205.10638%2074.7125%205.10638C36.4462%205.10638%205.42529%2036.3131%205.42529%2074.8085%22%20stroke%3D%22%23BDBDBD%22%20stroke-width%3D%229%22%2F%3E%0A%3Cpath%20d%3D%22M5.42529%2074.8085C5.42529%2036.3131%2036.4462%205.10638%2074.7125%205.10638C100.017%205.10638%20122.153%2018.7521%20134.246%2039.1277%22%20stroke%3D%22%23023540%22%20stroke-width%3D%229%22%2F%3E%0A%3Cpath%20d%3D%22M99.5063%2029.7321C95.0138%2026.2633%2088.0985%2024.1915%2081.0067%2024.1915C72.2373%2024.1915%2065.0909%2027.3111%2061.4034%2032.7511C59.6714%2035.3044%2058.7132%2038.3314%2058.5548%2041.742C58.4145%2044.7795%2058.9157%2048.1399%2060.0427%2051.7542C63.8912%2039.9957%2074.6419%2030.7905%2087.0364%2030.7905C87.0364%2030.7905%2075.4391%2033.8994%2068.1473%2043.5333C66.4835%2045.7179%2065.148%2048.1425%2064.1846%2050.7276C62.1252%2055.7248%2061.0658%2061.0907%2061.0685%2066.5106H66.262C66.262%2066.5106%2065.4726%2061.4569%2066.8437%2055.6464C68.8714%2055.9412%2070.9162%2056.0977%2072.9644%2056.1147C77.7399%2056.1147%2081.1339%2055.0617%2083.6502%2052.802C85.9042%2050.7779%2087.1481%2048.0552%2088.4647%2045.1764C90.4746%2040.7762%2092.752%2035.7913%2099.366%2031.9414C99.5526%2031.833%2099.7099%2031.6791%2099.8238%2031.4934C99.9376%2031.3078%20100.004%2031.0963%20100.018%2030.8779C100.032%2030.6594%2099.9928%2030.4409%2099.9034%2030.2419C99.814%2030.0428%2099.6776%2029.8695%2099.5063%2029.7374V29.7321Z%22%20fill%3D%22%2375B674%22%2F%3E%0A%3C%2Fsvg%3E");}
@media (max-width:1200px) {
	#process .d-flex > div:nth-child(5) .process-box{margin-right: 0;}
	.icon-arrow::before { right: -34px;}
}
@media (max-width:991px) {
	.icon-arrow::before { right: -53px;}
	.formo-eco-style-02{display: flex; align-items: center;}
	.eco-box-1 { width: auto; height: auto; padding-top: 35px; padding-left: 20px; padding-right: 20px; padding-bottom: 70px; left: 5%;}
}
@media (max-width:767px) {
	#process .d-flex{max-width: 445px; margin: 0 auto;}
	.formo-eco-style-02 > span{min-width: 188px;}
	.bg-product-2 {background-image: url(../../images/products/functional/formo_eco/bg-product-formo_eco_3-sm.jpg);}
	.bg-product-2 .container { padding-top: 100%;}
}
@media (max-width:576px) {
	.formo-eco-style-02 > span{min-width: 160px;}
}
@media (max-width:480px) {
	.icon-arrow::before {right: -31px;}
	#process .d-flex { max-width: 370px;}
	.formo-eco-style-03{font-size: 12px;}
}
@media (max-width:400px) {
	.formo-eco-style-01{text-align: center;}
	.process-box { width: 110px; height: 110px; font-size: 18px; line-height: 26px;}
	#process .d-flex {max-width: 296px;}
	.icon-arrow::before { top: 45px;}
	.icon-energy-saving-2,.icon-carbon-reduction { width: 120px; height: 88px; background-size: contain;}
}
@media (max-width:380px) {
	.eco-box-2 > div {width: 106px;height: 66px;}
}