.our-advantage-content {

}
	.our-advantage-text-block {
		padding: 50px 0;
	}
		.our-advantage-text-block-title {
			margin-bottom: 30px;
			/*padding-bottom: 10px;
			border-bottom: 1px solid #b0b0b0;*/
		}
			.our-advantage-text-block-title h2 {
				font-family: var(--font-noe);
				font-size: 48px;
				color: #333;
			    text-transform: none;
			    letter-spacing: 0;
			    line-height: 1em;
			}
			.our-advantage-text-block-title h5 {
				font-size: 15px;
				font-weight: 400;
			    color: #333;
			    text-transform: uppercase;
			    letter-spacing: 0.05em;
			    margin-top: 10px;
			}
		.our-advantage-text-block p {
			font-weight: 400;
			color: #4b4b4b;
			line-height: 2;
		}
	.graph-holder {
		background-color: #000000;
		font-size: 0;
	}
		.graph-holder img {
			width: 100%;
			height: auto;
		}
	.bar-graph-wrap {
		background: #050505;
		padding: 93px 0 133px;
		font-size: 0;
	}
		.bar-graph-text {
			margin-bottom: 28px;
		}
			.bar-graph-wrap div.head-title {
				font-family: var(--font-noe);
	    		font-size: 45px;
	    		color: #ffffff;
	    		line-height: 1;
	    		border-bottom: 1px solid #21bdbc;
	    		padding-bottom: 40px;
	    		margin-bottom: 52px;
			}
			.bar-graph-wrap ul {
				margin: 0 -14px 16px;
			}
				.bar-graph-wrap li {
					display: inline-block;
					font-size: 15px;
					color: #ffffff;
					line-height: 1;
					text-transform: uppercase;
					border-left: 1px solid #ffffff;
					padding: 0 14px;
				}
				.bar-graph-wrap li:first-child {
					border-left: 0;
				}
		.bar-graph-main {
			/*padding: 0 40px;*/
			max-width: 1600px;
			margin: auto;
		}
			.bar-graph-main-label {
				display: inline-block;
				vertical-align: top;
				/*width: 14.37%;*/
				width: calc( (100% - 1140px) / 2 );
				padding-left: 15px;
				padding-right: 28px;
			}
				.bar-graph-main-label div {
					display: none;
					font-size: 12px;
					font-weight: 400;
					color: #878787;
					line-height: 1.1;
					text-align: right;
					height: 30px;
					margin: 6px 0;
				}
				#bar-graph-03 .bar-graph-main-label div {
					margin: 11px 0;
				}
				.bar-graph-main-label div.bar-graph-spotlight {
					font-size: 13px;
					font-weight: 700;
					color: #ffffff;
				}
				.bar-graph-main-label div::before {
					content: '';
					display: inline-block;
					vertical-align: middle;
					width: 0;
					height: 100%;
				}
					.bar-graph-main-label div span {
						display: inline-block;
						vertical-align: middle;
					}
			.bar-graph-main-figure {
				display: inline-block;
				vertical-align: top;
				/*width: 71.25%;*/
				width: 1140px;
				position: relative;
			}
				.bar-graph-grid {
					position: absolute;
					width: 1px;
					height: calc( 100% - 12px );
					top: 6px;
					left: var(--position);
					background: #7e7e7e;
				}
				.bar-graph-grid::after {
					content: attr(data-percent);
					position: absolute;
					display: block;
					bottom: -30px;
					left: -12px;
					font-size: 13px;
					font-weight: 500;
					color: #878787;
					line-height: 1;
					width: 24px;
					text-align: center;
				}
				.bar-graph-line {
					height: 30px;
					margin: 6px 0;
					position: relative;
				}
	.pie-chart-holder {
		background-color: #000000;
		font-size: 0;
		display: flex;
		flex-direction: row;
	}
		.pie-chart-col {
			position: relative;
		}
		.pie-chart-colnth-child(1) {
			width: 25.15%;
		}
		.pie-chart-colnth-child(2) {
			width: 24.94%;
		}
		.pie-chart-colnth-child(3) {
			width: 25.36%;
		}
		.pie-chart-colnth-child(4) {
			width: 24.53%;
		}
		.pie-chart-col::before {
		    content: '';
		    display: block;
		    position: absolute;
		    width: 2px;
		    height: 30%;
		    background: #202020;
		    left: 0px;
		    top: 10.5%;
		    z-index: 2;
		}
		.pie-chart-col:first-child::before {
			display: none;
		}
			.pie-chart-col img {
				position: relative;
				width: 100%;
				height: auto;
			}
	.doughnut-graph-wrap {
		background: #050505;
		text-align: center;
		font-size: 0;
		padding: 108px 0 50px;
		min-height: 500px;
		overflow: hidden;
	}
		.doughnut-graph-wrap-inner {
			max-width: 1600px;
			margin: auto;
			display: flex;
			flex-direction: row;
		}
		.doughnut-graph-col {
			opacity: 0;
			vertical-align: top;
			width: 25%;
			margin-bottom: 20px;
		}
			.doughnut-graph-text {
				position: relative;
				padding: 0 14.25% 25px;
				margin-bottom: 15px;
			}
			.doughnut-graph-text::before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 1px;
				height: calc( 100% - 78px );
				position: absolute;
				top: 78px;
				left: 0;
				background: #363636;
			}
			.doughnut-graph-col:first-child .doughnut-graph-text::before {
				display: none;
			}
				.doughnut-graph-logo {
					height: 44px;
					display: flex;
					align-items: center;
					justify-content: center;
				}
					.doughnut-graph-logo img {
						margin: auto;
					}
					.doughnut-graph-logo i {
					    display: inline-block;
					    vertical-align: middle;
					    font-size: 40px;
					    color: #ffffff;
					}
					.doughnut-graph-logo i::before {
						color: #ffffff;
					}
					.doughnut-graph-logo i.ai-font-mc-text-instagram {
						margin-top: 10px;
						margin-left: 5px;
					}
				.doughnut-graph-text strong {
					display: block;
					font-family: var(--font-noe);
					font-size: 25px;
					font-style: italic;
					font-weight: 400;
					color: #ffffff;
					line-height: 1;
					letter-spacing: 0.05em;
					margin: 32px 0 36px;
				}
				.doughnut-graph-text p {
					font-size: 14px;
					font-weight: 300;
					color: #878787;
					line-height: 1.8;
				}
					.doughnut-graph-text p em {
						color: #ffffff;
					}
			.doughnut-graph-main {

			}
				.doughnut-graph-main-figure {

				}
