@charset "UTF-8";

*{font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num', sans-serif;}

.scroll {
	overflow-x: auto;      /* 横スクロールバーが出るようにする */
	-webkit-overflow-scrolling: touch; /* iOSなどで慣性スクロール */
	width: 100%;}

	.scroll.active {
		cursor: grabbing; /* ドラッグ中 */
	  }

.change-merit {
	margin: 0 20px 40px;
}


/* table.compare01 {
	margin-top: 0;
} */

table.compare01 td, th {
    font-weight: 400!important;

}

font-family: YakuHanJP, 'Noto Sans JP', 'noto-fallback', 'rome_num', sans-serif;
.table.pconly02.compare01 {
	table-layout: fixed;         /* 幅を固定レイアウト化 */
	width: 100%;                 /* 親要素に合わせる */
	min-width: 1000px;            /* これ以上は縮まないように */
	border-collapse: collapse;    /* 枠線を重ねる場合 */
  }

table.compare01 {
	/* 幅を固定レイアウト化 */
	table-layout: fixed;  
	/* 横幅を 100% にし、親要素に合わせる */
	width: 100%;         
	border-collapse: collapse; /* 枠線を重ねる場合 */
  }
  
  table.compare01 col {
	/* ここでは 10 列を想定し、1 列あたり 10% の幅 */
	width: 10%;
  }
  
  /* th, td に対してオーバーフローする文字を省略表示したい場合 */
  table.compare01 th, 
  table.compare01 td {
	white-space:wrap;     /* 改行をさせない */
     /* はみ出た部分を非表示にする */
	text-overflow: ellipsis; /* 省略記号(…)で表示 */
  }
  

table.sp_table {
	display: none !important;
}

@media screen and (max-width:767px) {
	.pagetop {
		bottom: 0;
	}

	.sponly {
		width: 100%;
	}

	table th {
		border-right: none;
	}

	.change-head {
		border-bottom: none;
	}

	.rline {
		border-right: none !important;
	}

	/* table.sp_table {
		max-width: 500px;
		display: block !important;
		margin: 0 auto 30px;
	} */

  /* sp_table に関する修正 */
  table.sp_table {
    display: table !important;      /* テーブルとして表示する */
    margin: 0 auto;                 /* 余白が出たときに中央揃え */
    border-collapse: collapse;
    table-layout: fixed;            /* 列幅を均一に扱う */
    /* width: 100%; は削除する（必要最小限の幅にするため） */
  }

  /* 2列想定の場合(例)は50%ずつに */
  table.sp_table th,
  table.sp_table td {
    width: 50%;
    /* 必要に応じて text-align: center; や word-wrap, white-space なども調整 */
  }
	table.sp_table:last-of-type {
		margin: 0 auto;
	}

	table.sp_table th {
		display: table-cell;
		border-right: 1px solid #bebebe;
	}

	table.sp_table tr td {
		min-height: auto;
		display: table-cell;
		word-break: normal;
		border-top: none;
		border-right: 1px solid #bebebe;
	}

	table.sp_table td.gray {
		height: 25px;
		font-weight: bold;
		background: #f5f5f5;
	}

	table.sp_table td {
		width: 50%;
	}

	table.sp_table td[colspan="2"] {
		width: 100%;
	}