@charset "utf-8";
/*==================================================
	【サブ】ページ固有のスタイル
==================================================*/
#ct .ct_msg::after {
	content: "CT SCAN";
}
#ct .ct_msg .img_box {
	width: calc(100% - 800px);
}
#ct .ct_msg .txt_box {
	width: 750px;
}
#ct .merit_box::before {
	background: #f9f4a7;
}
#ct .merit_box::after {
	content: "MERIT";
	right: auto;
	left: calc(((100vw - 100%) / 2) * -1);
}
#ct .demerit::after {
	content: "DEMERIT";
	top: auto;
	bottom: -130px;
}
#ct .merit_box h3{
	font-size : 54px;
	font-weight: 400;
	margin-bottom: 30px;
}
#ct .merit_box li {
	background: #fff;
	padding: 15px 25px;
	margin-bottom: 15px;
}
#ct .ct_contents tr:nth-of-type(odd) {
	background: #f7f7f7;
}
#ct .ct_contents th {
	background: #f9f4a7;
	text-align: center;
}
#ct .ct_contents .img_box {
	width: calc(100% - 760px);
}
#ct .ct_contents .txt_box {
	width: 730px;
	font-size : 27px;
	line-height : 52px;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#ct .ct_msg .txt_box {
		width: 70%;
	}
	#ct .ct_msg .img_box {
		width: 25%;
	}
	#ct .ct_msg .img_box img {
		object-fit: cover;
		height: 100%;
	}
	#ct .merit_box h3 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	#ct .merit_box li {
		padding: 10px;
	}
	#ct .demerit::after {
		bottom: -70px;
	}
	#ct .ct_contents th,#ct .ct_contents td {
		padding: 10px;
	}
	#ct .ct_contents .txt_box {
		width: 70%;
		font-size: 100%;
		line-height: 1.8em;
	}
	#ct .ct_contents .img_box {
		width: 25%;
	}
	#ct .ct_contents .img_box img {
		object-fit: cover;
		height: 100%;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#ct .ct_msg .box_flex_sp {
		flex-direction: column-reverse;
	}
	#ct .ct_msg .txt_box {
		width: 100%;
	}
	#ct .ct_msg .img_box {
		width: 80%;
		margin: 30px auto 0;
	}
	#ct .demerit::after {
		bottom: -57px;
	}
	#ct .ct_contents th, #ct .ct_contents td {
		display: table-cell;
		padding: 5px;
		font-size: 80%;
	}
	#ct .ct_contents th:first-of-type {
		width: 25%;
	}
	#ct .ct_contents th:not(:first-of-type) {
		width: 65%;
	}
	#ct .ct_contents .txt_box {
		width: 100%;
	}
	#ct .ct_contents .img_box {
		width: 80%;
		margin: 20px auto 0;
	}
}