table{
	border-left: 1px solid #267261;
	border-right: 1px solid #267261;
	border-bottom: 2px solid #267261;
	border-top: 1px solid #267261;
	margin: 1%;
	background-color: #FFF;
	text-align:left;

}
td{
	padding: 10px;
	text-align:left;

}
th{
	background-color: #267261;
	background-image: url(../../images/th_bg.png);
	color: #FFFFFF;	padding:10px;
	text-align: center;
}
table strong{
	color: #1A6777;
}

h3{
color: #245896;
}

h4{
	color:#245896;
}
h5{
	color: #22A780;
	font-size: 20px;
}
.rep .card-header{
	padding:0px;
}

.rep .card-body{
padding: 0px;
}
.rep .btn{
	padding: 1%;
	margin: 1%;
}


.ask-ul span{
	float:right;
}

.carousel-inner ul{

	text-align: center;
	margin: 0 auto;
}
.carousel-inner li{
	display: inline;
	text-align: center;
	margin: 0 auto;
	padding: 0 0.5%;

}

.carousel-inner li img{transform:scale(1,1);transition: all 1s ease-out;}
.carousel-inner li img:hover{transform:scale(1.2,1.2);}


.carousel-indicators{
	    bottom: -44px;
}
.carousel-indicators .active{
	background-color:#5fa684;
}
.carousel-control-prev-icon,.carousel-control-next-icon{

	height: 37px;
	width: 27px;

}
.csrbg{
	background-color: #d5e6c1;
}
.datebg{
	background-color: #f6fee4;
}
.tdbg{
	background-color: #FDFAEF;
}
.tdbg2{

		background-color: #ffe2d0;

}
#ana:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../../images/ana_ide_bg.jpg);

	}

#newpro:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../../images/ov_ide_bg.jpg);
	}

#newpro H1{
		font-size: 28px;color: #FFF;
	text-align: center;
}
#newpro H3{
		font-size: 28px;color: #FFF;
	text-align: center;
}
#newpro p{
	color: #FFF;

}
#newpro table,#newpro td{
	color: #FFF;
	border: 1px solid #FFFFFF;
	text-align: left;
}
#newpro ul{
	width: 100%;
	margin: 0 auto;
	float: left;font-size:22px;
}

#newpro li{
	margin: 0 auto;
	color: #FFF;	width: 100%;
	text-align: center;
	list-style: none;
	line-height: 36px;
}
#eco1,#eco1-1,#eco2,#eco3,#eco4,#eco5,#eco6,#eco7,#eco8{
	    width: 90%;
    height: 400px;

}
#env1,#env2,#env3,#env4,#env5,#env6,#env7,#env8,#env9,#env10,#env11,#env12,#env13{
	    width: 90%;
    height: 400px;

}
#soc1,#soc2,#soc3,#soc4,#soc5,#soc6,#soc7,#soc8,#soc9,#soc10,#soc11{
	    width: 90%;
    height: 400px;

}
.num_1{
	color: #943a3a;
	text-align: center;

}
.num_2{
	color: #487e2a;
	text-align: center;

}
.num_3{
	color: #6146d7;
	text-align: center;

}
.ana table{
	font-size: 16px;



}

.ana td{
	text-align: left;



}

.ana_sort{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
    margin: 6px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}
.ana1{
	background-color: #17438F;
}
.ana2{
	background-color: #3a753a;
}
.ana3{
	background-color: #d56412;
}

.sdgs ul{
	list-style: none;
	padding-left: 0;
}
.sdgs ul li.icon1,.sdgs ul li.icon2{
	position: relative;
	padding-left: 25px;
}
.sdgs ul li.icon1::before,.sdgs ul li.icon2::before{
	content: "";
	font-size: 1rem;
	position: absolute;
	left: 0;
}
.sdgs ul li.icon1::before{
	content: "○";
}
.sdgs ul li.icon2::before{
	content: "◇";
}

.ana-icon ul{
	list-style-type: square;
	padding-left: 15px;
}


.web-service-block{
	border: 1px solid #40a2cb;
}
.ov_ide i,.web-service-block i, .web-service-block h3 {
    color:#40a2cb;
}
.ov_ide i, .ov_ide .web-service-block i{
	font-size: 1rem;
	display: inline-block;
	margin-bottom: 0;
}

.ov_ide i.red, .ov_ide .web-service-block i.red{
	color: #cb4040;
}
.web-service-block p{
    color: #000;
}
.web-service-block ul{
	text-align: center;
	list-style: none;
	padding-left: 0;
}
.web-service-block li{
text-align: center;
}
.bg-img {
    background-image: url(../../images/all_bg_cg.png);
}
.test-author-info h4{
    color: #515151;
}
.test-author-info h6{
	font-size: 24px;
    color: #5090BD;
}

