.image-area-s {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  /* background-color: #cce8e9; */
	background-color: #fff;
  padding-bottom: 30px;
}

.image-area-s__inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0 0px 0;
}

.image-area-s__title {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.image-area-s__sub-title {
	text-align: center;
	color: #3a958c;
}

/* 混練 */
.bg-konren {
  /* background-color: #cce8e9; */
	background-color: #fff;
}

.bg-konren .machine-name {
  color: #3a958c;
	border-left: #3a958c 8px solid;
	border-bottom: #3a958c 1px solid;
	padding-left: 15px;
}

.bg-konren .test-machine_table th {
	border-bottom: 1px solid #3a958c;
}

.bg-konren .test-machine_table td {
	border-bottom: 1px solid #3a958c;
}

.bg-konren .image-area-s__title {
	color: #3a958c;
}

.bg-konren .image-area-s__sub-title {
	color: #3a958c;
}


/* 粉砕 */
.bg-funsai {
  /* background-color: #cce8e9; */
	background-color: #fff;
}

.bg-funsai .machine-name {
  color: #007db5;
	border-left: #007db5 8px solid;
	border-bottom: #007db5 1px solid;
	padding-left: 15px;
}

.bg-funsai .test-machine_table th {
	border-bottom: 1px solid #007db5;
}

.bg-funsai .test-machine_table td {
	border-bottom: 1px solid #007db5;
}

.bg-funsai .image-area-s__title {
	color: #007db5;
}

.bg-funsai .image-area-s__sub-title {
	color: #007db5;
}

/* 乾燥 */
.bg-kansou {
  /* background-color: #cce8e9; */
	background-color: #fff;
}

.bg-kansou .machine-name {
  color: #f08300;
	border-left: #f08300 8px solid;
	border-bottom: #f08300 1px solid;
	padding-left: 15px;
}

.bg-kansou .test-machine_table th {
	border-bottom: 1px solid #f08300;
}

.bg-kansou .test-machine_table td {
	border-bottom: 1px solid #f08300;
}

.bg-kansou .image-area-s__title {
	color: #f08300;
}

.bg-kansou .image-area-s__sub-title {
	color: #f08300;
}


/* ページジャンプ位置調整 */
.n_anchor {
  padding-top: 120px;
	margin-top: -120px;
}

/* ページ概要 */
.page-summary {
  text-align: center;
  color: #333;
  font-size: 20px;
	font-weight: 600;
  padding-bottom: 50px;
}


/* ナビ */
.test-machine_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
  text-align: center;
	/* margin-top: 10px; */
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.details {
  max-width: 270px;
  color: #666;
  font-weight: 600;
  line-height: 2.0;
  width: 80%;
  margin: 0 auto;
}

.details a {
  color: inherit;
}

.details__summary {
  position: relative;
  display: block;
  font-size: 18px;
  cursor: pointer;
  margin: 0;
  padding: 10px 0px 10px 0px;
  transition: opacity 0.3s;
  border-bottom: 3px solid;
}

.details__summary:hover {
  opacity: 50%;
}

/* .details__summary::-webkit-details-marker {
  display: none;
} */

.details__content {
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.details__content > * {
  margin: 0;
  padding-top: 16px;
}

.details__content > *:last-child {
  padding-bottom: 16px;
}

.details .color_kr {
	color: #3a958c;
  border-image: linear-gradient(to right, transparent 0%, #3a958c 50%, transparent 100%) 1;
}

.details .color_fs {
	color: #228ab9;
  border-image: linear-gradient(to right, transparent 0%, #228ab9 50%, transparent 100%) 1;
}

.details .color_ks {
	color: #f09d38;
  border-image: linear-gradient(to right, transparent 0%, #f09d38 50%, transparent 100%) 1;
}

.details__content a {
  color: #444;
}

.details__content a:hover {
  opacity: 50%;
}



/* 仕様表 */
.machine-name {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.machine-name span {
	font-size: 16px;
}

.js-scrollable {
	margin-bottom: 70px;
}

.test-machine_table {
	text-align: center;
	font-size: 15px;
}

.test-machine_table span {
	font-size: 12px;
}

.test-machine_table th {
	text-align: left;
	vertical-align: middle;
	/* text-align-last: justify; */
	width: 120px;
	padding: 4px 0 4px 5px;
	border-bottom: 1px solid #3a958c;
}

.test-machine_table td {
	vertical-align: middle;
	width: 220px;
	padding: 4px 0px;
	border-bottom: 1px solid #3a958c;
}

.test-machine_table img {
	width: 200px;
	height: 180px;
	object-fit: cover;
}

/* 上付き文字 */
.test-machine_table .sup {
	vertical-align: super;
	font-size: smaller;
}

@media (max-width: 1036px) {
	.machine-name {
		width: 85%;
		margin: 0 auto;
	}
	.js-scrollable {
		width: 90%;
		margin: 0 auto 70px;
	}
	.test-machine_table th {
		min-width: 120px;
	}

	.test-machine_table td {
		min-width: 220px;
	}

	.page-summary {
 		font-size: 16px;
    	padding: 0 20px 50px 20px;
	}

	.image-area-s__title{
		font-size: 24px;
	}

	.image-area-s__sub-title{
    	font-size: 14px;
    	padding-bottom: 15px;
	}

	.machine-name {
    	font-size: 20px;
	}
}