/* new changes */
.txt-yellow{
	color: #FFB600;
}
.fundamental-section .ten-fundamental-title{
	display: flex;
	align-items: flex-start;
	font-family: 'bebas_neuebold';
}
.fundamental-section .ten-fundamental-title .ten-txt{
	font-size: 278px;
    color: #FFB600;
    line-height: 0.7333;
}
.fundamental-section .ten-fundamental-title h2{
	color: #231F20;
	font-size: 70px;
	line-height: 1;
	font-family: 'bebas_neuebold';
}
.fundamental-section .ten-fundamental-title h2 span{
	display: block;
	font-size: 52px;
}
.fundamental-section .ten-fundamental-title h2 span:first-child{

}
.fundamental-section .ten-fundamental-title h2 span.txt-yello{
	color: #FFB600;
	font-size: 40px;
}

.fundamental-section .sub-title{
	font-size: 23px;
    line-height: 1;
    padding: 5px 10px;
    background: #FFB600;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.fundamental-section .click-icon-below{
	font-size: 14px;
    background: #FFB600;
    padding: 5px 10px;
    font-weight: 400;
    margin-top: 20px;
}
.fundamental-section .click-icon-below span{
	font-weight: 600;
}

ul.ten-fundamental-list-wrap{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	counter-reset: item;
	margin: 30px 0 0;
}
ul.ten-fundamental-list-wrap li{
	position: relative;
	padding: 0px 0px 0px 35px;
	margin: 0 0 5px;
	width: 100%;
	max-width: 20%;
}
ul.ten-fundamental-list-wrap li:after{
	counter-increment: item;
    content: counter(item)"";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    font-weight: 600;
    background: #FFB600;
    color: #fff;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.ten-fundamental-list-wrap li .fundamental-box{
	text-align: left;
	display: inline-block;
	text-decoration: none;
}
ul.ten-fundamental-list-wrap li .fundamental-box p:empaty{
	display: none;
}

ul.ten-fundamental-list-wrap li .fundamental-box:hover{
	text-decoration: none;
}

ul.ten-fundamental-list-wrap li .fundamental-box p:empty{display: none;}

ul.ten-fundamental-list-wrap li .fundamental-box h3{
	font-size: 16px;
	border-bottom: 1px solid #FFB600;
	margin: 0 5px 16px;
	color: #000;
	display: inline-block;
}

ul.ten-fundamental-list-wrap li .fundamental-box .icon-box{ display: flex; }
ul.ten-fundamental-list-wrap li .fundamental-box .icon-box img{width: auto; height: 80px; }

.common-popup-stl{
	padding: 30px;
	padding: 30px;
	max-width: 700px;
	width: 100%;
	border: 2px solid #000;
}
.common-popup-stl .fancybox-button{
	width: 30px;
	height: 30px;
	padding: 0px;
}
.common-popup-stl p:empty{ display: none; }
.common-popup-stl .popup-wrap{
	display: flex;
	flex-wrap: wrap;
}
.common-popup-stl .popup-wrap .img-wrap{
	width: 140px;
}
.common-popup-stl .popup-wrap .ctn-wrap{
	width: calc(100% - 140px);
	padding-left: 15px;
}
.common-popup-stl .popup-wrap .title{
	border: 1px solid #FFB600;
	color: #000;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.common-popup-stl .popup-wrap .title .number{
	background: #FFB600;
	padding: 15px 23px;
	font-size: 30px;
	color: #fff;
	display: inline-block;
	font-weight: 700;
}
.common-popup-stl .popup-wrap .title > p{
	display: inline-block;
	margin-bottom: 0;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 700;
}
.common-popup-stl ul.bullet{
	padding: 0;
	margin: 0;
}
.common-popup-stl ul.bullet > li{
	position: relative;
	margin-bottom: 10px;
	list-style: none;
	padding-left: 15px;
	font-size: 16px;
}
.common-popup-stl ul.bullet > li:after{
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #000;
}

ul.common-link-stl,
ul.campaigns-links{list-style: none; margin-left: 0;}
ul.common-link-stl > li,
ul.campaigns-links > li{list-style: none;}
ul.common-link-stl > li > a,
ul.campaigns-links > li > a{font-weight: bold; color: #FFB600;}
ul.campaigns-links > li > a.inform{color: #223879;}
ul.campaigns-links > li > a.observe{color: #941B80;}
ul.campaigns-links > li > a.discuss{color: #35A8E0;}
ul.campaigns-links > li > a.implement{color: #008D36;}
ul.campaigns-links > li > a.evaluate{color: #FFB600;}


@media(max-width: 767px){
	ul.ten-fundamental-list-wrap li{ max-width: 33.33%; }
	.fundamental-section .ten-fundamental-title .ten-txt{
		font-size: 200px;
	}
	.fundamental-section .ten-fundamental-title h2{font-size: 50px;}
	.fundamental-section .ten-fundamental-title h2 span{ font-size: 30px; }
	.fundamental-section .ten-fundamental-title h2 span.txt-yello{font-size: 26px;}
}
@media(max-width: 575px){
	.common-popup-stl{ padding: 30px 20px; }
	ul.ten-fundamental-list-wrap li{ max-width: 100%; text-align: center; }
	ul.ten-fundamental-list-wrap li .fundamental-box{text-align: center;}
	ul.ten-fundamental-list-wrap li{ padding: 40px 0px 0px 0px; text-align: center; }
	ul.ten-fundamental-list-wrap li::after{
		right: 0; margin: 0 auto;
	}
	ul.ten-fundamental-list-wrap li .fundamental-box{
		margin: 0 auto;
	}
.fundamental-section .ten-fundamental-title .ten-txt{font-size: 130px}
	.fundamental-section .ten-fundamental-title h2{font-size: 38px;}
	.fundamental-section .ten-fundamental-title h2 span{ font-size: 21px; }
	.fundamental-section .ten-fundamental-title h2 span.txt-yello{font-size: 16px;}
	.common-popup-stl .popup-wrap .img-wrap{ margin: 0 auto 20px; }
	.common-popup-stl .popup-wrap .ctn-wrap{width: 100%;  padding-left: 0px;}
}

/* new changes */