@media screen and (max-width: 389px) {

	.message-about-skill {
		font-size: 15px;
		font-weight: 700;
		font-family: 'YuGothic';
		color: rgba(34, 34, 34, 1);
		text-align: center;
		margin: 0;
	}

	.annotation-about-skill {
		font-size: 12px;
		font-weight: 400;
		color: rgba(34, 34, 34, 1);
		text-align: center;
	}

	.summary-about-skill {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-bottom: 40px;
	}

	.itss-graph {
		width: max-content;
		font-size: 14px;
		font-family: 'Avenir';
		font-weight: 900;
		color: #FFFFFF;
		background-color: rgba(171, 92, 199, 1);
		border-radius: 10px;
		text-align: center;
		padding: 5px 10px;
		margin-left: 30px;
		letter-spacing: 1.2px;
	}

	.itss-graph-img {
		width: 340px;
	}

	.getable-skill-container {
		width: 400px;
		position: relative;
	}

	.getable-skill {
		width: max-content;
		font-size: 14px;
		font-family: 'Avenir';
		font-weight: 900;
		color: #FFFFFF;
		background-color: rgba(171, 92, 199, 1);
		border-radius: 10px;
		text-align: center;
		padding: 5px 10px;
		margin-left: 30px;
		letter-spacing: 1.2px;
	}

	.getable-skill-graph {
		width: 240px;
		height: auto;
	}

	.tech-num {
		font-size: 14px;
		font-weight: 900;
		color: rgba(97, 33, 161, 1);
		font-family: 'Avenir';
		margin: 0;
	}

	.tech-num-6 {
		width: 26px;
		font-size: 15px;
		font-weight: 900;
		color: rgba(97, 33, 161, 1);
		background-color: rgba(255, 255, 255, 0.5);
		font-family: 'Avenir';
		margin: 0;
	}

	.tech-content-1-to-6 {
		font-size: 12px;
		font-weight: 500;
		margin: 0;
	}

	.tech-content-7-and-8 {
		font-size: 13px;
		font-weight: 500;
		color: gray;
		background-color: rgba(255, 255, 255, 0.5);
		margin: 0;
		padding: 0px 5px 3px 0px;
	}

	#tech-1 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 50px;
		left: 220px;
	}

	#tech-2 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 90px;
		left: 280px;
	}

	#tech-3 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 152px;
		left: 295px;
	}

	#tech-4 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 225px;
		left: 280px;
	}

	#tech-5 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 280px;
		left: 242px;
	}

	#tech-6 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 280px;
		left: 150px;
	}

	#tech-7 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 240px;
		left: 40px;
	}

	#tech-8 {
		position: absolute;
		display: flex;
		flex-direction: column;
		text-align: left;

		top: 80px;
		left: 27px;
	}
}