/* common */
.sc-business {overflow: hidden;}
.sc-business.sub .sc-title {font-size:25px; font-weight: 400; color: #333; line-height: 1.53; text-align: center;}
.sc-business.sub .sc-title strong {font-weight: 700;}
.sc-business .sc-sub-title {position: relative; display: inline-block; font-size: 22px; font-weight: 300; color: #333;}
.sc-business .sc-sub-title span {font-weight: 700;}
.sc-business.sub .sc-desc {font-size: 14px; font-weight: 300; line-height: 1.7; color: #757d7e; text-align: center; margin-top: 8px;}
.sc-business.sub .sc-desc b {font-weight: 500; color: #000;}
.sc-business .tab-area {background: #fff;}
.sc-business .tab-area .content-inner {padding: 40px 0;}
.sc-business .tab-list {display: flex; justify-content: center; padding:  0 20px;}
.sc-business .tab-item {border-bottom: 2px solid #ddd; padding-bottom: 5px; text-align: center; font-size: 15px; font-weight: 500; color: #8a9293;
flex:1; }
.sc-business .tab-item button {display: block; width: 100%; }
.sc-business .tab-item + .tab-item {margin-left:15px;}
.sc-business .tab-item.active {color: #2f4820; border-bottom-color: #2f4820;}
.sc-business .section-content {display: none;}
.sc-business .section-content.visible {display: block;}

.yt {width: 100%; position: relative; height:0; padding-bottom: 56.25%;}
.yt iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* sc-business */
.sc-business .content-inner {padding: 50px 20px;}

/* production */
.sc-business .group-production > div:nth-child(2n) {background: #fff;}
.sc-business .group-production > div:nth-child(2n+1) {background: #f7f7f7;}
.sc-business .group-production .sc-sub-title {padding-left: 15px;}
.sc-business .group-production .sc-sub-title::before {content: ''; position: absolute; left: -0; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: #2f4820; vertical-align: 7px;}
.sc-business .group-production .logo-list {margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.sc-business .group-production .logo-item {position: relative; width: calc(50% - 5px); overflow: hidden; display: flex ;align-items: center ;justify-content: center;
background: #fff;}
.sc-business .group-production .logo-list .logo-item:nth-child(n+3) {margin-top: 10px;}

/* .sc-business .group-production .logo-item::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #2f4820; opacity: 0; transition: .3s;} */
/* .sc-business .group-production .logo-item:hover::before {opacity: 1;} */

.sc-business .group-production .caption-box .desc {margin-top: 20px; font-size: 18px; font-weight: 300; line-height: 1.78; color: #757d7e;}
.sc-business .group-production .caption-area .thumb-box {margin-top: 40px;}
.sc-business .group-production .caption-area .thumb-box:hover img {transform: scale(1.1);}

.sc-business .group-production .factory-list {margin-top: 30px; display: flex; flex-wrap: wrap; }
.sc-business .group-production .factory-item::after {content: '';display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%;}

.sc-business .group-production .factory-item {position: relative; width: calc(50% - 5px); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 300px;}
.sc-business .group-production .factory-item:nth-child(odd) {margin-right: 10px;}
.sc-business .group-production .factory-item > div {position: absolute; width: 100%; height: 100%; left: 0; top:0; display: flex; align-items: center;
justify-content: center; flex-direction: column; }
.sc-business .group-production .factory-list .factory-item:nth-child(n+3) {margin-top: 10px;}

.sc-business .group-production .factory-item::before {top: 1% ;right: -12px; border: 1px solid #ddd; display: none;}
.sc-business .group-production .factory-item::after {border: 2px solid #2f4820; z-index: 1;}
.sc-business .group-production .factory-item .ico-factory {width: 54px; height: 30px; margin-bottom: 15px; transition: .5s; background-size: contain;
background-position: center;}
.sc-business .group-production .factory-item:nth-child(1) .ico-factory {background-image: url("../img/busin_factory_icon1.png?v=230306");}
.sc-business .group-production .factory-item:nth-child(2) .ico-factory {background-image: url("../img/busin_factory_icon2.png?v=230306");}
.sc-business .group-production .factory-item:nth-child(3) .ico-factory {background-image: url("../img/busin_factory_icon3.png?v=230306");}
.sc-business .group-production .factory-item:nth-child(4) .ico-factory {background-image: url("../img/busin_factory_icon3.png?v=230306");}
.sc-business .group-production .factory-item .num {font-size: 12px; font-weight: 500; color: #2f4820;}
.sc-business .group-production .factory-item .num::before {content: ''; display: block; width: 20px; height: 2px; background: #2f4820; margin: 0 auto 5px;}
.sc-business .group-production .factory-item .title {font-size: 17px; font-weight: 700; color: #333; display: block; margin: 0 0 5px;}
.sc-business .group-production .factory-item .sub-title {font-size: 14px; font-weight: 300; color: #333;}

.sc-business .group-production .facility-list {margin-top: 30px;}
.sc-business .group-production .facility-item {display: flex; flex-wrap: wrap; align-items: center;}
.sc-business .group-production .facility-item:first-child {border-top: 1px solid #ddd;}
.sc-business .group-production .facility-item:last-child {border-bottom: 1px solid #ddd;}
/* .sc-business .group-production .facility-item:nth-child(2n) {flex-direction: row-reverse;} */
.sc-business .group-production .facility-item > div {width: 100%;}
.sc-business .facility-item .thumb-box:hover img {transform: scale(1.1);}


.sc-business .facility-item .info-box {display: flex; justify-content: space-between; padding:20px 0 40px;}


.sc-business .facility-item .title {font-size: 17px; font-weight: 700; color: #333;}
.sc-business .facility-item .desc {font-size: 14px; font-weight: 300; line-height: 1.7; color: #757d7e; }
.sc-business .facility-item .title::after {content: ''; display: block; width: 20px; height: 1px; background: #666; margin: 10px 0;}
.sc-business .facility-item .btn-view {position: relative; display: flex; justify-content: space-between; align-items: center; width: 160px; height: 41px; background: #15320c; padding: 0 15px; font-size: 14px; font-weight: 300; color: #fff; z-index: 1; margin-top: 90px;}
.sc-business .facility-item .btn-view::before {content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: #285919; z-index: -1; transition: .4s;}
.sc-business .facility-item .btn-view:hover::before {left: 0; width: 100%;}
.sc-business .facility-item .btn-view .ico-plus-small {width: 15px; height: 16px; background-image: url("../img/ico_plus_small.png");}
.sc-business .facility-item .num {font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 800; color: rgba(47, 72, 32, 0.1); position: relative; top: -10px;}

.gray_box { background:#f7f7f7; padding:30px 20px; margin:30px 0 0;  }
.gray_box br {display: none; }
.gray_box strong { font-size: 17px; font-weight: bold; }
.gray_box p { margin-top: 10px; font-size: 14px; font-weight: 300; line-height: 1.7; color: #333; }

/* .sc-business .group-production .certification-area .content-inner {padding-bottom: 180px;} */
.sc-business .group-production .certification-list {margin-top: 30px; display: flex; justify-content: space-between; flex-wrap:wrap;}
.sc-business .group-production .certification-item {position: relative; width: calc(50% - 5px);}
.sc-business .group-production .certification-item:nth-child(n+3) {margin-top:20px;}
.sc-business .certification-item .thumb-box {margin-bottom: 10px;}
.sc-business .certification-item .cbox {position: relative; display: block;}
.sc-business .certification-item .cbox::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #2f4820; transition: .3s; opacity: 0;}
.sc-business .certification-item .cbox:hover::before {opacity: 1;}
.sc-business .certification-item .title {font-size: 14px; font-weight: 300; color: #757d7e; position: relative; padding-left: 10px; display: block; }
.sc-business .certification-item .title::before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #2f4820;  position: absolute;
left: 0; top:8px;}

/* distribution */
.sc-business .group-distribution > div:nth-child(2n) {background: #f7f7f7;}
.sc-business .group-distribution > div:nth-child(2n+1) {background: #fff;}
.sc-business .group-distribution .intro-area .content-inner {padding-top: 0;}
.sc-business .group-distribution .intro-area br {display: none; }
.sc-business .group-distribution .intro-area .thumb-box:hover img {transform: scale(1.1);}
.sc-business .group-distribution .intro-area .info-box {background: #2f4820 url("../img/busin_distribution_intro_bg.png") no-repeat center/cover; text-align: center; padding: 30px 20px; width: 100%; margin: -0 auto; position: relative;}
.sc-business .group-distribution .intro-area .title {font-size:25px; font-weight: 400; color: #fff;}
.sc-business .group-distribution .intro-area .title em {font-weight: 700;}
.sc-business .group-distribution .intro-area .desc {font-size:14px; font-weight: 400; line-height: 1.7; color: rgba(255, 255, 255, 0.8); letter-spacing: -0.53px;
margin-top: 10px;}

/* shop */
.sc-business .shop-area {text-align: center;}
.sc-business .shop-area .thumb-box {background: #fff; margin-top: 20px;}
/* .sc-business .shop-area .thumb-box::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 3px solid #2f4820; opacity: 0; transition: .3s;}
.sc-business .shop-area .thumb-box:hover::before {opacity: 1;} */

/* solution */
.sc-business .group-solution > div:nth-child(2n) {background: #fff;}
.sc-business .group-solution > div:nth-child(2n+1) {background: #f7f7f7;}

.sc-business .solution-area {text-align: center; }
/* .sc-business .solution-area .content-inner {padding-top: 0;} */
.sc-business .solution-area .title-box { background: #494f3d; padding: 30px 20px; margin-bottom: 20px;}
.sc-business .solution-area .title-box .sc-sub-title {color: #fff;}
.sc-business .solution-area .solution-list {display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap;}
.sc-business .solution-area .solution-item {width: 50%;position: relative;}
.sc-business .solution-area .solution-item::before {content: ''; position: absolute; left: 0; top: 104px; width: 100%; height: 1px; background: #ddd;}
.sc-business .solution-item .ico-solution {width: 100%; height: 70px; background-position: center; margin-bottom: 20px; background-size: contain;}
.sc-business .solution-item:nth-child(n+3) {margin-top: 30px;}

.sc-business .solution-item:nth-child(1) .ico-solution {background-image: url("../img/busin_solution_icon1.png?v=221018");}
.sc-business .solution-item:nth-child(2) .ico-solution {background-image: url("../img/busin_solution_icon2.png?v=221018");}
.sc-business .solution-item:nth-child(3) .ico-solution {background-image: url("../img/busin_solution_icon3.png?v=221018");}
.sc-business .solution-item:nth-child(4) .ico-solution {background-image: url("../img/busin_solution_icon4.png?v=221018");}
.sc-business .solution-item .obj {position: relative; width: 30px; height: 30px; border-radius: 50%; background: rgba(198, 198, 198, .3); display: block; margin: 0 auto 15px; transition: .3s;}
.sc-business .solution-item .obj::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: #c6c6c6; transition: .3s;}
.sc-business .solution-item .en-title {font-size: 12px; font-weight: 400; color: #333;}
.sc-business .solution-item .title {font-size: 17px; font-weight: 700; color: #333; display: block; margin-top: 6px;}
.sc-business .solution-item.active .obj {background: rgba(47, 72, 32, .17);}
.sc-business .solution-item.active .obj::before {background: #2f4820;}

.sc-business .group-solution .system-area {text-align: center;}
.sc-business .system-area .title-box {border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.sc-business .system-content .thumb-box {margin-top: 20px;}
.sc-business .system-content .info-box {width:100%; position: relative; box-shadow: 0 0 9.8px 0.2px rgba(0, 0, 0, 0.17); background: #fff; border-radius: 10px; padding:30px 15px;
margin-top:30px; }
.sc-business .system-content .info-box::before {content: ''; position: absolute; left: 50%; top: -35px; transform: translateX(-50%); width: 77px; height: 69px; background: url("../img/ico_quotes_left.png") no-repeat center; display: none;}
.sc-business .system-content .info-box .num {display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 35px; font-weight: 700; color: #2f4820; position: absolute; left: 50%; top: -22px; transform: translateX(-50%);}
.sc-business .system-content .info-box .sc-desc {margin-top: 0;}
.sc-business .system-content .info-box .sc-desc em {font-size: 110%; font-weight: 500;}

.sc-business .sourcing-area .title-box {margin-bottom: 30px;}
.sc-business .sourcing-area .group-row + .group-row {border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px;}
.sc-business .sourcing-area .thumb-box-wrap {display: flex; justify-content: center;}
.sc-business .sourcing-area .thumb-box {overflow: hidden;}
.sc-business .sourcing-area .thumb-box:hover img {transform: scale(1.1);}
.sc-business .sourcing-area .thumb-box + .thumb-box {margin-left: 5px;}
.sc-business .sourcing-area .info-box {margin-top:20px;}

.sc-business .overseas-area .sc-desc {margin: 15px 0 30px; }
.sc-business .overseas-area:nth-child(1) {background: #fff;}
.sc-business .overseas-area:nth-child(2) {background: #f7f7f7;}
.sc-business .overseas-area .thumb-box:hover img {transform: scale(1.1);}