/* BASIC css start */
.sub-wrap-conts p {line-height: 1.6; }
.sub-wrap-conts * {word-break: keep-all;}
img {max-width: 100%}

.sub-wrap-conts .inner { padding: 0 20px;}
/* vis */
.section-vis {padding: 90px 0 80px; background: url('/design/solaris/sweet/PC_img/bg_vis-company.jpg')no-repeat center/ cover;
}

.sub_cont__tit {font-family: 'Montserrat', sans-serif; font-size: 35px; line-height: 1.5; font-weight: 700; letter-spacing: -1.05px; margin-bottom: 30px;}
.sub_cont__tit em { display: inline-block; content: '.'; color: #8cc63f;}
.sub_cont__tit small { display: block;}


/* company info */
.sub-cont-section.section-01 { background: url('/design/solaris/sweet/PC_img/bg_company-info.png')no-repeat bottom right/ 50% auto;}
.section-01-info {position: relative; padding-top: 40px; padding-bottom: 50px;}
/*.section-01-info:before { position: absolute; right: 55%; bottom: 0; content: ''; width: 45%; height: 300px; background-color: #8cc63f;}*/
.section-01-info figure { position: relative; text-align: right; margin-top: 30px; z-index: 1;}

/* company ceo */
.section-01-ceo {text-align: center; padding-bottom: 50px;}

/* project */
.section-02-project-vis {padding: 70px 0;background: url('/design/solaris/sweet/PC_img/bg_company-project.jpg')no-repeat center/ cover; }
.section-02-project-conts {padding-top: 40px; padding-bottom: 50px;}
/*.row-table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
.row-table .col-cell { width: 50%; padding: 0 10px;}*/
.section-02-project-conts .col-cell ul li {position: relative; font-size: 15px; padding-left: 15px; color: #333; line-height: 1.8; letter-spacing: -0.63px;}
.section-02-project-conts .col-cell ul li:before {content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #8cc63f; position: absolute; left: 0; top: 14px;}


/* history */
.sub-cont-section.section-03 {position: relative;}
/*.sub-cont-section.section-03:before { content:''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('/design/solaris/sweet/PC_img/bg_history-map.png')no-repeat left center/ auto;}
*/
.sub-cont-section.section-03 .inner {position: relative; z-index: 2;}
.section-03-history { padding: 50px 0 0; background-color: #f5f5f5;}

/*
.section-03-history .row-table .col-cell:first-child {width: 40%;}
.section-03-history .row-table .col-cell:last-child {width: 60%;}
*/

.history-wrap {}
.history-wrap > ul {}
.history-wrap > ul > li {}
.history-wrap dl {}
.history-wrap dl:after {content: ''; display: block; clear: both;}
.history-wrap dl dt { font-family: 'Montserrat', sans-serif; float: left; width: 70px; font-size: 22px; font-weight: 700;color: #559f4a; letter-spacing: -1.25px; padding-top: 6px; }
.history-wrap dl dd { position: relative; float: right; width: calc(100% - 70px); padding-left: 30px;padding-bottom: 50px; }
.history-wrap > ul > li:not(:last-child) dl dd:before { content: ''; position: absolute; left: 0; top: 15px; width: 2px; height: 100%; border-left: 2px dashed #ccc; }
.history-wrap dl dd:after { content: ''; position: absolute; left: -3.5px; top: 10.5px; width: 9px; height: 9px;border-radius: 50%; background-color: #fff; }
.history-wrap dl dd ul {}
.history-wrap dl dd ul li { font-size: 15px; line-height: 1.8; }
.history-wrap dl dd ul li:after {content: ''; display: block; clear: both;}
.history-wrap dl dd ul li b {display: inline-block; width: 30px; float: left;}
.history-wrap dl dd ul li span {display: inline-block; float: right; width: calc(100% - 30px); }

/* business */
.section-03-business { text-align: center; padding-top: 50px;}
.section-03-business-gallery-list ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin: 0 -7.5px;}
.section-03-business-gallery-list ul li {width: 33.333%; padding: 0 7.5px;}
.section-03-business-gallery-list ul li figure { position: relative; }
.section-03-business-gallery-list ul li figure .num {position: absolute; left: 20px; bottom: -10px; width: 37px; height: 37px; line-height: 37px; font-weight: 500; text-align: center; color: #fff; background-color: #8cc63f;}
.section-03-business-gallery-list ul li p {padding: 15px 0 25px; font-size: 15px;} 

/* Technical Reserves */
.sub-cont-section.section-04 {text-align: center; padding-top: 50px; padding-bottom: 20px;}

.section-04-tech-list ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -3.5px;}
.section-04-tech-list ul li {width: 50%; padding: 3.5px;}
.section-04-tech-list .item-box {min-height: 150px;}
.section-04-tech-list .item-box:not(._last) {position: relative; height: 100%; padding: 35px 50px; text-align:left; background-color: #f5f5f5;}
.section-04-tech-list .item-box:not(._last):before { position: absolute; bottom: 0; right: 0; content: ''; width: 0px;height: 0px; border-bottom: 30px solid #8cc63f; border-left: 30px solid transparent;border-right: 0 solid transparent; }
.section-04-tech-list .item-box p {font-size: 18px; letter-spacing: -0.63px;}
.section-04-tech-list .item-box._last {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center;  justify-content: center; text-align: center; background-color: #fff;}


@media screen and (max-width:767px) {
.fz_20 {font-size: 18px !important;}

}


@media screen and (max-width:650px) {
.sub_cont__tit { font-size: 25px; line-height: 1.1;}
.sub_cont__tit small {    margin-top: 10px;}
.section-03-business-gallery-list ul li figure img {width: 100%}
.section-03-business-gallery-list ul li {width: 100%;}
.section-04-tech-list .item-box {min-height: auto; height: 100%}
.section-04-tech-list .item-box:not(._last) { padding: 20px;}
.section-04-tech-list .item-box._last {padding:0 10px}
.section-04-tech-list .item-box p {font-size: 15px; }

}
/* BASIC css end */