.badge {
    display: inline-block;
    color: #fff;
    padding: 0.2rem 0.6rem;
    border-radius: 1rem;
    font-size: 0.6rem;
    text-align: center;
    white-space: nowrap;
    background-color: rgb(15, 157, 204);
}

html { scroll-behavior: smooth;}

.butterfly-box {
    background-color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    z-index: 1;
}
.butterfly-box::before,
.butterfly-box::after {
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
.butterfly-box::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.butterfly-box::after {
    background-color: #afffff;
    top: 5px;
    left: 5px;
    z-index: -2;
}

.txt {
    font-size: 35px;
    font-weight: 400;
    margin-top: .5em;
    padding-bottom: 0.5em;
  }

  .txt03 {
    color: #fff;
    text-shadow: 3px 3px 3px #555, -3px -3px 3px #555,
    -3px 3px 3px #555,  3px -3px 3px #555,
    3px 0 3px #555, -3px  0 3px #555,
    0 3px 3px #555,  0 -3px 3px #555;
  }
  .wrapper {
    max-width: 1000px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  @media screen and (max-width: 1000px) {
    .wrapper {
      margin-right: 5%;
      margin-left: 5%;
    }
  }



.box {
    width: 350px;       /* 適当な幅を指定 */
    height: 350px;      /* 適当な高さを指定 */
    position: relative; /* 基準位置とする */
    margin: 0 auto;
    /* margin-left: -11px; */
    /* padding-left: 0px; */
  }

  /* 共通するCSS */
  .box img{

    position: absolute; /* 相対位置に指定 */

  }



  .box .img_chart {
    /* 左上に固定 */
    width: 350px;
    height: 350px;
    top: 0;
    left: 0;
    border-radius: 4px;

  }



  /* チャート作成 */
  .box .img_position1-1-1 {top: 10%;left: 25.5%;}
  .box .img_position1-2-1 {top: 5%;left: 25.5%;}
  .box .img_position1-2-2 {top: 15%;left: 25.5%;}
  .box .img_position1-3-1 {top: 2%;left: 25.5%;}
  .box .img_position1-3-2 {top: 10%;left: 25.5%;}
  .box .img_position1-3-3 {top: 18%;left: 25.5%;}
  .box .img_position1-4-1 {top: 0%;left: 25.5%;}
  .box .img_position1-4-2 {top: 6.5%;left: 25.5%;}
  .box .img_position1-4-3 {top: 13%;left: 25.5%;}
  .box .img_position1-4-4 {top: 19%;left: 25.5%;}
  .box .img_position1-5-1 {top: -3%;left: 25.5%;}
  .box .img_position1-5-2 {top: 3%;left: 25.5%;}
  .box .img_position1-5-3 {top: 9%;left: 25.5%;}
  .box .img_position1-5-4 {top: 15%;left: 25.5%;}
  .box .img_position1-5-5 {top: 21%;left: 25.5%;}

  .box .img_position2-1-1 {top: 10%;left: 51%;}
  .box .img_position2-2-1 {top: 5%;left: 51%;}
  .box .img_position2-2-2 {top: 15%;left: 51%;}
  .box .img_position2-3-1 {top: 2%;left: 51%;}
  .box .img_position2-3-2 {top: 10%;left: 51%;}
  .box .img_position2-3-3 {top: 18%;left: 51%;}
  .box .img_position2-4-1 {top: 0%;left: 51%;}
  .box .img_position2-4-2 {top: 6.5%;left: 51%;}
  .box .img_position2-4-3 {top: 13%;left: 51%;}
  .box .img_position2-4-4 {top: 19%;left: 51%;}
  .box .img_position2-5-1 {top: -3%;left: 51%;}
  .box .img_position2-5-2 {top: 3%;left: 51%;}
  .box .img_position2-5-3 {top: 9%;left: 51%;}
  .box .img_position2-5-4 {top: 15%;left: 51%;}
  .box .img_position2-5-5 {top: 21%;left: 51%;}

  .box .img_position3-1-1 {top: 10%;left: 75.5%;}
  .box .img_position3-2-1 {top: 5%;left: 75.5%;}
  .box .img_position3-2-2 {top: 15%;left: 75.5%;}
  .box .img_position3-3-1 {top: 2%;left: 75.5%;}
  .box .img_position3-3-2 {top: 10%;left: 75.5%;}
  .box .img_position3-3-3 {top: 18%;left: 75.5%;}
  .box .img_position3-4-1 {top: 0%;left: 75.5%;}
  .box .img_position3-4-2 {top: 6.5%;left: 75.5%;}
  .box .img_position3-4-3 {top: 13%;left: 75.5%;}
  .box .img_position3-4-4 {top: 19%;left: 75.5%;}
  .box .img_position3-5-1 {top: -3%;left: 75.5%;}
  .box .img_position3-5-2 {top: 3%;left: 75.5%;}
  .box .img_position3-5-3 {top: 9%;left: 75.5%;}
  .box .img_position3-5-4 {top: 15%;left: 75.5%;}
  .box .img_position3-5-5 {top: 21%;left: 75.5%;}

  .box .img_position4-1-1 {top: 34%;left: 75.5%;}
  .box .img_position4-2-1 {top: 29%;left: 75.5%;}
  .box .img_position4-2-2 {top: 39%;left: 75.5%;}
  .box .img_position4-3-1 {top: 26%;left: 75.5%;}
  .box .img_position4-3-2 {top: 34%;left: 75.5%;}
  .box .img_position4-3-3 {top: 42%;left: 75.5%;}
  .box .img_position4-4-1 {top: 24.5%;left: 75.5%;}
  .box .img_position4-4-2 {top: 31%;left: 75.5%;}
  .box .img_position4-4-3 {top: 37.5%;left: 75.5%;}
  .box .img_position4-4-4 {top: 43.5%;left: 75.5%;}
  .box .img_position4-5-1 {top: 21.5%;left: 75.5%;}
  .box .img_position4-5-2 {top: 27.5%;left: 75.5%;}
  .box .img_position4-5-3 {top: 33.5%;left: 75.5%;}
  .box .img_position4-5-4 {top: 39.5%;left: 75.5%;}
  .box .img_position4-5-5 {top: 45.5%;left: 75.5%;}

  .box .img_position5-1-1 {top: 58%;left: 75.5%;}
  .box .img_position5-2-1 {top: 53%;left: 75.5%;}
  .box .img_position5-2-2 {top: 63%;left: 75.5%;}
  .box .img_position5-3-1 {top: 50.5%;left: 75.5%;}
  .box .img_position5-3-2 {top: 58.5%;left: 75.5%;}
  .box .img_position5-3-3 {top: 66.5%;left: 75.5%;}
  .box .img_position5-4-1 {top: 49%;left: 75.5%;}
  .box .img_position5-4-2 {top: 55.5%;left: 75.5%;}
  .box .img_position5-4-3 {top: 62%;left: 75.5%;}
  .box .img_position5-4-4 {top: 68%;left: 75.5%;}
  .box .img_position5-5-1 {top: 46%;left: 75.5%;}
  .box .img_position5-5-2 {top: 52%;left: 75.5%;}
  .box .img_position5-5-3 {top: 58%;left: 75.5%;}
  .box .img_position5-5-4 {top: 64%;left: 75.5%;}
  .box .img_position5-5-5 {top: 70%;left: 75.5%;}

  .box .img_position6-1-1 {top: 84%;left: 75.5%;}
  .box .img_position6-2-1 {top: 79%;left: 75.5%;}
  .box .img_position6-2-2 {top: 89%;left: 75.5%;}
  .box .img_position6-3-1 {top: 76%;left: 75.5%;}
  .box .img_position6-3-2 {top: 84%;left: 75.5%;}
  .box .img_position6-3-3 {top: 92%;left: 75.5%;}
  .box .img_position6-4-1 {top: 74%;left: 75.5%;}
  .box .img_position6-4-2 {top: 80.5%;left: 75.5%;}
  .box .img_position6-4-3 {top: 87%;left: 75.5%;}
  .box .img_position6-4-4 {top: 93%;left: 75.5%;}
  .box .img_position6-5-1 {top: 71%;left: 75.5%;}
  .box .img_position6-5-2 {top: 77%;left: 75.5%;}
  .box .img_position6-5-3 {top: 83%;left: 75.5%;}
  .box .img_position6-5-4 {top: 89%;left: 75.5%;}
  .box .img_position6-5-5 {top: 95%;left: 75.5%;}

  .box .img_position7-1-1 {top: 84%;left: 51%;}
  .box .img_position7-2-1 {top: 79%;left: 51%;}
  .box .img_position7-2-2 {top: 89%;left: 51%;}
  .box .img_position7-3-1 {top: 76%;left: 51%;}
  .box .img_position7-3-2 {top: 84%;left: 51%;}
  .box .img_position7-3-3 {top: 92%;left: 51%;}
  .box .img_position7-4-1 {top: 74%;left: 51%;}
  .box .img_position7-4-2 {top: 80.5%;left: 51%;}
  .box .img_position7-4-3 {top: 87%;left: 51%;}
  .box .img_position7-4-4 {top: 93%;left: 51%;}
  .box .img_position7-5-1 {top: 71%;left: 51%;}
  .box .img_position7-5-2 {top: 77%;left: 51%;}
  .box .img_position7-5-3 {top: 83%;left: 51%;}
  .box .img_position7-5-4 {top: 89%;left: 51%;}
  .box .img_position7-5-5 {top: 95%;left: 51%;}

  .box .img_position8-1-1 {top: 84%;left: 25.5%;}
  .box .img_position8-2-1 {top: 79%;left: 25.5%;}
  .box .img_position8-2-2 {top: 89%;left: 25.5%;}
  .box .img_position8-3-1 {top: 76%;left: 25.5%;}
  .box .img_position8-3-2 {top: 84%;left: 25.5%;}
  .box .img_position8-3-3 {top: 92%;left: 25.5%;}
  .box .img_position8-4-1 {top: 74%;left: 25.5%;}
  .box .img_position8-4-2 {top: 80.5%;left: 25.5%;}
  .box .img_position8-4-3 {top: 87%;left: 25.5%;}
  .box .img_position8-4-4 {top: 93%;left: 25.5%;}
  .box .img_position8-5-1 {top: 71%;left: 25.5%;}
  .box .img_position8-5-2 {top: 77%;left: 25.5%;}
  .box .img_position8-5-3 {top: 83%;left: 25.5%;}
  .box .img_position8-5-4 {top: 89%;left: 25.5%;}
  .box .img_position8-5-5 {top: 95%;left: 25.5%;}

  .box .img_position9-1-1 {top: 84%;left: 1%;}
  .box .img_position9-2-1 {top: 79%;left: 1%;}
  .box .img_position9-2-2 {top: 89%;left: 1%;}
  .box .img_position9-3-1 {top: 76%;left: 1%;}
  .box .img_position9-3-2 {top: 84%;left: 1%;}
  .box .img_position9-3-3 {top: 92%;left: 1%;}
  .box .img_position9-4-1 {top: 74%;left: 1%;}
  .box .img_position9-4-2 {top: 80.5%;left: 1%;}
  .box .img_position9-4-3 {top: 87%;left: 1%;}
  .box .img_position9-4-4 {top: 93%;left: 1%;}
  .box .img_position9-5-1 {top: 71%;left: 1%;}
  .box .img_position9-5-2 {top: 77%;left: 1%;}
  .box .img_position9-5-3 {top: 83%;left: 1%;}
  .box .img_position9-5-4 {top: 89%;left: 1%;}
  .box .img_position9-5-5 {top: 95%;left: 1%;}

  .box .img_position10-1-1 {top: 58%;left: 1%;}
  .box .img_position10-2-1 {top: 53%;left: 1%;}
  .box .img_position10-2-2 {top: 63%;left: 1%;}
  .box .img_position10-3-1 {top: 50.5%;left: 1%;}
  .box .img_position10-3-2 {top: 58.5%;left: 1%;}
  .box .img_position10-3-3 {top: 66.5%;left: 1%;}
  .box .img_position10-4-1 {top: 49%;left: 1%;}
  .box .img_position10-4-2 {top: 55.5%;left: 1%;}
  .box .img_position10-4-3 {top: 62%;left: 1%;}
  .box .img_position10-4-4 {top: 68%;left: 1%;}
  .box .img_position10-5-1 {top: 46%;left: 1%;}
  .box .img_position10-5-2 {top: 52%;left: 1%;}
  .box .img_position10-5-3 {top: 58%;left: 1%;}
  .box .img_position10-5-4 {top: 64%;left: 1%;}
  .box .img_position10-5-5 {top: 70%;left: 1%;}

  .box .img_position11-1-1 {top: 34%;left: 1%;}
  .box .img_position11-2-1 {top: 29%;left: 1%;}
  .box .img_position11-2-2 {top: 39%;left: 1%;}
  .box .img_position11-3-1 {top: 26%;left: 1%;}
  .box .img_position11-3-2 {top: 34%;left: 1%;}
  .box .img_position11-3-3 {top: 42%;left: 1%;}
  .box .img_position11-4-1 {top: 24.5%;left: 1%;}
  .box .img_position11-4-2 {top: 31%;left: 1%;}
  .box .img_position11-4-3 {top: 37.5%;left: 1%;}
  .box .img_position11-4-4 {top: 43.5%;left: 1%;}
  .box .img_position11-5-1 {top: 21.5%;left: 1%;}
  .box .img_position11-5-2 {top: 27.5%;left: 1%;}
  .box .img_position11-5-3 {top: 33.5%;left: 1%;}
  .box .img_position11-5-4 {top: 39.5%;left: 1%;}
  .box .img_position11-5-5 {top: 45.5%;left: 1%;}

  .box .img_position12-1-1 {top: 10%;left: 1%;}
  .box .img_position12-2-1 {top: 5%;left: 1%;}
  .box .img_position12-2-2 {top: 15%;left: 1%;}
  .box .img_position12-3-1 {top: 2%;left: 1%;}
  .box .img_position12-3-2 {top: 10%;left: 1%;}
  .box .img_position12-3-3 {top: 18%;left: 1%;}
  .box .img_position12-4-1 {top: 0%;left: 1%;}
  .box .img_position12-4-2 {top: 6.5%;left: 1%;}
  .box .img_position12-4-3 {top: 13%;left: 1%;}
  .box .img_position12-4-4 {top: 19%;left: 1%;}
  .box .img_position12-5-1 {top: -3%;left: 1%;}
  .box .img_position12-5-2 {top: 3%;left: 1%;}
  .box .img_position12-5-3 {top: 9%;left: 1%;}
  .box .img_position12-5-4 {top: 15%;left: 1%;}
  .box .img_position12-5-5 {top: 21%;left: 1%;}



  .box .sign_position1 {position: absolute; top: -5%;left: 45%; margin-top: 1rem;}
  .box .sign_position2 {position: absolute; top: -5%;left: 69%; margin-top: 1rem;}
  .box .sign_position3 {position: absolute; top: -5%;left: 94%; margin-top: 1rem;}
  .box .sign_position4 {position: absolute; top: 21%;left: 94%; margin-top: 1rem;}
  .box .sign_position5 {position: absolute; top: 45%;left: 94%; margin-top: 1rem;}
  .box .sign_position6 {position: absolute; top: 70%;left: 94%; margin-top: 1rem;}
  .box .sign_position7 {position: absolute; top: 70%;left: 69%; margin-top: 1rem;}
  .box .sign_position8 {position: absolute; top: 70%;left: 45%; margin-top: 1rem;}
  .box .sign_position9 {position: absolute; top: 70%;left: 20%; margin-top: 1rem;}
  .box .sign_position10 {position: absolute; top: 45%;left: 20%; margin-top: 1rem;}
  .box .sign_position11 {position: absolute; top: 21%;left: 20%; margin-top: 1rem;}
  .box .sign_position12 {position: absolute; top: -5%;left: 20%; margin-top: 1rem;}

/* もじ( ￣−￣) */
.box .text_position1-1-1 {position:absolute; top: 11%;left: 33%;}
.box .text_position1-2-1 {position:absolute; top: 6%;left: 33%;}
.box .text_position1-2-2 {position:absolute; top: 16%;left: 33%;}
.box .text_position1-3-1 {position:absolute; top: 4%;left: 33%;}
.box .text_position1-3-2 {position:absolute; top: 11%;left: 33%;}
.box .text_position1-3-3 {position:absolute; top: 19%;left: 33%;}
.box .text_position1-4-1 {position:absolute; top: 1%;left: 33%;}
.box .text_position1-4-2 {position:absolute; top: 7.5%;left: 33%;}
.box .text_position1-4-3 {position:absolute; top: 14%;left: 33%;}
.box .text_position1-4-4 {position:absolute; top: 20%;left: 33%;}
.box .text_position1-5-1 {position:absolute; top: -2%;left: 33%;}
.box .text_position1-5-2 {position:absolute; top: 4%;left: 33%;}
.box .text_position1-5-3 {position:absolute; top: 10%;left: 33%;}
.box .text_position1-5-4 {position:absolute; top: 16%;left: 33%;}
.box .text_position1-5-5 {position:absolute; top: 22%;left: 33%;}

  .box .text_position2-1-1 {position:absolute; top: 11%;left: 58.5%;}
  .box .text_position2-2-1 {position:absolute; top: 6%;left: 58.5%;}
  .box .text_position2-2-2 {position:absolute; top: 16%;left: 58.5%;}
  .box .text_position2-3-1 {position:absolute; top: 4%;left: 58.5%;}
  .box .text_position2-3-2 {position:absolute; top: 11%;left: 58.5%;}
  .box .text_position2-3-3 {position:absolute; top: 19%;left: 58.5%;}
  .box .text_position2-4-1 {position:absolute; top: 1%;left: 58.5%;}
  .box .text_position2-4-2 {position:absolute; top: 7.5%;left: 58.5%;}
  .box .text_position2-4-3 {position:absolute; top: 14%;left: 58.5%;}
  .box .text_position2-4-4 {position:absolute; top: 20%;left: 58.5%;}
  .box .text_position2-5-1 {position:absolute; top: -2%;left: 58.5%;}
  .box .text_position2-5-2 {position:absolute; top: 4%;left: 58.5%;}
  .box .text_position2-5-3 {position:absolute; top: 10%;left: 58.5%;}
  .box .text_position2-5-4 {position:absolute; top: 16%;left: 58.5%;}
  .box .text_position2-5-5 {position:absolute; top: 22%;left: 58.5%;}

  .box .text_position3-1-1 {position:absolute; top: 11%;left: 82.5%;}
  .box .text_position3-2-1 {position:absolute; top: 6%;left: 82.5%;}
  .box .text_position3-2-2 {position:absolute; top: 16%;left: 82.5%;}
  .box .text_position3-3-1 {position:absolute; top: 3%;left: 82.5%;}
  .box .text_position3-3-2 {position:absolute; top: 11%;left: 82.5%;}
  .box .text_position3-3-3 {position:absolute; top: 19%;left: 82.5%;}
  .box .text_position3-4-1 {position:absolute; top: 1%;left: 82.5%;}
  .box .text_position3-4-2 {position:absolute; top: 7.5%;left: 82.5%;}
  .box .text_position3-4-3 {position:absolute; top: 14%;left: 82.5%;}
  .box .text_position3-4-4 {position:absolute; top: 20%;left: 82.5%;}
  .box .text_position3-5-1 {position:absolute; top: -2%;left: 82.5%;}
  .box .text_position3-5-2 {position:absolute; top: 4%;left: 82.5%;}
  .box .text_position3-5-3 {position:absolute; top: 10%;left: 82.5%;}
  .box .text_position3-5-4 {position:absolute; top: 16%;left: 82.5%;}
  .box .text_position3-5-5 {position:absolute; top: 22%;left: 82.5%;}

  .box .text_position4-1-1 {position:absolute; top: 35%;left: 82.5%;}
  .box .text_position4-2-1 {position:absolute; top: 30%;left: 82.5%;}
  .box .text_position4-2-2 {position:absolute; top: 40%;left: 82.5%;}
  .box .text_position4-3-1 {position:absolute; top: 27%;left: 82.5%;}
  .box .text_position4-3-2 {position:absolute; top: 35%;left: 82.5%;}
  .box .text_position4-3-3 {position:absolute; top: 43%;left: 82.5%;}
  .box .text_position4-4-1 {position:absolute; top: 25.5%;left: 82.5%;}
  .box .text_position4-4-2 {position:absolute; top: 32%;left: 82.5%;}
  .box .text_position4-4-3 {position:absolute; top: 38.5%;left: 82.5%;}
  .box .text_position4-4-4 {position:absolute; top: 44.5%;left: 82.5%;}
  .box .text_position4-5-1 {position:absolute; top: 22.5%;left: 82.5%;}
  .box .text_position4-5-2 {position:absolute; top: 28.5%;left: 82.5%;}
  .box .text_position4-5-3 {position:absolute; top: 34.5%;left: 82.5%;}
  .box .text_position4-5-4 {position:absolute; top: 40.5%;left: 82.5%;}
  .box .text_position4-5-5 {position:absolute; top: 46.5%;left: 82.5%;}

  .box .text_position5-1-1 {position:absolute; top: 59%;left: 82.5%;}
  .box .text_position5-2-1 {position:absolute; top: 54%;left: 82.5%;}
  .box .text_position5-2-2 {position:absolute; top: 64%;left: 82.5%;}
  .box .text_position5-3-1 {position:absolute; top: 51.5%;left: 82.5%;}
  .box .text_position5-3-2 {position:absolute; top: 59.5%;left: 82.5%;}
  .box .text_position5-3-3 {position:absolute; top: 67.5%;left: 82.5%;}
  .box .text_position5-4-1 {position:absolute; top: 50%;left: 82.5%;}
  .box .text_position5-4-2 {position:absolute; top: 56.5%;left: 82.5%;}
  .box .text_position5-4-3 {position:absolute; top: 63%;left: 82.5%;}
  .box .text_position5-4-4 {position:absolute; top: 69%;left: 82.5%;}
  .box .text_position5-5-1 {position:absolute; top: 47%;left: 82.5%;}
  .box .text_position5-5-2 {position:absolute; top: 53%;left: 82.5%;}
  .box .text_position5-5-3 {position:absolute; top: 59%;left: 82.5%;}
  .box .text_position5-5-4 {position:absolute; top: 65%;left: 82.5%;}
  .box .text_position5-5-5 {position:absolute; top: 71%;left: 82.5%;}

  .box .text_position6-1-1 {position:absolute; top: 85%;left: 82.5%;}
  .box .text_position6-2-1 {position:absolute; top: 80%;left: 82.5%;}
  .box .text_position6-2-2 {position:absolute; top: 90%;left: 82.5%;}
  .box .text_position6-3-1 {position:absolute; top: 77%;left: 82.5%;}
  .box .text_position6-3-2 {position:absolute; top: 85%;left: 82.5%;}
  .box .text_position6-3-3 {position:absolute; top: 93%;left: 82.5%;}
  .box .text_position6-4-1 {position:absolute; top: 75%;left: 82.5%;}
  .box .text_position6-4-2 {position:absolute; top: 81.5%;left: 82.5%;}
  .box .text_position6-4-3 {position:absolute; top: 88%;left: 82.5%;}
  .box .text_position6-4-4 {position:absolute; top: 94%;left: 82.5%;}
  .box .text_position6-5-1 {position:absolute; top: 72%;left: 82.5%;}
  .box .text_position6-5-2 {position:absolute; top: 78%;left: 82.5%;}
  .box .text_position6-5-3 {position:absolute; top: 84%;left: 82.5%;}
  .box .text_position6-5-4 {position:absolute; top: 90%;left: 82.5%;}
  .box .text_position6-5-5 {position:absolute; top: 96%;left: 82.5%;}

  .box .text_position7-1-1 {position:absolute; top: 85%;left: 58.5%;}
  .box .text_position7-2-1 {position:absolute; top: 80%;left: 58.5%;}
  .box .text_position7-2-2 {position:absolute; top: 90%;left: 58.5%;}
  .box .text_position7-3-1 {position:absolute; top: 77%;left: 58.5%;}
  .box .text_position7-3-2 {position:absolute; top: 85%;left: 58.5%;}
  .box .text_position7-3-3 {position:absolute; top: 93%;left: 58.5%;}
  .box .text_position7-4-1 {position:absolute; top: 75%;left: 58.5%;}
  .box .text_position7-4-2 {position:absolute; top: 81.5%;left: 58.5%;}
  .box .text_position7-4-3 {position:absolute; top: 88%;left: 58.5%;}
  .box .text_position7-4-4 {position:absolute; top: 94%;left: 58.5%;}
  .box .text_position7-5-1 {position:absolute; top: 72%;left: 58.5%;}
  .box .text_position7-5-2 {position:absolute; top: 78%;left: 58.5%;}
  .box .text_position7-5-3 {position:absolute; top: 84%;left: 58.5%;}
  .box .text_position7-5-4 {position:absolute; top: 90%;left: 58.5%;}
  .box .text_position7-5-5 {position:absolute; top: 96%;left: 58.5%;}

  .box .text_position8-1-1 {position:absolute; top: 85%;left: 33%;}
  .box .text_position8-2-1 {position:absolute; top: 80%;left: 33%;}
  .box .text_position8-2-2 {position:absolute; top: 90%;left: 33%;}
  .box .text_position8-3-1 {position:absolute; top: 77%;left: 33%;}
  .box .text_position8-3-2 {position:absolute; top: 85%;left: 33%;}
  .box .text_position8-3-3 {position:absolute; top: 93%;left: 33%;}
  .box .text_position8-4-1 {position:absolute; top: 75%;left: 33%;}
  .box .text_position8-4-2 {position:absolute; top: 81.5%;left: 33%;}
  .box .text_position8-4-3 {position:absolute; top: 88%;left: 33%;}
  .box .text_position8-4-4 {position:absolute; top: 94%;left: 33%;}
  .box .text_position8-5-1 {position:absolute; top: 72%;left: 33%;}
  .box .text_position8-5-2 {position:absolute; top: 78%;left: 33%;}
  .box .text_position8-5-3 {position:absolute; top: 84%;left: 33%;}
  .box .text_position8-5-4 {position:absolute; top: 90%;left: 33%;}
  .box .text_position8-5-5 {position:absolute; top: 96%;left: 33%;}

  .box .text_position9-1-1 {position:absolute; top: 85%;left: 8.5%;}
  .box .text_position9-2-1 {position:absolute; top: 80%;left: 8.5%;}
  .box .text_position9-2-2 {position:absolute; top: 90%;left: 8.5%;}
  .box .text_position9-3-1 {position:absolute; top: 77%;left: 8.5%;}
  .box .text_position9-3-2 {position:absolute; top: 85%;left: 8.5%;}
  .box .text_position9-3-3 {position:absolute; top: 93%;left: 8.5%;}
  .box .text_position9-4-1 {position:absolute; top: 75%;left: 8.5%;}
  .box .text_position9-4-2 {position:absolute; top: 81.5%;left: 8.5%;}
  .box .text_position9-4-3 {position:absolute; top: 88%;left: 8.5%;}
  .box .text_position9-4-4 {position:absolute; top: 94%;left: 8.5%;}
  .box .text_position9-5-1 {position:absolute; top: 72%;left: 8.5%;}
  .box .text_position9-5-2 {position:absolute; top: 78%;left: 8.5%;}
  .box .text_position9-5-3 {position:absolute; top: 84%;left: 8.5%;}
  .box .text_position9-5-4 {position:absolute; top: 90%;left: 8.5%;}
  .box .text_position9-5-5 {position:absolute; top: 96%;left: 8.5%;}

  .box .text_position10-1-1 {position:absolute; top: 59%;left: 8.5%;}
  .box .text_position10-2-1 {position:absolute; top: 54%;left: 8.5%;}
  .box .text_position10-2-2 {position:absolute; top: 64%;left: 8.5%;}
  .box .text_position10-3-1 {position:absolute; top: 51.5%;left: 8.5%;}
  .box .text_position10-3-2 {position:absolute; top: 59.5%;left: 8.5%;}
  .box .text_position10-3-3 {position:absolute; top: 67.5%;left: 8.5%;}
  .box .text_position10-4-1 {position:absolute; top: 50%;left: 8.5%;}
  .box .text_position10-4-2 {position:absolute; top: 56.5%;left: 8.5%;}
  .box .text_position10-4-3 {position:absolute; top: 63%;left: 8.5%;}
  .box .text_position10-4-4 {position:absolute; top: 69%;left: 8.5%;}
  .box .text_position10-5-1 {position:absolute; top: 47%;left: 8.5%;}
  .box .text_position10-5-2 {position:absolute; top: 53%;left: 8.5%;}
  .box .text_position10-5-3 {position:absolute; top: 59%;left: 8.5%;}
  .box .text_position10-5-4 {position:absolute; top: 65%;left: 8.5%;}
  .box .text_position10-5-5 {position:absolute; top: 71%;left: 8.5%;}

  .box .text_position11-1-1 {position:absolute; top: 35%;left: 8.5%;}
  .box .text_position11-2-1 {position:absolute; top: 30%;left: 8.5%;}
  .box .text_position11-2-2 {position:absolute; top: 40%;left: 8.5%;}
  .box .text_position11-3-1 {position:absolute; top: 27%;left: 8.5%;}
  .box .text_position11-3-2 {position:absolute; top: 35%;left: 8.5%;}
  .box .text_position11-3-3 {position:absolute; top: 43%;left: 8.5%;}
  .box .text_position11-4-1 {position:absolute; top: 25.5%;left: 8.5%;}
  .box .text_position11-4-2 {position:absolute; top: 32%;left: 8.5%;}
  .box .text_position11-4-3 {position:absolute; top: 38.5%;left: 8.5%;}
  .box .text_position11-4-4 {position:absolute; top: 44.5%;left: 8.5%;}
  .box .text_position11-5-1 {position:absolute; top: 22.5%;left: 8.5%;}
  .box .text_position11-5-2 {position:absolute; top: 28.5%;left: 8.5%;}
  .box .text_position11-5-3 {position:absolute; top: 34.5%;left: 8.5%;}
  .box .text_position11-5-4 {position:absolute; top: 40.5%;left: 8.5%;}
  .box .text_position11-5-5 {position:absolute; top: 46.5%;left: 8.5%;}

  .box .text_position12-1-1 {position:absolute; top: 11%;left: 8.5%;}
  .box .text_position12-2-1 {position:absolute; top: 6%;left: 8.5%;}
  .box .text_position12-2-2 {position:absolute; top: 16%;left: 8.5%;}
  .box .text_position12-3-1 {position:absolute; top: 3%;left: 8.5%;}
  .box .text_position12-3-2 {position:absolute; top: 11%;left: 8.5%;}
  .box .text_position12-3-3 {position:absolute; top: 19%;left: 8.5%;}
  .box .text_position12-4-1 {position:absolute; top: 1%;left: 8.5%;}
  .box .text_position12-4-2 {position:absolute; top: 7.5%;left: 8.5%;}
  .box .text_position12-4-3 {position:absolute; top: 14%;left: 8.5%;}
  .box .text_position12-4-4 {position:absolute; top: 20%;left: 8.5%;}
  .box .text_position12-5-1 {position:absolute; top: -2%;left: 8.5%;}
  .box .text_position12-5-2 {position:absolute; top: 4%;left: 8.5%;}
  .box .text_position12-5-3 {position:absolute; top: 10%;left: 8.5%;}
  .box .text_position12-5-4 {position:absolute; top: 16%;left: 8.5%;}
  .box .text_position12-5-5 {position:absolute; top: 22%;left: 8.5%;}

  .box .text_place {position:absolute; top: 32%;left:28%;}







  .chart-box {
    margin: 0 auto;
    position: relative;
    /* width:80vw; height:50vh */
    /* width:75vw; */
    /* width: 350px; */
    height: 500px;
}


.daytime::before{content: "昼間";font-size: .7rem;background: rgb(248, 227, 110);padding: 2px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
.morning::before{content: "朝";font-size: .7rem;background: rgb(177, 238, 247);padding: 2px 6px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
.earlymorning::before{content: "早朝";font-size: .7rem;background: rgb(183, 221, 218);padding: 2px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
.evening::before{content: "夕方";font-size: .7rem;background: rgb(247, 144, 96);padding: 2px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
.night::before{content: "夜";color: white;font-size: .7rem;background: rgb(59, 59, 105);padding: 2px 6px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
/* .latenight::before{content: "深夜";color: white;font-size: .6rem;background: rgb(33, 33, 59);padding: 1px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px;} */
.latenight::before{content: "深夜";color: white;font-size: .7rem;background: rgb(33, 33, 59);padding: 2px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px;}
/* padding: 2px 2px;margin-left: 1px;margin-right: 1px;border-radius: 3px; */
.north::before{content: "北緯";margin-right: 1px;}
.south::before{content: "南緯";margin-right: 1px;}
.east::before{content: "東経";margin-right: 1px;}
.west::before{content: "西経";margin-right: 1px;}

.c01{color:#dc2626;}
.c02{color:#f472b6;}
.c03{color:#69a312;}
.c04{color:#54ddef;}
.c05{color:#facc15;}
.c06{color:#10a271;}
.c07{color:#f472b6;}
.c08{color:#a21caf;}
.c09{color:#b45309;}
.c10{color:#0369a1;}
.c11{color:#1d4ed8;}
.c12{color:#f97316;}


#sun_explain::before,#sun1::before,#Sun::before,#Sy1::before{content: url('../img/sun_s.png');position: relative;top: 3.5px;}
#moon_explain::before,#moon1::before,#Moon::before,#Ch1::before{content: url('../img/moon_s.png');position: relative;top: 3.5px;}
#mercury_explain::before,#mercury1::before,#Mercury::before,#Bu1::before{content: url('../img/mercury_s.png');position: relative;top: 3.5px;}
#venus_explain::before,#venus1::before,#Venus::before,#Sk1::before{content: url('../img/venus_s.png');position: relative;top: 3.5px;}
#mars_explain::before,#mars1::before,#Mars::before,#Ma1::before{content: url('../img/mars_s.png');position: relative;top: 3.5px;}
#jupiter_explain::before,#jupiter1::before,#Jupiter::before,#Gu1::before{content: url('../img/jupiter_s.png');position: relative;top: 3.5px;}
#saturn_explain::before,#saturn1::before,#Saturn::before,#Sa1::before{content: url('../img/saturn_s.png');position: relative;top: 3.5px;}
#rahu_explain::before,#rahu1::before,#Rahu::before,#Ra1::before{content: url('../img/rahu_s.png');position: relative;top: 3.5px;}
#ketu_explain::before,#ketu1::before,#Ketu::before,#Ke1::before{content: url('../img/ketu_s.png');position: relative;top: 3.5px;}


.anim-box.fadein.flex {
    animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }


/* アコーディオンのもの */
.Inner {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 800px; */
    }
    p{
    margin: 0;
    padding: 0;
    }
    li{
    list-style: none;
    }
    .Accordion {
    /* margin-top: 48px; */
    padding-left: 0;
    width: 100%;
    }
    .Accordion-Item {
    /* letter-spacing: 0.075em; */
    /* font-size: 16px; */
    }
    @media screen and (max-width: 480px) {
    .Accordion-Item {
    font-size: 14px;
    }
    }
    .Accordion-Item:nth-child(odd) {
    /* border: 1px solid; */
    position: relative;
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 4px;
    }
    @media screen and (max-width: 1025px) and (min-width: 769px) {
    .Accordion-Item:nth-child(odd) {
    padding-right: 35px;
    }
    }
    @media screen and (max-width: 768px) and (min-width: 481px) {
    .Accordion-Item:nth-child(odd) {
    padding-right: 35px;
    }
    }
    @media screen and (max-width: 480px) {
    .Accordion-Item:nth-child(odd) {
    padding-right: 30px;
    }
    }
    .Accordion-Item:nth-child(even) {
    display: none;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    font-family: 'Kosugi Maru', sans-serif;
    /* line-height: 2; */
    }
    @media screen and (max-width: 480px) {
    .Accordion-Item:nth-child(even) {
    padding-left: 8px;
    padding-right: 8px;
    }
    }
    .Accordion-Item-Icon {
    position: absolute;
    top: 50%;
    right: 36px;
    transform: translateY(-50%);
    width: 10px;
    }
    @media screen and (max-width: 1025px) and (min-width: 769px) {
    .Accordion-Item-Icon {
    right: 16px;
    }
    }
    @media screen and (max-width: 768px) and (min-width: 481px) {
    .Accordion-Item-Icon {
    right: 16px;
    }
    }
    @media screen and (max-width: 480px) {
    .Accordion-Item-Icon {
    right: 8px;
    }
    }
/* アコーディオンのものここまで */