@media only screen and (min-width: 1200px) {
	.circle_shape {
		width: 67%;
		display: table-cell;
		padding: 0 50px;
		vertical-align: top;
	}
}

@media only screen and (min-width: 768px) {
	.main_area {
		display: table;
		table-layout: fixed;
/*		width: 1300px; */
		width: 100%;
		margin: 0 auto;
	}
	
	.circle_shape {
		position: relative;
		margin-top: 50px;
		text-align: left;
	}
	.circle_shape .circle_logo {
		position: absolute;
		top: 163px; left: 50%;
		width:182px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.circle_shape ul {
		position: relative;
		height: 567px;
		background: url(../images/border_circle.png) center center no-repeat;
		top: 18px;
		/* background-size: 78%; */
	}
	.circle_shape ul li {
		display: block;
		position: absolute;
	}
	.circle_shape ul li .icon { padding: 0; }
	.circle_shape ul li p {
		display: block;
		position: absolute;
		top: 25px;
		min-width: 12em;
		margin: 0;
		line-height: 26px;
		padding: 0;
	}
	.circle_shape strong {
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: -0.08em;
	}
	.circle_shape .detail {
		font-size: 10px;
		font-size: 1rem;
	}
	
	.circle_shape ul li:nth-of-type(1) {
		text-align: center;
		left: 207px;
		top: 33px;
	}
	.circle_shape ul li:nth-of-type(2) {
		text-align: right;
		left: 73px;
		top: 84px;
	}
	.circle_shape ul li:nth-of-type(3) {
		text-align: right;
		left: 8px;
		top: 197px;
	}
	.circle_shape ul li:nth-of-type(4) {
		text-align: right;
		left: 25px;
		top: 345px;
	}
	.circle_shape ul li:nth-of-type(5) {
		text-align: right;
		left: 142px;
		top: 442px;
	}
	.circle_shape ul li:nth-of-type(6) {
		text-align: center;
		left: 301px;
		top: 442px;
	}
	.circle_shape ul li:nth-of-type(7) {
		text-align: left;
		left: 408px;
		top: 342px;
	}
	.circle_shape ul li:nth-of-type(8) {
		text-align: left;
		left: 420px;
		top: 204px;
	}
	.circle_shape ul li:nth-of-type(9) {
		text-align: left;
		left: 349px;
		top: 84px;
	}
	.circle_shape ul li:nth-of-type(10) {
		text-align: left;
		left: 346px;
		top: 85px;
	}
	.circle_shape ul li:nth-of-type(1) p {
		top: auto;
		bottom: 90px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.circle_shape ul li:nth-of-type(2) p { right: 87px; }
	.circle_shape ul li:nth-of-type(3) p { right: 90px; }
	.circle_shape ul li:nth-of-type(4) p { right: 89px; }
	.circle_shape ul li:nth-of-type(5) p { right: 81px; }
	.circle_shape ul li:nth-of-type(6) p {
    top: 29px;
    left: 139%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.circle_shape ul li:nth-of-type(7) p { left: 84px; }
	.circle_shape ul li:nth-of-type(8) p { left: 87px; }
	.circle_shape ul li:nth-of-type(9) p { left: 88px; }
	.circle_shape ul li:nth-of-type(10) p { left: 88px; }
	.circle_shape .icon img { width: 100%;	visibility:hidden; }
	.circle_shape p strong { visibility:hidden; }
	.circle_shape .circle_logo {
		text-align: center;
		margin: 46px 0 10px;
		border: 0;
		box-shadow: none;
	}
	.circle_shape .circle_logo:after { display: none; }
	.circle_shape .circle_logo img { visibility:hidden; }
	.circle_shape ul {
		width: 500px;
		margin: 0 auto;
		padding: 0;
	}
	.circle_shape .icon {
		width: 76px;
		padding: 10px 10px 10px 0;
		display: table-cell;
		vertical-align: middle;
	}
	.circle_shape li {
		display: table;
		table-layout: fixed;
	}
	.circle_shape strong {
		color: #fff;
		font-size: 16px;
		vertical-align: middle;
	}
	.circle_shape .detail {
		display: block;
		color: #9c9da5;
		line-height: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.main_area { width: 100%; }
	.topWrapFixed { top:0px; }
	.circle_shape {
		padding-top: 10px;
/*		margin-left: -22px; */
	}
	.circle_shape .circle_logo { display: none; }
	.circle_shape ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
	.circle_shape li {
		float: left;
		width: 33.33333%;
    margin: 0;
	}
	.circle_shape li a {
		text-align: center;
		display: block;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin: 10px;
	}
	.circle_shape li p {
    padding: 0px;
    margin: 0;
    line-height: 20px;
  }
	.vc_col-has-fill>.vc_column-inner { padding-top:10px !important; }
	.circle_shape li a img{
		width: 50px;
		text-align: center;
		margin: 0px auto;
		display: block;
		margin-top: 15px;
	}

	.circle_shape strong {
		color: #fff;
		font-size: 16px;
		font-size: 10px;
		/* text-align: center; */
	}
}