.our-advantage-disclaimer p {
	font-size: 11px;
	letter-spacing: .1em;
	max-width: 1170px;
	margin: 0 auto;
	color: #616161;
	padding: 0 15px;
}
div#bar-graph-01 .our-advantage-disclaimer,
div#bar-graph-02 .our-advantage-disclaimer,
div#bar-graph-03 .our-advantage-disclaimer {
    margin-top: 80px;
}

@media only screen and (max-width: 1440px) {
	.bar-graph-main-label {
		padding-right: 15px;
	}
	.bar-graph-main-label div {
		font-size: 10px;
	}
	.bar-graph-main-label div.bar-graph-spotlight {
		font-size: 12px;
	}
}

@media only screen and (max-width: 1365px) {
	.bar-graph-main-label {
		width: calc( (100vw - 940px) / 2 );
	    padding-right: 5px;
	    padding-left: 5px;
	}
	.bar-graph-main-figure {
		width: 940px;
	}
	.doughnut-graph-text {
		min-height: 390px;
	}
}		

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.bar-graph-wrap li {
		padding: 0 12px;
	}
	.bar-graph-main-label {
		width: 14.37%;
	}
	.bar-graph-main-figure {
		width: 71.25%;
	}
	.doughnut-graph-text {
		min-height: 415px;
	}
	.doughnut-graph-main-figure {
		padding: 5px;				
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	.pie-chart-holder {
		display: block;
	}
		.pie-chart-col {
			width: 100% !important;
		}
		.pie-chart-col::before {
			display: none;
		}
			.pie-chart-col img {
				display: block;
				width: auto;
				max-width: 100%;
				margin: auto;
			}
			.pie-chart-col:nth-child(1) {
				left: -4%;
			}
			.pie-chart-col:nth-child(2) {
				left: -0.5%;
			}
			.pie-chart-col:nth-child(3) {
				left: -3%;
			}
			.pie-chart-col:nth-child(4) {
				left: -2%;
			}

	.bar-graph-wrap ul {
	    margin: 0 0 16px;
	    text-align: center;
	}
	.bar-graph-main-label {
		display: none;
	}
	.bar-graph-main-figure {
		display: block;
		width: 720px;
		margin: auto;
	}
	.bar-graph-grid {
		height: calc( 100% + 16px );
		top: -16px;
	}
	.bar-graph-line {
		margin: 22px 0;
		height: 20px;
	}
	.bar-graph-line::before {
	    content: attr(data-label);
	    display: block;
		font-size: 10px;
		font-weight: 500;
		color: #ffffff;
		line-height: 1;
		position: absolute;
		top: -16px;
	    /*width: 100%;*/
	    background: #050505;
	    color: #ffffff;
	    padding: 3px;
	}

	.doughnut-graph-wrap-inner {
		flex-direction: column;
	}
	.doughnut-graph-col {
		width: 100%;
		display: block !important;
	}
	.doughnut-graph-text::before {
		display: none;
	}
	.doughnut-graph-text {
		min-height: auto;
		max-width: 700px;
		margin: auto;
		padding: 0 15px 0;
	}
	.doughnut-graph-main-figure {
		max-width: 400px;
		margin: auto;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
	.bar-graph-main-figure {
		width: calc( 100% - 50px );
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
 
}
