@charset "UTF-8";

/*================
当社で磨かれるスキルと可能性
================*/
#SKILLSIDX .mv-wrap-01 {
	background: url(/recruit/imgs/skills/skills_mv.jpg) no-repeat center/cover;
}
#SKILLSIDX .section + .section{
	margin-top: 150px;
}
#SKILLSIDX .section .cnt-bg-01 .ttl-02{
	background: none;
	padding: 0;
	text-align: center;
}
#SKILLSIDX .section .cnt-bg-01 {
	padding-top: 60px;
	margin-bottom: 80px;
}
#SKILLSIDX .section .cnt-bg-01 .ttl-02 span.num{
	display: block;
	margin-bottom: 10px;
}
#SKILLSIDX .section .cnt-bg-01 .ttl-02 span.em{
	font-size: 1.5em;
}
#SKILLSIDX .section .comment-cnt{
	background: url(/recruit/imgs/skills/skills_sec01_img01.jpg) no-repeat center/cover;
	height: 600px;
	margin-bottom: 120px;
}
#SKILLSIDX .section .comment-cnt .comment-bg{
	background: #00000080;
	width: 800px;
	height: 100%;
	box-sizing: border-box;
	padding: 110px 40px;
}
#SKILLSIDX .section .comment-cnt .comment{
	position: relative;
	color: #fff;
	box-sizing: border-box;
	padding: 40px 40px 30px 40px;
}
#SKILLSIDX .section .comment-cnt .comment::before,
#SKILLSIDX .section .comment-cnt .comment::after{
	position: absolute;
	box-sizing: border-box;
	width: 80px;
	height: 80px;
	content: "";
}
#SKILLSIDX .section .comment-cnt .comment::before{
	top: 0;
	left: 0;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
}
#SKILLSIDX .section .comment-cnt .comment::after {
	bottom: 0;
	right: 0;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
}
#SKILLSIDX .section .comment-cnt .comment .ttl-02{
	background: none;
	padding: 0;
}
#SKILLSIDX .section .comment-cnt .comment .txt-06{
	margin-top: 15px;
}
#SKILLSIDX .section .comment-cnt .btn-01{
	margin-top: 60px;
	text-align: center;
}
#SKILLSIDX .section .skill-wheel-cnt{
	margin-bottom: 80px;
}
#SKILLSIDX .section .skill-wheel-cnt > .ttl-02{
	margin-bottom: 40px;
	padding: 0;
	background: none;
	text-align: center;
	margin-inline: auto;
}
#SKILLSIDX .section .skill-wheel-cnt>.txt-07{
	margin-bottom: 40px;
	max-width: 750px;
	margin-inline: auto;
}
#SKILLSIDX .section .skill-wheel{
	position: relative;
}
#SKILLSIDX .section .skill-wheel .circle .icon{
	display: block;
	width: 50px;
}
#SKILLSIDX .section .skill-wheel .circle{
	color: #fff;
	text-align: center;
	background: #2969FF;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: absolute;
	box-sizing: border-box;
}
#SKILLSIDX .section .skill-wheel .bubble{
	position: absolute;
	background: #2969FF;
	clip-path: polygon(100% 0%, 100% 100%, 30px 100%, 0% 50%, 30px 0%);
	box-sizing: border-box;
	padding: 20px 20px 20px 50px;
}
#SKILLSIDX .section .skill-wheel .bubble::after {
	content: "";
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	clip-path: polygon(100% 0%, 100% 100%, 29.5px 100%, 0% 50%, 29.5px 0%);
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: -1;
}
#SKILLSIDX .section .skill-wheel .bubble.pc-left {
	clip-path: polygon(calc(100% - 30px) 0%, 100% 50%, calc(100% - 30px) 100%, 0% 100%, 0% 0%);
	padding-left: 0;
	padding: 20px 50px 20px 20px;
}
#SKILLSIDX .section .skill-wheel .bubble.pc-left::after {
	clip-path: polygon(calc(100% - 29.5px) 0%, 100% 50%, calc(100% - 29.5px) 100%, 0% 100%, 0% 0%);
	top: 1px;
	left: 1px;
	z-index: -1;
}