.test-author-info h6.txt-g{
	color: #22A780;
}
.sus_bg{
	position: relative;
	background: url(../../images/sus_bg.png) no-repeat fixed;
}

.sus_con_area .test-inner{
    min-height: 225px;
}

.sus_con_area.sus_bg .test-inner{
	background: rgba(255,255,255,.9);
    min-height: 300px;
}

.sus_con_area h4{
	position: relative;
	padding-left: 40px;
}
.sus_con_area h6{
	padding-left: 40px;
	margin-bottom: 0;
}


.sus_con_area h4::before{
	content: "\e641";
	font-family: 'themify';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	top: 4px;
}

.ov_ope h5{
	font-size: 1.375rem;
}
.ide_box{
	border: 1px solid rgba(255,255,255,.8);
	background: rgba(255,255,255,.8);
	border-radius: 40px 40px 15px 15px;
	overflow: hidden;
}
.ide_box .ide_header{
	padding: 1rem;
	padding-left: 120px;
	background-size: contain;
	border-radius: 40px 0 40px 40px;
}
.c{
	background: url(../../images/ide_hea_bgC.png) left no-repeat,#eba30c;
}
.h{
	background: url(../../images/ide_hea_bgH.png) left no-repeat,#e97000;
}
.s{
	background: url(../../images/ide_hea_bgS.png) left no-repeat,#27b2bd;
}

.ide_box .ide_header h4{
	color: #fff;
}
.ide_box .ide_header h4 span{
	font-size: 1rem;
}
.ide_box .ide_con{
	padding: 1rem;
}
#newpro .ide_box .ide_con p{
	color: #4E4E4E;
}
.ide_box .ide_txt{
	padding-bottom: .5rem;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}
.ide_box .ide_con img{
	margin: .25rem;
}
.ana_circle{
	position: relative;
	text-align: center;
	font-size: 1.125rem;
}
@media screen and (max-width: 912px) {
	.ana_circle{
		margin-bottom: 65px;
	}
}
.ana_circle::before{
	content: "";
	border-radius: 40px;
	border: 5px double #22A780;
	width: 250px;
	height: 170px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	opacity: .25;
}
.ana_circle.last::before{
	height: 250px;
}
.ana_circle span{
	font-size: 1.5rem;
	color: #22A780;
	font-weight: bold;
}
.memo{
	font-size: 16px;
}
.memo{
	font-size: 16px;
	position: relative;
	padding-left: 55px;
	display: block;
	margin: 0 1%;
}
.memo.note::before{
	content: "Note： ";
	position: absolute;
	left: 0;
}
.memo.note1::before{
	content: "Note1： ";
	position: absolute;
	left: 0;
}
.memo.note2::before{
	content: "Note2： ";
	position: absolute;
	left: 0;
}
.target.note{
	display:inline-block;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}


.ana table ul li{
	position: relative;
	list-style: none;
	padding-left: 10px;
}
.ana table ul li::before{
	content: "";
	width: 6px;
	height: 6px;
	background: #267261;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 11px;
}
.ana table ul li::after{
	content: "";
	width: 12px;
	height: 12px;
	border: 1px solid #267261;
	border-radius: 50%;
	position: absolute;
	left: -13px;
	top: 8px;
}


.tab-content table tr td ul{
	padding-left: 1rem;
}
.tab-content table tr td ul li{
	position: relative;
	list-style: none;
	padding-left: 10px;
}
.tab-content table tr td ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #22A780;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 11px;
}
.tab-content table tr td ul li::after {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #22A780;
    border-radius: 50%;
    position: absolute;
    left: -13px;
    top: 8px;
}

.txt_E .h_per p span {
    color: #5fba7d;
}

.txt_S .h_per p span {
    color: #ac625b;
}

.txt_G .h_per p span {
    color: #3f7fb4;
}

#abo_sta1{
    width: 90%;
    height: 400px;
    margin: 2%;
}
#abo{
	position: relative;
	background: url(../../images/abo_bg.jpg) center no-repeat;
	background-size: cover;
}
#abo:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
#abo p{
	color: #fff;
}
.abo_img_box{
    border: 15px solid#fff;
    -webkit-box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
}
.abo_pro_txt ul{
	list-style: none;
	padding-left: 0.5rem;
}
.abo_pro_txt ul li{
	position: relative;
	padding-left: 2rem;
	margin-bottom: .5rem;
}
.abo_pro_txt ul li::before{
	content: "\e69a";
	font-family: themify;
	color: #22A780;
	position: absolute;
	left: 0.5rem;
	top: 0;
}

.btn-circled{
	margin: .5rem;
}

.aboutWrap{
	background: #dde9f5;
}