/* ******** ! �F�{�n�k�Ɋւ����Q�󋵂Ɋւ���y�[�W ! ******** */

/* �I �k�x���z�}�F�̐ݒ�I 
�k�x7  :#B40068
�k�x6���F#A50021
�k�x6��F#FF2800
�k�x5���F#FF9900
�k�x5��F#FFE600
�k�x4  �F#FAE696
�k�x3  �F#0069FA
*/

.EQD {
  position: relative; /* �e�v�f����ɂ��� */
  /* width��height�ʼn摜�̃T�C�Y�ɍ��킹��Ɨǂ� */
}

/*
.EQD img-row {
  width: 100%;
   height: auto; 
  }
*/

  /* �R���e�i�ݒ� */
  .EQD image-row {
    display: flex;              /* �����тɂ��� */
    flex-wrap: wrap;            /* ��������Ȃ��ꍇ�͐܂�Ԃ� */
    gap: 2px;                   /* �摜�Ԃ̗]�� */
    justify-content: center;    /* ������ */
      position: relative; /* �e�v�f����ɂ��� */
  }

  /* �摜�ݒ� */
  .EQD image-row img {
    max-width: 1200px;  /* �ő啝 */
    min-width: 300px;   /* �ŏ��� */
    position: relative; /* �e�v�f����ɂ��� */
    width:  auto;       /* �Œ蕝�ipx��%�Ŏw��”\�j*/
    height: 100%;       /* �A�X�y�N�g����ێ� */
  }


  /* �R���e�i�ݒ� */
  .image-row {
    display: flex;              /* �����тɂ��� */
    flex-wrap: wrap;            /* ��������Ȃ��ꍇ�͐܂�Ԃ� */
    gap: 7px;                   /* �摜�Ԃ̗]�� */
    justify-content: center;    /* ������ */
      position: relative;       /* �e�v�f����ɂ��� */
  }

  /* �摜�ݒ� */
  .image-row img {
    position: relative; /* �e�v�f����ɂ��� */
    max-width: 1200px;   /* �ő啝 */
    min-width: 300px;   /* �ŏ��� */
    width:  auto;       /* �Œ蕝�ipx��%�Ŏw��”\�j */       
    height: 100%;       /* �A�X�y�N�g����ێ� */
  }

  /* �X�}�z�Ή��i���������ꍇ�͏������j */
  @media (max-width: 500px) {
    .image-row img {
      width: 100%; /* ��ʕ������ς� */

      }
  }



.circle-text{
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
}

/* �숢�h1 6�� */
.EQD pdamage1 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:32.6%;
  left:61.8%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

/* �숢�h2  6�� */
.EQD pdamage2 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:30.4%;
  left:65.1%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

/* �숢�h3  6�� */
.EQD pdamage3 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:30.1%;
  left:67.6%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

/* ���h1 6�� */
.EQD pdamage4 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:10%;
  left:67.8%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

/* ���h2 6�� */
.EQD pdamage5 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top: 17.5%;
  left: 81.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

/* �R�s 6�� */
.EQD pdamage6 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:79.2%;
  left:62%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

/* ���� 6�� */
.EQD pdamage7 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:83%;
  left:40.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

 /* �F�y�s 6�� */
.EQD pdamage8 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:71%;
  left:17.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

 /* �F�y�s 6�� */
.EQD pdamage9 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:72.5%;
  left:18.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

 /* �F�y�s 6�� */
.EQD pdamage10 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:79.2%;
  left:19.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

 /* �F�{�s 6�� */
.EQD pdamage11 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:50.5%;
  left:22.4%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

 /* �F�{�s 6�� */
.EQD pdamage12 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:47.5%;
  left:24.3%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

 /* �e�z�� 6��  */
.EQD pdamage13 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top: 34.9%;
  left: 41.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

 /* ������ 7 */
.EQD pdamage14 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:43.7%;
  left:51%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
  
  
.EQD pdamage20 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:41.1%;
  left:51.8%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }


 /* ��� 6�� */
