/* common */
.main-c1 .section-inner {border-width: 0 1px; border-style: solid; border-color: #ddd;}
.main-c1 .sc-title {position: relative; font-size: 45px; font-weight: 700; color: #525659;}
.main-c1 .sc-title::before, .main-c1 .sc-title::after {content: ''; height: 4px; background: #2f4820;}
.main-c1 .sc-title::before {display: block; width: 74px; margin: 0 0 10px;}
.main-c1 .sc-title::after {position: absolute; left: 0; top: 0; width: 37px;}

/* main-c1 */
.main-c1 {position: relative; background: #fff; overflow: hidden; background: url("../img/c1_bg_img.png") no-repeat center/cover;}
.main-c1 .group-title .section-inner {padding-top: 100px;}
.main-c1 .group-title .content-inner {display: flex; justify-content: space-between; align-items: center;}
.main-c1 .column-left {position: relative; margin-bottom: -100px; z-index: 2;}
.main-c1 .column-right {width: 50%;}
.main-c1 .sc-sub-title {display: block; margin-top: 80px; font-size: 25px; font-weight: 500; color: #525659;}
.main-c1 .title-area .desc {margin-top: 30px; font-size: 16px; font-weight: 300; line-height: 1.88; color: #8a9293;}
.main-c1 .view-btn {display: block; width: 200px; padding: 14px 0; text-align: center; font-size: 14px; font-weight: 300; color: #2f4820; border: 1px solid #2f4820; margin-top: 50px; transition: .2s;}
.main-c1 .view-btn .ico-plus {width: 13px; height: 14px; background-image: url("../img/ico_plus.png"); vertical-align: -1px; margin-left: 10px;}
.main-c1 .view-btn:hover {background: #2f4820; color: #fff;}
.main-c1 .view-btn:hover .ico-plus {background-image: url("../img/ico_plus_w.png");}
.main-c1 .aim-area {position: relative; z-index: 1;}
.main-c1 .aim-area::before {content: ''; position: absolute; right: 0; bottom: 0; /*width: calc(50% + 750px); min-width: 1700px;*/ width: 100%; height: 100%; background: #2f4820 url("../img/c1_green_bg.png?v=221018") no-repeat center/cover; z-index: -1;}
.main-c1 .aim-area .section-inner {display: flex; justify-content: flex-end; border-width: 0 0 0 1px; border-color: rgba(255, 255, 255, .2);}
.main-c1 .aim-box {text-align: center; border-right: 1px solid rgba(255, 255, 255, .2); padding: 50px 0; width: calc(890px / 3);}
.main-c1 .aim-box:nth-child(1) {border-left: 1px solid rgba(255, 255, 255, .2);}
.main-c1 .aim-box i[class^="ico-"] {position: relative; width: 89px; height: 89px; border-radius: 50%; background: rgba(255, 255, 255, .1); margin: 0 auto 22px;}
.main-c1 .aim-box i[class^="ico-"]::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 46px; height: 47px; background-repeat: no-repeat; background-position: center; transition: .5s;}
.main-c1 .aim-box:hover i[class^="ico-"]::before {transform: translate(-50%, -50%) rotateY(180deg);}
.main-c1 .aim-box .ico-share::before {background-image: url("../img/ico_share.png");}
.main-c1 .aim-box .ico-trends::before {background-image: url("../img/ico_trends.png");}
.main-c1 .aim-box .ico-serving::before {background-image: url("../img/ico_serving.png");}
.main-c1 .aim-box .ico-yummy::before {background-image: url("../img/ico_yummy.png");}
.main-c1 .aim-box .ico-healthy::before {background-image: url("../img/ico_healthy.png");}
.main-c1 .aim-box .ico-assit::before {background-image: url("../img/ico_assit.png");}
.main-c1 .aim-box .title {display: block; font-size: 18px; font-weight: 700; color: #fff;}
.main-c1 .aim-box .title::before {content: ''; display: block; width: 20px; height: 2px; background: #fff; margin: 0 auto 13px;}