#SKILLSIDX .section .check-cnt{
	margin-bottom: 80px;
}
#SKILLSIDX .section .check-cnt .ttl-02{
	padding: 0;
	background: none;
	margin-inline: auto;
}
#SKILLSIDX .section .check-cnt .check-list{
	box-sizing: border-box;
	background: #F5FBFF;
	border-radius: 5px;
	margin-top: 40px;
	padding-block: 60px;
}
#SKILLSIDX .section .check-cnt .check-list ul{
	max-width: 800px;
	margin-inline: auto;
}
#SKILLSIDX .section .check-cnt .check-list li{
	display: flex;
	gap: 20px;
}
#SKILLSIDX .section .check-cnt .check-list li+li {
	margin-top: 40px;
}
#SKILLSIDX .section .check-cnt .check-list .list-icon {
	width: 30px;
	padding-top: 3px;
}
#SKILLSIDX .section .check-cnt .check-list .list-txt {
	flex: 1;
	font-weight: normal;
}
#SKILLSIDX .section .check-cnt .check-list .list-txt span {
	font-weight: bold;
	color: #105CED;
}


/* セクション個別 */
#SKILLSIDX .section-01 .comment-cnt {
	background: url(/recruit/imgs/skills/skills_sec01_img01.jpg) no-repeat center/cover;
}
#SKILLSIDX .section-01 .cnt-bg-01 {
	background: #2969FF;
}
#SKILLSIDX .section-01 .skill-wheel{
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDMiIGhlaWdodD0iNDA0IiB2aWV3Qm94PSIwIDAgNDAzIDQwNCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00MDMgMTU0LjMxNEwzMjYuMDM0IDQwNEg3Ni45NjY1TDAgMTU0LjMxNEwyMDEuNSAwTDQwMyAxNTQuMzE0Wk0xLjA5NDA5IDE1NC42ODlMNzcuNjQyMiA0MDMuMDE4SDMyNS4zNThMNDAxLjkwNSAxNTQuNjg5TDIwMS41IDEuMjEyNjhMMS4wOTQwOSAxNTQuNjg5WiIgZmlsbD0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 104px;
	height: 580px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-01 .circle {
	background: #1587CB;
	top: 40px;
	left: 523px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-01 .bubble {
	width: 295px;
	background: #1587CB;
	color: #1587CB;
	top: 68px;
	left: 683px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-02 .circle {
	background: #0A95B0;
	top: 190px;
	left: 333px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-02 .bubble {
	width: 295px;
	background: #0A95B0;
	color: #0A95B0;
	top: 218px;
	left: 28px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-03 .circle {
	background: #00A496;
	top: 390px;
	left: 383px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-03 .bubble {
	width: 295px;
	background: #00A496;
	color: #00A496;
	top: 418px;
	left: 78px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-04 .circle {
	background: #2969FF;
	top: 390px;
	left: 652px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-04 .bubble {
	width: 295px;
	background: #1F78E5;
	color: #2969FF;
	top: 427px;
	left: 812px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-05 .circle {
	background: #1F78E5;
	top: 190px;
	left: 713px;
}
#SKILLSIDX .section-01 .skill-wheel .skill-05 .bubble {
	width: 295px;
	background: #1F78E5;
	color: #1F78E5;
	top: 218px;
	left: 873px;
}

#SKILLSIDX .section-02 .comment-cnt {
	background: url(/recruit/imgs/skills/skills_sec02_img01.jpg) no-repeat center/cover;
}
#SKILLSIDX .section-02 .cnt-bg-01 {
	background: #1587CB;
}
#SKILLSIDX .section-02 .skill-wheel {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMzc0IiB2aWV3Qm94PSIwIDAgNDMyIDM3NCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00MzIgMzc0SDBMMjE2IDBMNDMyIDM3NFpNMS43MzUzMSAzNzIuOTk5SDQzMC4yNjVMMjE2IDIuMDAyNjhMMS43MzUzMSAzNzIuOTk5WiIgZmlsbD0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 104px;
	height: 580px;
}
#SKILLSIDX .section-02 .skill-wheel .circle{
	width: 200px;
	height: 200px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-01 .circle {
	background: #1587CB;
	top: 40px;
	left: 500px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-01 .bubble {
	width: 295px;
	background: #1587CB;
	color: #1587CB;
	top: 93px;
	left: 710px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-02 .circle {
	background: #00A496;
	top: 340px;
	left: 345px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-02 .bubble {
	width: 295px;
	background: #0A95B0;
	color: #0A95B0;
	top: 384px;
	left: 40px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-03 .circle {
	background: #2969FF;
	top: 340px;
	left: 655px;
}
#SKILLSIDX .section-02 .skill-wheel .skill-03 .bubble {
	width: 295px;
	background: #1F78E5;
	color: #2969FF;
	top: 384px;
	left: 865px;
}

#SKILLSIDX .section-03 .comment-cnt {
	background: url(/recruit/imgs/skills/skills_sec03_img01.jpg) no-repeat center/cover;
}
#SKILLSIDX .section-03 .comment-cnt .comment-bg{
	padding-block: 75px;
}
#SKILLSIDX .section-03 .cnt-bg-01 {
	background: #00A496;
}
#SKILLSIDX .section-03 .skill-wheel .circle {
	width: 200px;
	height: 200px;
}
#SKILLSIDX .section-03 .skill-wheel {
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMzc0IiB2aWV3Qm94PSIwIDAgNDMyIDM3NCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00MzIgMzc0SDBMMjE2IDBMNDMyIDM3NFpNMS43MzUzMSAzNzIuOTk5SDQzMC4yNjVMMjE2IDIuMDAyNjhMMS43MzUzMSAzNzIuOTk5WiIgZmlsbD0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 104px;
	height: 580px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-01 .circle {
	background: #1587CB;
	top: 40px;
	left: 500px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-01 .bubble {
	width: 295px;
	background: #1587CB;
	color: #1587CB;
	top: 67px;
	left: 710px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-02 .circle {
	background: #00A496;
	top: 340px;
	left: 345px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-02 .bubble {
	width: 295px;
	background: #0A95B0;
	color: #0A95B0;
	top: 376px;
	left: 40px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-03 .circle {
	background: #2969FF;
	top: 340px;
	left: 655px;
	padding-top: 15px;
}
#SKILLSIDX .section-03 .skill-wheel .skill-03 .bubble {
	width: 295px;
	background: #1F78E5;
	color: #2969FF;
	top: 384px;
	left: 865px;
}

/* --------------------------------------------
SP
--------------------------------------------*/
@media only screen and (max-width: 768px){
/*================
当社で磨かれるスキルと可能性
================*/
	#SKILLSIDX .mv-wrap-01 {
		background: url(/recruit/imgs/skills/skills_mv_sp.jpg) no-repeat center/cover;
	}
	#SKILLSIDX .section+.section {
		margin-top: 23.438vw;
	}
	#SKILLSIDX .section .cnt-bg-01 {
		padding-top: 15.625vw;
		padding-bottom: 19.532vw;
		margin-bottom: 15.625vw;
	}
	#SKILLSIDX .section .cnt-bg-01 .ttl-02 span.num {
		margin-bottom: 2.605vw;
	}
	#SKILLSIDX .section .comment-cnt {
		background: #102045;
		height: initial;
		margin-bottom: 19.532vw;
	}
	#SKILLSIDX .section .comment-cnt .comment-bg {
		width: initial;
		padding: 15.625vw 5.209vw;
	}
	#SKILLSIDX .section .comment-cnt .comment {
		padding: 5.209vw;
	}
	#SKILLSIDX .section .comment-cnt .comment::before,
	#SKILLSIDX .section .comment-cnt .comment::after {
		width: 10.417vw;
		height: 10.417vw;
	}
	#SKILLSIDX .section .comment-cnt .comment::before {
		border-top: 0.391vw solid #fff;
		border-left: 0.391vw solid #fff;
	}
	#SKILLSIDX .section .comment-cnt .comment::after {
		border-bottom: 0.391vw solid #fff;
		border-right: 0.391vw solid #fff;
	}
	#SKILLSIDX .section .comment-cnt .comment .txt-06 {
		margin-top: 3.256vw;
	}
	#SKILLSIDX .section .comment-cnt .btn-01 {
		margin-top: 10.417vw;
	}
	#SKILLSIDX .section .skill-wheel-cnt {
		margin-bottom: 15.625vw;
	}
	#SKILLSIDX .section .skill-wheel-cnt>.ttl-02 {
		margin-bottom: 7.813vw;
	}
	#SKILLSIDX .section .skill-wheel-cnt>.txt-07 {
		margin-bottom: 7.813vw;
		max-width: initial;
	}
	#SKILLSIDX .section .skill-wheel .circle .icon {
		width: 9.766vw;
	}
	#SKILLSIDX .section .skill-wheel .circle {
		width: 29.297vw;
		height: 29.297vw;
		gap: 1.954vw;
	}
	#SKILLSIDX .section .skill-wheel .bubble,
	#SKILLSIDX .section .skill-wheel .bubble.pc-left {
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.386vw), calc(50% + 5.079vw) calc(100% - 3.386vw), 50% 100%, calc(50% - 5.079vw) calc(100% - 3.386vw), 0 calc(100% - 3.386vw));
		padding: 2.605vw 2.605vw 5.86vw;
	}
	#SKILLSIDX .section .skill-wheel .bubble::after,
	#SKILLSIDX .section .skill-wheel .bubble.pc-left::after {
		width: calc(100% - 0.521vw);
		height: calc(100% - 0.521vw);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3.386vw), calc(50% + 5.079vw) calc(100% - 3.386vw), 50% 100%, calc(50% - 5.079vw) calc(100% - 3.386vw), 0 calc(100% - 3.386vw));
		top: 0.261vw;
		left: 0.261vw;
	}
	#SKILLSIDX .section .skill-wheel .bubble.sp-btm {
		clip-path: polygon(50% 0%, calc(50% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(50% - 5.079vw) 3.256vw);
		padding: 5.86vw 2.605vw 2.605vw;
	}
	#SKILLSIDX .section .skill-wheel .bubble.sp-btm::after {
		clip-path: polygon(50% 0%, calc(50% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(50% - 5.079vw) 3.256vw);
		top: 0.261vw;
		left: 0.261vw;
	}
	#SKILLSIDX .section .check-cnt {
		margin-bottom: 15.625vw;
	}
	#SKILLSIDX .section .check-cnt .inner {
		padding: 0;
	}
	#SKILLSIDX .section .check-cnt .check-list {
		border-radius: 0.652vw;
		margin-top: 7.813vw;
		padding: 10.417vw 5.209vw;
	}
	#SKILLSIDX .section .check-cnt .check-list ul {
		max-width: initial;
	}
	#SKILLSIDX .section .check-cnt .check-list li {
		gap: 2.605vw;
	}
	#SKILLSIDX .section .check-cnt .check-list li+li {
		margin-top: 7.813vw;
	}
	#SKILLSIDX .section .check-cnt .check-list .list-icon {
		width: 7.813vw;
		padding-top: 0.131vw;
	}

	/* セクション個別 */
	#SKILLSIDX .section-01 .skill-wheel {
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDIiIGhlaWdodD0iNTAyIiB2aWV3Qm94PSIwIDAgNTAyIDUwMiIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik01MDEgMTkxLjk4Mkw0MDUuNTA4IDUwMUg5Ni40OTE5TDEgMTkxLjk4MkwyNTEgMUw1MDEgMTkxLjk4MlpNMi4zNTc0MyAxOTIuNDQ2TDk3LjMzMDMgNDk5Ljc4NUg0MDQuNjdMNDk5LjY0MSAxOTIuNDQ2TDI1MSAyLjUwMDg1TDIuMzU3NDMgMTkyLjQ0NloiIGZpbGw9IiMxMDIwNDUiIHN0cm9rZT0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 46.875vw;
		background-size: 65.105vw;
		height: 152.995vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-01 .circle {
		top: 36.459vw;
		left: 30.079vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-01 .bubble {
		width: 31.641vw;
		top: 7.813vw;
		left: 29.037vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-02 .circle {
		top: 59.245vw;
		left: 2.605vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-02 .bubble {
		width: 25vw;
		top: 18.881vw;
		left: 2.605vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-03 .circle {
		top: 91.146vw;
		left: 12.891vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-03 .bubble {
		width: 40.886vw;
		top: 121.094vw;
		left: 2.605vw;
		clip-path: polygon(61% 0%, calc(61% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(61% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-03 .bubble::after {
		clip-path: polygon(61% 0%, calc(61% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(61% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-04 .circle {
		top: 91.146vw;
		left: 47.396vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-04 .bubble {
		width: 40.886vw;
		top: 121.094vw;
		left: 46.094vw;
		clip-path: polygon(39% 0%, calc(39% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(39% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-04 .bubble::after {
		clip-path: polygon(39% 0%, calc(39% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(39% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-05 .circle {
		top: 59.245vw;
		left: 57.683vw;
	}
	#SKILLSIDX .section-01 .skill-wheel .skill-05 .bubble {
		width: 25vw;
		top: 22.787vw;
		left: 61.98vw;
	}
	#SKILLSIDX .section-02 .skill-wheel {
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMzc0IiB2aWV3Qm94PSIwIDAgNDMyIDM3NCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00MzIgMzc0SDBMMjE2IDBMNDMyIDM3NFpNMS43MzUzMSAzNzIuOTk5SDQzMC4yNjVMMjE2IDIuMDAyNjhMMS43MzUzMSAzNzIuOTk5WiIgZmlsbD0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 45.573vw;
		background-size: 65.145vw;
		height: 154.948vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .circle {
		width: 39.063vw;
		height: 39.063vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-01 .circle {
		top: 32.553vw;
		left: 25.261vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-01 .bubble {
		width: 40.886vw;
		top: 7.813vw;
		left: 24.349vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-02 .circle {
		top: 75.521vw;
		left: 2.605vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-02 .bubble {
		width: 40.886vw;
		top: 115.235vw;
		left: 2.605vw;
		clip-path: polygon(48% 0%, calc(48% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(48% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-02 .bubble::after{
		clip-path: polygon(48% 0%, calc(48% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(48% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-03 .circle {
		top: 75.521vw;
		left: 47.917vw;
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-03 .bubble {
		width: 40.886vw;
		top: 115.235vw;
		left: 46.094vw;
		clip-path: polygon(52% 0%, calc(52% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(52% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-02 .skill-wheel .skill-03 .bubble::after{
		clip-path: polygon(52% 0%, calc(52% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(52% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-03 .skill-wheel .circle {
		width: 39.063vw;
		height: 39.063vw;
	}
	#SKILLSIDX .section-03 .skill-wheel {
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MzIiIGhlaWdodD0iMzc0IiB2aWV3Qm94PSIwIDAgNDMyIDM3NCIgZmlsbD0ibm9uZSI+IDxwYXRoIGQ9Ik00MzIgMzc0SDBMMjE2IDBMNDMyIDM3NFpNMS43MzUzMSAzNzIuOTk5SDQzMC4yNjVMMjE2IDIuMDAyNjhMMS43MzUzMSAzNzIuOTk5WiIgZmlsbD0iIzEwMjA0NSIvPjwvc3ZnPg==")no-repeat center 65.105vw;
		background-size: 65.145vw;
		height: 178.386vw;
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-01 .circle {
		top: 52.084vw;
		left: 25.261vw;
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-01 .bubble {
		width: 40.886vw;
		/* color: #1587CB; */
		top: 7.813vw;
		left: 24.349vw;
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-02 .circle {
		top: 95.053vw;
		left: 2.605vw;
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-02 .bubble {
		width: 40.886vw;
		top: 134.766vw;
		left: 2.605vw;
		clip-path: polygon(48% 0%, calc(48% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(48% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-02 .bubble::after {
		clip-path: polygon(48% 0%, calc(48% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(48% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-03 .circle {
		top: 95.053vw;
		left: 47.917vw;
		padding-top: 1.954vw;
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-03 .bubble {
		width: 40.886vw;
		top: 134.766vw;
		left: 46.094vw;
		clip-path: polygon(52% 0%, calc(52% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(52% - 5.079vw) 3.256vw);
	}
	#SKILLSIDX .section-03 .skill-wheel .skill-03 .bubble::after {
		clip-path: polygon(52% 0%, calc(52% + 5.079vw) 3.256vw, 100% 3.256vw, 100% 100%, 0 100%, 0 3.256vw, calc(52% - 5.079vw) 3.256vw);
	}

}