.EQD pdamage15 {
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:32%;
  left:47.5%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

 /* �v�钬 7 */
.EQD pdamage16{
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:48.2%;
  left:39.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.EQD pdamage17{
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:49.8%;
  left:40.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
  
.EQD pdamage18{
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:50.5%;
  left:42%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.EQD pdamage19{
  position: absolute;
  color: white;                  /* 中の色 */
  -webkit-text-stroke: 2px black;/* 黒い縁取り（Chrome, Edge, Safari対応） */
  text-align: center;
  font-size: calc(12px +  5 * ((100vw - 600px) / 1200));
  top:52%;
  left:44%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.EQD a:hover{/*�J�[�\���𓖂Ă��Ƃ�*/
  background: rgba(255, 255, 255, 0.3);/*�w�i�𔼓�����*/
  }



.circled-number {
    /* �w�i�F�ƕ����F�̐ݒ� */
    background-color: #A5002;  /* �w�i�F�i�j */
    color: #ffffff;            /* �����F�i���j */

    /* �~�̌`��ƃT�C�Y�̐ݒ� */
    display: inline-block;                                   /* �C�����C���u���b�N�v�f�Ƃ��ĕ\�� */
    width: 5px ;  /* �� */
    height: 5px ; /* ���� */
    border-radius: 50%;                                      /* �p�ۂ�50%�ɐݒ肵�A�~�`�ɂ��� */

    /* �����̃Z���^�����O */
    text-align: center;                                      /* ���������̒������� */
    line-height: 5px;  /* �s�̍����������ƈ�v�����A���������̒������������� */

    /* �t�H���g�T�C�Y�̒����i�C�Ӂj */
    font-size: calc(3.5px +  3.5 * ((100vw - 600px) / 1200));px;
    font-weight: bold;
}



/* ===== �������i�c���сj�Łu���}�v�����������摜�̏�ɏo�� ===== */
@media (max-width: 700px) {
  /* ���}�i.image-row �̍ŏ��̎q <a>�j���cFlex�ɂ��A�������t�] */
  .image-row > a {
    display: flex !important;          /* ��� inline-block ���㏑�� */
    flex-direction: column-reverse;     /* ���ɂ��� .text ���ɕ\�� �� �L���v�V�������� */
    align-items: center;                /* �����񂹁i�C�Ӂj */
    width: 100%;                        /* ���C�A�E�g���͈ێ� */
  }

  /* ���}�̃L���v�V�����F��ɗ���̂ʼn����ɗ]����t���� */
  .image-row > a .text {
    position: static !important;        /* �O�̂��ߐ�Δz�u�����S������ */
    margin: 0 0 8px 0 !important;       /* ���� 8px �����]�� */
    text-align: center;
  }

  /* ���}�̉摜�͉����Ƀt�B�b�g�i���S���j */
  .image-row > a img {
    max-width: 100%;
    height: auto;
  }
}



/* ******** ! �������f�w�Ɋւ���y�[�W ! ******** */


.AFT {
  position: relative; /* �e�v�f����ɂ��� */
  /* width��height�ʼn摜�̃T�C�Y�ɍ��킹��Ɨǂ� */
}


.AFT img{
  width: 100%;
   height: auto; 
  }

  /* �R���e�i�ݒ� */
.AFT image-row {
    display: flex;              /* �����тɂ��� */
    flex-wrap: wrap;            /* ��������Ȃ��ꍇ�͐܂�Ԃ� */
    gap: 2px;                   /* �摜�Ԃ̗]�� */
    justify-content: center;    /* ������ */
      position: relative; /* �e�v�f����ɂ��� */
  }

.AFT pdamage1 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 13.0%;
  left: 89.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.AFT pdamage2 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 15.4%;
  left: 86.4%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.AFT pdamage3 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 18.8%;
  left: 84.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
  
.AFT pdamage4 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 23%;
  left: 81.8%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.AFT pdamage5 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 45.7%;
  left: 60.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.AFT pdamage6 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 58.5%;
  left: 46.0%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.AFT pdamage7 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 62.6%;
  left: 39.7%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.AFT pdamage8 {
  position: absolute;
  color: #000000;
  font-size: calc(5px + 10 * ((100vw - 320px) / 670));
  top: 69.4%;
  left: 38.2%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}

.AFT a:hover{/*�J�[�\���𓖂Ă��Ƃ�*/
  background: rgba(255, 255, 255, 0.3);/*�w�i�𔼓�����*/
  }