body { background-color: #fffffff; font: 30px sans-serif; }

.element {
  width: 100%; /* 幅を親要素の幅に対して100%に設定 */
}


/*----��ԏ�́Atitle�̕���----*/
h3{
	margin: 0 auto;
	position: relative;
	padding: 5px;
	font: normal 20px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background: #eee;
}


/*----�{�^��----*/
button {
font:20px/1.6 Arial, Helvetica, sans-serif;  
background: #E0FFFF;  
border: 1px solid Blue;  
border-radius: 9px;  
color: #111;  
width: 130px;  
padding: 5px 0;  
} 


svg {
  border: 1px solid black;
  background: #000;
}







.ex-1:before{
position: absolute;
top:50%;
left:-25px;
content: "";
border: 25px solid transparent;
border-right-color: #006400;
z-index: -1;
}





table.list tr td:nth-child(2) {
    text-align: center;
 margin: 0 auto; 
     font-size: 12px;  
}

table.list tr td:nth-child(3) {
    text-align: left;
     font-size: 18px;�@ 
 margin: 0 auto; 
}

table.list tr td:nth-child(4) {
    text-align: left;
     font-size: 12px;�@�@
}


table.list caption {
     margin: 0 auto; 
    padding: 9px;
    background-color: #ffff66;
    border: 1px solid gray;
     font-size: 25px;�@<!-- �^�C�g���T�C�Y-->

}
table.list th {
    background-color: #ffff66;
     padding: 1px;
     font-size: 15px; <!--�@�Z���^�C�g���T�C�Y-->

}
table.list td {
    background-color: #ffffff; 
}
table.list .col_1 {
    width: 5px;
}
table.list .col_no {
 text-align: center;
    width: 5px;
 
}
table.list .col_eng {
    width: 500px;

 text-align: left;
   
}

table.list .col_eng2 {
    width: 1000px;

 text-align: left;
   
}



table.list .col_jpn {
    width: 500px; 
   
}



.�����{�^�� { animation: �����{�^��_9629 3s linear infinite; transform-origin: 50% 50%; } @keyframes �����{�^��_9629 { 0% { transform: scale(1) } 8.33333% { transform:scale(.9) rotate(-8deg) } 16.66667% { transform:scale(.9) rotate(-8deg) } 25% { transform:scale(1.3) rotate(8deg) } 33.33333% { transform:scale(1.3) rotate(-8deg) } 41.66667% { transform:scale(1.3) rotate(8deg) } 50% { transform:scale(1.3) rotate(-8deg) } 58.33333% { transform:scale(1.3) rotate(8deg) } 66.66667% { transform:scale(1) rotate(0) } 100% { transform:scale(1) rotate(0) } }







@media screen and (max-width: 499px) {
  /*�@��ʃT�C�Y 499px�܂œK�p�@*/
  .content {
    color: #red;
  }
}

@media screen and (min-width: 500px) and (max-width: 999px) {
  /*�@��ʃT�C�Y 500px����999px�܂œK�p�@*/
  .content {
    color: #green;
  }
}

@media screen and (min-width:1000px) {
  /*�@��ʃT�C�Y 1000px�ȏォ��K�p�@*/
  .content {
    color: #blue;
  }
}