/*コンテンツ内容*/

  img.corner-image {
      width: 200px;
      border-radius: 10px;
    }






    .description {
      margin-bottom: 30px;
		
		
    }

.description .more-button {
     text-align: right;
    }


    .comparison {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
    }



    .comparison > div {
      flex: 1;
      background: #e9e9e9;
      padding: 15px;
      border-radius: 8px;
    }


    .case {
      margin-bottom: 20px;
      background: #e9e9e9;
      padding: 15px;
      border-radius: 8px;
    }






/*コンテンツ内容*/




/*表*/



    table {
      border-collapse: collapse;
      width: 90%;
      margin-top: 20px;
      border-radius: 8px;
      overflow: hidden;
      table-layout: fixed;
		
    }


    th {
      background-color: #f39c12;
      color: #fff;
      padding: 12px;
      font-size: 16px;
      word-break: break-word;
    }

    td {
      background-color: #fffaf5;
      padding: 12px;
      text-align: center;
      font-size: 14px;
      transition: background-color 0.3s;
      word-break: break-word;
		  color:#5A5A5A;
    }
	  
	  td,th{
		  
		  font-family:Arial, Helvetica, YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
		  
		  font-weight: bold;
		
		  
	  }

    /* 1列目のセルの右側に太い白線 */
    th:first-child, td:first-child {
      border-right: 4px solid #ffffff;
    }

    /* 1列目の交互の色（奇数行） */
    tbody tr:nth-child(odd) td:first-child {
      background-color: #e67e22; /* 濃いオレンジ */
      color: white;
      font-weight: bold;
    }

    /* 1列目の交互の色（偶数行） */
    tbody tr:nth-child(even) td:first-child {
      background-color: #d35400; /* 少し濃いオレンジ */
      color: white;
      font-weight: bold;
    }

    /* 1列目以外の偶数行の背景色 */
    tbody tr:nth-child(even) td:not(:first-child) {
      background-color: #fff2e0;
    }

    /* ホバー時の背景色 */
    tr:hover td {
      background-color: #ffe7c0;
    }

table {
  width: 100%;       /* 親の幅にフィット */
  table-layout: auto; /* 自動で幅調整 */
  overflow: visible;  /* 横スクロールさせない */
  border-collapse: collapse;
  word-break: break-word; /* 長い単語も折り返す */
}

th, td {
  white-space: normal; /* テキスト折り返し許可 */
  word-wrap: break-word; /* 折り返しを補助 */
  font-weight: normal; /* もし文字が重すぎたらここで調整 */
  padding: 8px;
}

.colgroup col:first-child {
  width: auto; /* 固定幅を外す */
}

.colgroup col:not(:first-child) {
  width: auto; /* 固定幅を外す */
}


/*表*/


@media (max-width: 600px) {
  .comparison {
    flex-direction: column; /* 横並び→縦並びに変更 */
  }
	.more-button{
		
		font-size:13px;
		
	}
	
	
	
	

}





/*修正箇所ハム*/