.radar-chart-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
max-width:330px;
max-height:330px;
    height: auto;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-3 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-3 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-3 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-3 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-3 dl > div:nth-child(2) {
    bottom: 25%;
    right: 5%;
    transform: translateX(50%);
}

.radar-chart-3 dl > div:nth-child(3) {
    bottom: 25%;
    left: 5%;
    transform: translateX(-50%);
}

.radar-chart-3 dd {
    margin: 0;
}

.radar-chart-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
max-width:330px;
max-height:330px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-4 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-4 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-4 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-4 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-4 dl > div:nth-child(2) {
    bottom: 50%;
    right: 2%;
    transform: translateX(50%);
}

.radar-chart-4 dl>div:nth-child(3) {
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-4 dl>div:nth-child(4) {
    bottom: 50%;
    left: 2%;
    transform: translateX(-50%);
}

.radar-chart-4 dd {
    margin: 0;
}

.radar-chart-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    width: auto;/*ここを変更すれば図形そのものの大きさが変わる*/
    height: auto;/*ここを変更すれば図形そのものの大きさが変わる*/
    max-width: 330px;/*ここを変更すれば図形そのものの大きさが変わる*/
    max-height: 330px;/*ここを変更すれば図形そのものの大きさが変わる*/
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-5 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-5 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-5 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-5 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-5 dl > div:nth-child(2) {
    top: 31%;
    right: 7%;
    transform: translateX(50%);
}

.radar-chart-5 dl > div:nth-child(3) {
    bottom: 6%;
    right: 25%;
    transform: translateX(50%);
}

.radar-chart-5 dl > div:nth-child(4) {
    bottom: 6%;
    left: 25%;
    transform: translateX(-50%);
}

.radar-chart-5 dl > div:nth-child(5) {
    top: 31%;
    left: 7%;
    transform: translateX(-50%);
}

.radar-chart-5 dd {
    margin: 0;
}


.radar-chart-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
max-width:330px;
max-height:330px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-6 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-6 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-6 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-6 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-6 dl > div:nth-child(2) {
    top: 24%;
    right: 10%;
    transform: translateX(50%);
}

.radar-chart-6 dl > div:nth-child(3) {
    bottom: 24%;
    right: 10%;
    transform: translateX(50%);
}

.radar-chart-6 dl > div:nth-child(4) {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-6 dl > div:nth-child(5) {
    bottom: 24%;
    left: 10%;
    transform: translateX(-50%);
}

.radar-chart-6 dl > div:nth-child(6) {
    top: 24%;
    left: 10%;
    transform: translateX(-50%);
}

.radar-chart-6 dd {
    margin: 0;
}


.radar-chart-7 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
max-width:330px;
max-height:330px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-7 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-7 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-7 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-7 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-7 dl > div:nth-child(2) {
    top: 18%;
    right: 14%;
    transform: translateX(50%);
}

.radar-chart-7 dl > div:nth-child(3) {
    bottom: 36%;
    right: 6%;
    transform: translateX(50%);
}

.radar-chart-7 dl > div:nth-child(4) {
    bottom: 3%;
    right: 32%;
    transform: translateX(50%);
}

.radar-chart-7 dl > div:nth-child(5) {
    bottom: 3%;
    left: 32%;
    transform: translateX(-50%);
}

.radar-chart-7 dl > div:nth-child(6) {
    bottom: 36%;
    left: 6%;
    transform: translateX(-50%);
}

.radar-chart-7 dl > div:nth-child(7) {
    top: 18%;
    left: 14%;
    transform: translateX(-50%);
}

.radar-chart-7 dd {
    margin: 0;
}


.radar-chart-8 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
    max-width: 330px;
    max-height: 330px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-8 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-8 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-8 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-8 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-8 dl > div:nth-child(2) {
    bottom: 80%;
    right: 15%;
    transform: translateX(50%);
}

.radar-chart-8 dl > div:nth-child(3) {
    bottom: 50%;
    right: 0%;
    transform: translateX(50%);
}

.radar-chart-8 dl > div:nth-child(4) {
    bottom: 10%;
    left: 85%;
    transform: translateX(-50%);
}

.radar-chart-8 dl > div:nth-child(5) {
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-8 dl > div:nth-child(6) {
    bottom: 10%;
    left: 15%;
    transform: translateX(-50%);
}

.radar-chart-8 dl > div:nth-child(7) {
    bottom: 50%;
    left: 0%;
    transform: translateX(-50%);
}

.radar-chart-8 dl > div:nth-child(8) {
    bottom: 80%;
    left: 15%;
    transform: translateX(-50%);
}

.radar-chart-8 dd {
    margin: 0;
}



.radar-chart-9 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: auto;
    max-width: 330px;
    max-height: 330px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: content-box;
}

.radar-chart-9 svg {
    width: 100%;
    height: 100%;
}

.radar-chart-9 dl {
    position: absolute;
    width: 100%;
    height: 100%;
}

.radar-chart-9 dl > div {
    position: absolute;
    font-size: .6em;
    text-align: center;
}

.radar-chart-9 dl > div:nth-child(1) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(2) {
    bottom: 82%;
    right: 17%;
    transform: translateX(50%);
}

.radar-chart-9 dl > div:nth-child(3) {
    bottom: 54%;
    right: 2%;
    transform: translateX(50%);
}

.radar-chart-9 dl > div:nth-child(4) {
    bottom: 25%;
    right: 1%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(5) {
    bottom: 0%;
    left: 65%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(6) {
    bottom: 0%;
    left: 35%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(7) {
    bottom: 25%;
    left: 5%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(8) {
    bottom: 54%;
    left: 3%;
    transform: translateX(-50%);
}

.radar-chart-9 dl > div:nth-child(9) {
    bottom: 82%;
    left: 17%;
    transform: translateX(-50%);
}


.radar-chart-9 dd {
    margin: 0;
}