/* title */
.sec-wrap .sec-title{ padding-right: 20px; }
.sec-wrap .sec-title h3{ line-height: 1.1; }
.sec-title h3{ font-size: calc(6.4rem + 2pt); }
.sec-wrap .sec-title h4{ font-weight: 700; }

@media screen and (max-width: 1600px){
	.sec-title h3{ font-size: calc(5rem + 2pt); }
}

@media screen and (max-width: 1280px){
	.sec-title h3{ font-size: calc(4rem + 2pt); }
}

@media screen and (max-width: 900px){
	.sec-title h3{ font-size: calc(3.5rem + 2pt); }
}


/* WHAT WE DO - value */
#greeting .value .circle-wrap ul{ max-width: 1560px; gap: 80px; }
#greeting .value .circle-wrap ul li{ width: calc((100% - 320px) / 5); padding-bottom: calc((100% - 320px) / 5); }
#greeting .value .circle-wrap ul li dl dt{ font-size: 1.9rem; }  

/* WHAT WE DO - strategy */
#greeting #strategy .circle .center .text{ padding: 0 10px; }
#greeting #strategy .circle .center p{ line-height: 1.35; }
#greeting #strategy .radius-btn{ width: 300px; }

@media screen and (max-width: 1620px){
	#greeting .value .circle-wrap ul{ gap: 60px; }
	#greeting .value .circle-wrap ul li{ width: calc((100% - 240px) / 5); padding-bottom: calc((100% - 240px) / 5); }
}

@media screen and (max-width: 1600px){
	/* WHAT WE DO - value */
	#greeting .value .circle-wrap ul li dl dt{ font-size: 1.8rem; }

	/* WHAT WE DO - strategy */
	#greeting #strategy .radius-btn{ width: 270px; }
}

@media screen and (max-width: 1470px){
	#greeting .value .circle-wrap ul{ gap: 40px; }
	#greeting .value .circle-wrap ul li{ width: calc((100% - 160px) / 5); padding-bottom: calc((100% - 160px) / 5); }
}

@media screen and (max-width: 1350px){
	#greeting .value .circle-wrap ul li{ width: calc((100% - 80px) / 3); padding-bottom: calc((100% - 80px) / 3); }
}

@media screen and (max-width: 1300px){
	/* WHAT WE DO - value */
	#greeting .value .circle-wrap ul li dl dt{ font-size: 1.7rem; }
}

@media screen and (max-width: 1280px){
	/* WHAT WE DO - strategy */
	#greeting #strategy .radius-btn{ width: 250px; }
}

@media screen and (max-width: 900px){
	/* WHAT WE DO - value */
	#greeting .value .circle-wrap ul li dl dt{ font-size: 1.6rem; }

	/* WHAT WE DO - strategy */
	#greeting #strategy .radius-btn{ width: 230px; }
}

@media screen and (max-width: 850px){
	#greeting .value .circle-wrap ul{ gap: 40px 30px; }
	#greeting .value .circle-wrap ul li{ width: calc((100% - 30px) / 2); padding-bottom: calc((100% - 30px) / 2); }
}

@media screen and (max-width: 600px){
	/* WHAT WE DO - strategy */
	#greeting #strategy .circle .grid-box{ grid-template-columns: 23vw 39vw 23vw; grid-template-rows: 23vw 39vw 23vw; }
	#greeting #strategy .circle .grid-box .grid{ width: 23vw; height: 23vw;  }
	#greeting #strategy .circle .center .grid{ width: 39vw; height: 39vw; }
}



/* CONTACT US */
/* location */
@media screen and (min-width: 1601px){
	#contactUs .location .text dl dd{ font-size: 1.8rem; }
}