@charset "UTF-8";
/*   all_parts   */
[data-pagetype="index"] #contents, [data-pagetype="detail"] #contents {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
}
[data-pagetype="index"] #contents_inner, [data-pagetype="detail"] #contents_inner {
	width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#main_contents {
	width: 1000px;
	margin: 0 auto;
}
[data-pagetype="index"] #main_contents, [data-pagetype="detail"] #main_contents {
	width: 790px;
}
/*   index   */
body[data-pagetype="index"] #back-img {
	background-image: url(/jp/common/back-img/list_cdmo_chemicals_top.jpg);
	min-height: 563px;
}
#listtitle_area {
	width: 1000px;
	height: 385px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}
#listtitle_area h1 {
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.2rem;
	font-size: clamp(26px,3.2rem,48px);
	font-weight: 500;
	line-height: 46px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 0 0 15px 0;
}
#listtitle_area span {
	width: 350px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-size: 2rem;
	font-size: clamp(14px,2rem,30px);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 0 20px 0;
}
/* 共通部分はまとめる */
#listtitle_area span::before, #listtitle_area span::after {
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #212121;
}
/* 左側の線 */
#listtitle_area span::before {
	margin-right: 10px;
	padding-left: 15px;
}
/* 右側の線 */
#listtitle_area span::after {
	margin-left: 10px;
	padding-right: 15px;
}
#listtitle_area p {
	width: 100%;
	font-size: 1.5rem;
	font-size: clamp(10px,1.5rem,22.5px);
	font-weight: 500;
	line-height: 40px;
	color: #212121;
	letter-spacing: 0.3em;
	text-align: left;
	padding: 0;
}
#main_contents #top_read_area {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#main_contents #top_read_area .top_readcatch_block {
	background-image: url(image/top_arrow.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	padding: 0 0 80px 0;
}
#main_contents #top_read_area .top_readcatch_block ul {
	display: inline-block;
	margin: 0 auto;
}
#main_contents #top_read_area .top_readcatch_block li {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
}
#main_contents #top_read_area .top_readcopy_block {
	padding: 30px 0 50px 0;
}
#main_contents #top_read_area .top_readcopy_block p {
	font-size: 2rem;
	font-size: clamp(14px,2rem,30px);
	font-weight: 500;
	line-height: 40px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: center;
}
#main_contents #top_read_area .top_readpoint_block {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 25px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area {
	width: 48%;
	padding: 2px;
	margin: 0 0 4% 0;
	border: solid 1px #e6e6e6;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	background-color: #f0f0f0;
	transition: all 0.5s;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block .uncher_detailphoto_box {
	width: 115px;
	padding: 20px 0 20px 25px;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block .uncher_detailname_box {
	width: calc(100% - 115px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block .uncher_detailname_box h2 {
	margin: 0;
	padding: 0 10px;
	font-size: 2rem;
	font-size: clamp(14px,2rem,30px);
	font-weight: 400;
	line-height: 26px;
	color: #0056ba;
	letter-spacing: 0.2em;
	text-align: left;
	position: relative;
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area .uncher_detail_block .uncher_detailname_box h2::after {
	content: " ";
	display: block;
	width: 24px;
	height: 24px;
	margin: 20px auto 0 auto;
	background-image: url(/jp/common/images/link_arrow_red.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
#main_contents #top_read_area .top_readpoint_block .uncher_list_area p {
	padding: 20px;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 22px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
}
/*description_area*/
#main_contents .description_area {
	margin: 0 0 50px 0;
}
#main_contents .description_area h2 {
	font-size: 2.2rem;
	font-size: clamp(16px,2.2rem,33px);
	font-weight: 500;
	line-height: 22px;
	color: #0056ba;
	letter-spacing: 0.2em;
	text-align: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}
#main_contents .description_area h2::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 15px 0 5px;
	background-size: 100%;
}
#main_contents #uncher01 h2::before {
	background-image: url(image/top_icon01.png);
}
#main_contents #uncher02 h2::before {
	background-image: url(image/top_icon02.png);
}
#main_contents #uncher03 h2::before {
	background-image: url(image/top_icon03.png);
}
#main_contents #uncher04 h2::before {
	background-image: url(image/top_icon04.png);
}
#main_contents .description_area h2::after {
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #0056ba;
	margin-left: 10px;
	padding-right: 15px;
}
#main_contents .description_area .description_block {
	margin: 15px 0 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#main_contents .description_area .description_block .description_copy_box {
	width: calc(100% - 195px);
}
#main_contents .description_area .description_block .description_copy_box p {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .description_area .description_block .description_copy_box ul {
	list-style: none;
	margin: 0 0 0 1.3rem;
}
#main_contents .description_area .description_block .description_copy_box li {
	padding: 0;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
}
#main_contents .description_area .description_block .description_copy_box li::before {
	content: "◎";
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: -1.3rem;
}
#main_contents .description_area .description_block .description_photo_box {
	width: 175px;
}
/*リンク*/
#main_contents .main_detail_inner #detail_link_area {
	margin: 0 0 40px 0;
}
/*   detail   */
#main_contents .main_detail_inner {
	width: 790px;
	padding: 40px 50px 0 0;
	background-color: #fff;
}
body[data-pagetype="detail"] #back-img {
	min-height: 330px;
}
#maintitle_area {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}
#maintitle_area h2 {
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.2rem;
	font-size: clamp(16px,2.2rem,33px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	padding: 40px 0;
}
#maintitle_area p.catchtitle_part {
	width: 100%;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 46px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	padding: 0;
}
#maintitle_area p.subtitle_part {
	width: 145px;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 14px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 10px 0 0 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
}
/* 共通部分はまとめる */
#maintitle_area p.subtitle_part::before, #maintitle_area p.subtitle_part::after {
	content: "";
	flex-grow: 1;
	border-bottom: 1px solid #212121;
}
/* 左側の線 */
#maintitle_area p.subtitle_part::before {
	margin-right: 10px;
	padding-left: 15px;
}
/* 右側の線 */
#maintitle_area p.subtitle_part::after {
	margin-left: 10px;
	padding-right: 15px;
}
#main_contents .main_detail_inner #title_area {
	width: 100%;
	margin: 0 0 20px 0;
}
#main_contents .main_detail_inner #title_area h1 {
	font-size: 3rem;
	font-size: clamp(24px,3rem,45px);
	font-weight: 400;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 25px 0;
	padding: 20px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
/*casestudy*/
#main_contents .main_detail_inner .casestudy_area {
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudy_area h2 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	background-color: #dddddd;
	margin: 0 0 15px 0;
	padding: 10px 15px;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_readcopy_block {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: solid 1px #dddddd;
	padding: 25px 0 0 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box {
	width: 415px;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box h3 {
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 0 20px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box .casestudy_pointtask_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box .casestudy_pointtask_part::before {
	content: "課題";
	display: block;
	letter-spacing: 0.2em;
	margin: 0 0 10px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box .casestudy_pointresult_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 18px;
	color: #e6002d;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box .casestudy_pointresult_part::before {
	content: "効果";
	display: block;
	letter-spacing: 0.2em;
	margin: 0 0 10px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box a {
	width: 100%;
	display: block;
	padding: 0;
	text-align: center;
	transition: all 0.5s;
	background-color: rgba(255, 255, 255, 1.0);
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box a span {
	width: 100%;
	padding: 10px 0;
	margin: 0;
	display: block;
	font-size: 1.5rem;
	font-size: clamp(10px,1.5rem,22.5px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.15em;
	text-align: center;
	position: relative;
	background-color: #fff;
	border: solid 1px #e6e6e6;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box a span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/jp/common/images/link_arrow_red.svg);
	margin: auto;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointphoto_box {
	width: 260px;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointatt_block {
	width: 100%;
	padding: 10px 0;
	margin: 0;
	font-size: 1.2rem;
	font-size: clamp(10px,1.2rem,18px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block {
	border-bottom: solid 1px #dddddd;
	padding: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block .casestudy_pointcopy_box {
	width: 100%;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block .casestudy_pointcopy_box h3 {
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 0 20px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block .casestudy_pointcopy_box .casestudy_pointmidashi_part {
	font-size: 2rem;
	font-size: clamp(14px,2rem,30px);
	font-weight: 500;
	line-height: 26px;
	color: #e6002d;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block .casestudy_pointcopy_box .casestudy_pointread_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .casestudy_area .casestudy_pointdetail_block .casestudy_pointcopy_box .casestudy_pointread_part:last-of-type {
	margin: 0;
}
#main_contents .main_detail_inner .casestudydetail_area {
	margin: 0 0 40px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black {
	margin: 0;
	border-bottom: solid 1px #dddddd;
	padding: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_task_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_taskatt_part {
	font-size: 1.2rem;
	font-size: clamp(10px,1.2rem,18px);
	font-weight: 300;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 5px 0 0 0;
	display: inline-block;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_task_part::before {
	content: "課題";
	display: block;
	letter-spacing: 0.2em;
	margin: 0 0 10px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_taskarrow_part {
	background-image: url(image/top_arrow.svg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	padding: 0 0 80px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_taskphoto_block {
	text-align: center;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_taskphoto_block span {
	font-size: 1.2rem;
	font-size: clamp(10px,1.2rem,18px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: center;
	padding: 5px 0;
	display: block;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task2_black .casestudy_taskmidashi_part {
	font-size: 2.4rem;
	font-size: clamp(18px,2.4rem,36px);
	font-weight: 500;
	line-height: 34px;
	color: #e6002d;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 45px 0 45px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task2_black .casestudy_taskcopy_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3photo_box {
	padding: 40px 20px;
	border: solid 1px #e6e6e6;
	text-align: center;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3photo_box p {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 10px 0 0 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_taskphoto_box {
	padding: 20px 0;
	text-align: center;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3midashi_part {
	margin: 40px 0 20px 0;
	padding: 10px 10px;
	background-color: #f0f0f0;
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3copy_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3list_box {
	list-style: none;
	margin: 0 0 0 1.3rem;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3list_box li {
	padding: 0;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3list_box li::before {
	content: "◎";
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: -1.3rem;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultmidashi_part {
	margin: 40px 0 20px 0;
	padding: 10px 10px;
	border: solid 1px #e6002d;
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 400;

	color: #e6002d;
	letter-spacing: 0.2em;
	text-align: left;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultcopy_part {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 500;
	line-height: 26px;
	color: #e6002d;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultlist_part {
	list-style: none;
	margin: 0 0 0 1.3rem;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultlist_part li {
	padding: 0 0 5px 0;
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 500;
	line-height: 26px;
	color: #e6002d;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
}
#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultlist_part li::before {
	content: "◎";
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: -1.3rem;
}
#main_contents .main_detail_inner .casestudybuy_area {
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .casestudybuy_area h2 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	background-color: #dddddd;
	margin: 0 0 15px 0;
	padding: 10px 15px;
}
#main_contents .main_detail_inner .casestudybuy_area .casestudy_buycopy_block {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 25px 0;
}
/*equipment*/
#main_contents .main_detail_inner .equipment_area {
	margin: 0 0 50px 0;
}
#main_contents .main_detail_inner .equipment_area h2 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	background-color: #dddddd;
	margin: 0 0 15px 0;
	padding: 10px 15px;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0 0;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box {
	width: calc(100% - 200px);
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block.copy_mode .equipment_detailcopy_box {
	width: calc(100% - 240px);
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box p {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 15px 0;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box .equipment_detailcopy_imag_pert {
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box .equipment_detailcopy_imag2wey_pert {
	margin: 0 0 30px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box .equipment_detailcopy_imag2wey_pert img {
	margin: 0 20px 0 0;
	height: 100%;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box {
	width: 180px;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block.copy_mode .equipment_detailphoto_box {
	width: 240px;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box p {
	font-size: 1.3rem;
	font-size: clamp(10px,1.3rem,19.5px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 5px 0 0 0;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box p.equipment_detailphoto_midashi_part {
	font-weight: 500;
	text-align: center;
	margin: 0;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box p.equipment_detailphoto_copy_part {
	text-align: center;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box p.equipment_detailphoto_maincopy_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 500;

	color: #212121;
	letter-spacing: 0.1em;
	text-align: center;
}
#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box .equipment_taskarrow_part {
	background-image: url(image/top_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25%;
	text-align: center;
	padding: 0 0 70px 0;
}
/*scaleup*/
#main_contents .main_detail_inner .scaleup_list_area {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 25px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main_contents .main_detail_inner .scaleup_list_area a {
	width: 350px;
	padding: 2px;
	margin: 0 0 20px 0;
	border: solid 1px #ccc;
	display: block;
	transition: all 0.5s;
	background-color: rgba(255, 255, 255, 1.0);
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#main_contents .main_detail_inner .scaleup_list_area a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}
#main_contents .main_detail_inner .scaleup_list_area a img {
	width: 100%;
}
#main_contents .main_detail_inner .scaleup_list_area a .main_name {
	width: 100%;
	padding: 5px 10px;
	margin: 15px 0 5px 0;
	display: block;
	font-size: 1.5rem;
	font-size: clamp(10px,1.5rem,22.5px);
	font-weight: 500;

	color: #212121;
	letter-spacing: 0.15em;
	text-align: left;
	position: relative;
}
#main_contents .main_detail_inner .scaleup_list_area a .main_name::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/jp/common/images/link_arrow_red.svg);
	margin: auto;
}
#main_contents .main_detail_inner .scaleup_list_area a .main_copy {
	width: 100%;
	padding: 5px 10px;
	margin: 5px 0 15px 0;
	display: block;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.10em;
	text-align: left;
	position: relative;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block {
	padding: 0 0 25px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointmaincopy_box {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointsubcopy_box {
	font-size: 1.3rem;
	font-size: clamp(10px,1.3rem,19.5px);
	font-weight: 300;
	line-height: 22px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto_box {
	width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #e6e6e6;
	padding: 20px 0 25px 0;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotocopy_part h3 {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 500;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 0 5px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotocopy_part p {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotoimg_part {
	width: 330px;
	margin: 0 0 0 40px;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .casestudy_pointcopy_box h3 {
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 0 20px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .casestudy_pointcopy_box .casestudy_pointmidashi_part {
	font-size: 2rem;
	font-size: clamp(14px,2rem,30px);
	font-weight: 500;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .casestudy_pointcopy_box .casestudy_pointread_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .casestudy_pointcopy_box .casestudy_pointread_part:last-of-type {
	margin: 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block ul.scaleup_pointlist_box {
	list-style: none;
	margin: 0 0 0 1.3rem;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block ul.scaleup_pointlist_box li {
	padding: 0;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block ul.scaleup_pointlist_box li::before {
	content: "◎";
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	left: -1.3rem;
}
/*scaleup03_detail*/
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup03_detail {
	align-items: flex-start;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup03_detail .scaleup_pointphotocopy_part p {
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup03_detail .scaleup_pointphotoimg_part {
	width: 275px;
}
/*scaleup04_detail*/
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup04_detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 30px 0 0 0;
}
/*scaleup056_detail*/
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup05_detail, #main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup06_detail {
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup05_detail img, #main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup06_detail img {
	width: 100%;
	height: auto;
}
/*synthesis*/
#main_contents .main_detail_inner .synthesis_area {
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block {
	padding: 0 0 40px 0;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block h2 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	background-color: #dddddd;
	margin: 0 0 15px 0;
	padding: 10px 15px;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointmidashi_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box {
	width: 100%;
	border-top: solid 1px #e6e6e6;
	padding: 20px 0 25px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .non_border {
	border-top: none 1px #e6e6e6;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box h3 {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 300;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointimg_part {
	width: 420px;
	margin: 0 0 0 20px;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointallimg_part {
	width: 100%;
	text-align: center;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointread_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointread_part:last-of-type {
	margin: 0;
}
/*flow*/
#main_contents .main_detail_inner .flow_area {
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .flow_area .flow_pointdetail_block {
	padding: 0 0 40px 0;
}
#main_contents .main_detail_inner .flow_area .flow_pointdetail_block .flow_pointmidashi_part {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.05em;
	text-align: left;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .flow_area .flow_pointdetail_block .flow_pointcopy_box {
	width: 100%;
	padding: 20px 0 25px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
#main_contents .main_detail_inner .flow_area .flow_pointdetail_block .flow_pointcopy_box .flow_pointallimg_part {
	width: 100%;
	text-align: center;
}
/*flow-synthesis-contract*/
#main_contents .main_detail_inner .flowArea {
	margin: 0 0 40px 0;
}
#main_contents .main_detail_inner .flowArea h2 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	background-color: #ddd;
	margin: 0 0 15px 0;
	padding: 10px 15px;
	border-left: solid 3px #212121;
}
#main_contents .main_detail_inner .flowArea h3 {
	font-size: 1.8rem;
	font-size: clamp(12px,1.8rem,27px);
	font-weight: 400;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	border-bottom: solid 1px #ddd;
	margin: 0 0 15px 0;
	padding: 10px 0;
}
#main_contents .main_detail_inner .flowArea h4{
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	text-indent: 1rem;
	margin: 0 0 15px 0;
	padding: 10px 0;
}
#main_contents .main_detail_inner .flowArea .readCopy {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 20px 0;
}
#main_contents .main_detail_inner .flowArea .flow_img_block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0 0;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_box {
	margin: 0 0 30px 0;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_box h4 {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 300;
	line-height: 18px;
	color: #fff;
	letter-spacing: 0.2em;
	text-align: center;
	background-color: #939393;
	margin: 0 0 15px 0;
	padding: 5px 15px;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_box .blue {
	background-color: #0089D0;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_box img{
	width: 100%;
	height: auto;
}
#main_contents .main_detail_inner .flowArea .flow_cost_block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
}
#main_contents .main_detail_inner .flowArea .flow_cost_block .flow_cost_box{
	width: 49%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	padding: 10px;
	margin-bottom:15px;
    border: solid 5px #ddd;
}
#main_contents .main_detail_inner .flowArea .flow_cost_block .flow_cost_box .flow_cost_img{
	width: 100%;
    max-height: 100px;
    object-fit: contain;
	margin-bottom: 10px;
}
#main_contents .main_detail_inner .flowArea .flow_cost_block .flow_cost_box .flow_cost_title{
	width: 100%;
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: center;
	margin-bottom: 10px;
}
#main_contents .main_detail_inner .flowArea .flow_cost_block .flow_cost_box .flow_cost_text{
	width: 100%;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 1.5;
	color: #212121;
	letter-spacing: 0.15em;
	text-align: left;
	margin-bottom: 10px;
}
#main_contents .main_detail_inner .flowArea .flow_co2{
	width: 100%;
	margin-bottom: 10px;
}
#main_contents .main_detail_inner .flowArea .example_block .flow_exampletitle_part {
	font-size: 1.6rem;
	font-size: clamp(10px,1.6rem,24px);
	font-weight: 500;
	line-height: 18px;
	color: #212121;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 0 5px 0;
}
#main_contents .main_detail_inner .flowArea .example_block .flow_examplecopy_block {
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;
	line-height: 26px;
	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 45px 0;
}
#main_contents .main_detail_inner .flowArea .example_block .flow_examplecopy_block+.flow_img_block {
	padding: 0;
	margin: 0 0 25px 0;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exleft_box {
	width: 430px;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exright_box {
	width: 290px;
}
#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exleft_box img, #main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exright_box img {
	width: 100%;
	height: auto;
}
#menu_contents {
	width: 210px;
	padding: 0;
	background-color: #f8f8f8;
	border: solid 1px #d8d8d8;
	position: relative;
}
#menu_contents #menu_contents_inner {
	width: 208px;
	position: relative;
}
#menu_contents .sub_menu {
	width: 100%;
}
#menu_contents .sub_menu .menu_are {
	width: 100%;
	border-bottom: solid 1px #d8d8d8;
	display: none;
}
#menu_contents .sub_menu .menu_are.index_block {
	display: block;
	background-color: rgba(255, 255, 255, 1.0);
}
#menu_contents .sub_menu .menu_are a {
	width: 100%;
	display: block;
	padding: 15px 1rem;
	font-size: 1.4rem;
	font-size: clamp(10px,1.4rem,21px);
	font-weight: 400;

	color: #212121;
	letter-spacing: 0.1em;
	text-align: left;
	position: relative;
	z-index: 2;
}
#menu_contents .sub_menu .menu_are a:hover {
	text-decoration: none;
}
#menu_contents .sub_menu .menu_are a.active {
	color: #e6002d;
	border-left: solid 1px #e6002d;
}
#menu_contents .sub_menu .menu_are a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background-color: rgba(250, 227, 227, 1.0);
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .0s;
}
#menu_contents .sub_menu .menu_are a:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
}
#menu_contents .sub_menu .menu_are .promenu_block {
	list-style: none;
	display: none;
}
#menu_contents .sub_menu .menu_are .promenu_block li {
	border-bottom: solid 1px #d8d8d8;
}
#menu_contents .sub_menu .menu_are .promenu_block a {
	padding: 15px 2rem;
	color: #515151;
	letter-spacing: 0.1em;
	background-color: rgba(253, 244, 244, 1.0) !important;
}
#menu_contents .sub_menu .menu_are .promenu_block a.active {
	color: #515151;
	border-left: none 1px #e6002d;
	background-color: rgba(250, 227, 227, 1.0) !important;
}
/*製品を開く*/
body[data-procate="research"] #menu_contents #menu_factory_research .menu_are {
	display: block;
}
body[data-procate="research"] #menu_contents #menu_factory_research.menu_are.index_block a {
	font-weight: 500;
	background-color: rgba(255, 255, 255, 1.0);
}
body[data-procate="research"] #menu_contents .sub_menu #menu_factory_research>a {
	color: #e6002d;
	border-left: solid 1px #e6002d;
}
body[data-procate="research"] #menu_contents .sub_menu .menu_are #page_research_index {
	display: block;
}
/*   smart phone   */
@media screen and (max-width:640px) {
	/*   all_parts   */
	[data-pagetype="index"] #contents_inner, [data-pagetype="detail"] #contents_inner {
		width: 100%;
	}
	#main_contents {
		width: 100%;
	}
	[data-pagetype="index"] #main_contents, [data-pagetype="detail"] #main_contents {
		width: 100%;
	}
	/*   index   */
	body[data-pagetype="index"] #back-img {
		background-image: url(/jp/common/back-img/list_cdmo_chemicals_top.jpg);
		min-height: 520px;
	}
	#listtitle_area {
		width: 100%;
		height: 400px;
	}
	#listtitle_area h1 {
		font-size: 3rem;
		font-size: clamp(24px,3rem,45px);
		padding: 0 1.0rem 15px 1.0rem;
		background-color: rgba(255, 255, 255, 0.7);
	}
	#listtitle_area span {
		width: 100%;
		margin: 0;
		padding: 0 1.0rem 20px 1.0rem;
		background-color: rgba(255, 255, 255, 0.7);
	}
	#listtitle_area p {
		padding: 0 1.0rem;
		background-color: rgba(255, 255, 255, 0.7);
	}
	#main_contents #top_read_area .top_readcatch_block li {
		padding: 0 1.0rem;
	}
	#main_contents #top_read_area .top_readcopy_block p {
		padding: 0 1.0rem;
	}
	#main_contents #top_read_area .top_readpoint_block .uncher_list_area {
		width: 100%;
	}
	/*description_area*/
	#main_contents .description_area .description_block .description_copy_box {
		width: 100%;
	}
	#main_contents .description_area .description_block .description_copy_box p {
		line-height: 22px;
		letter-spacing: 0.05em;
		margin: 0 0 10px 0;
		padding: 0 1.0rem;
	}
	#main_contents .description_area .description_block .description_copy_box ul {
		margin: 0;
		padding: 0 0 0 2.5rem;
	}
	#main_contents .description_area .description_block .description_copy_box li {
		padding: 0 1.0rem;
	}
	#main_contents .description_area .description_block .description_copy_box li::before {
		left: -2.0rem;
	}
	#main_contents .description_area .description_block .description_photo_box {
		display: none;
	}
	/*   detail   */
	#main_contents .main_detail_inner {
		width: 100%;
		padding: 40px 0 0 0;
	}
	body[data-pagetype="detail"] #back-img {
		min-height: 285px;
	}
	#main_contents .main_detail_inner #title_area h1 {
		line-height: 34px;
		padding: 20px 1.0rem;
	}
	/*casestudy*/
	#main_contents .main_detail_inner .casestudy_area {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .casestudy_area h2 {
		line-height: 22px;
		letter-spacing: 0.1em;
		padding: 10px 1.0rem;
	}
	#main_contents .main_detail_inner .casestudy_area .casestudy_readcopy_block {
		letter-spacing: 0.05em;
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box {
		width: 100%;
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointcopy_box h3 {
		letter-spacing: 0.1em;
	}
	#main_contents .main_detail_inner .casestudy_area .casestudy_point_block .casestudy_pointphoto_box {
		display: none;
	}
	#main_contents .main_detail_inner .casestudydetail_area {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task_black .casestudy_taskphoto_block img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3photo_box img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_taskphoto_box img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3list_box li::before {
		left: -2.0rem;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultlist_part {
		margin: 0 0 0 1.5rem;
	}
	#main_contents .main_detail_inner .casestudydetail_area .casestudy_task3_black .casestudy_task3resultlist_part li::before {
		left: -2.0rem;
	}
	/*equipment*/
	#main_contents .main_detail_inner .equipment_area {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box {
		width: 100%;
	}
	#main_contents .main_detail_inner .equipment_area .equipment_detail_block.copy_mode .equipment_detailcopy_box {
		width: 100%;
	}
	#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailcopy_box .equipment_detailcopy_imag_pert img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .equipment_area .equipment_detail_block .equipment_detailphoto_box {
		width: 100%;
	}
	#main_contents .main_detail_inner .equipment_area .equipment_detail_block.copy_mode .equipment_detailphoto_box {
		width: 100%;
	}
	/*scaleup*/
	#main_contents .main_detail_inner .scaleup_list_area a {
		width: 100%;
	}
	#main_contents .main_detail_inner .scaleup_list_area a .main_name {
		padding: 5px 35px 5px 10px;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointmaincopy_box {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointsubcopy_box {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto_box img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px 1.0rem 25px 1.0rem;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotocopy_part {
		width: 100%;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotoimg_part {
		width: 100%;
		margin: 10px 0 30px 0;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup_pointphoto2wey_box .scaleup_pointphotoimg_part img {
		width: 100%;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block ul.scaleup_pointlist_box {
		margin: 0 0 0 1.5rem;
	}
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block ul.scaleup_pointlist_box li::before {
		left: -2.0rem;
	}
	/*scaleup03_detail*/
	#main_contents .main_detail_inner .scaleup_area .scaleup_pointdetail_block .scaleup03_detail .scaleup_pointphotoimg_part {
		margin: 0 auto;
	}
	/*synthesis*/
	#main_contents .main_detail_inner .synthesis_area {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointimg_part {
		width: 100%;
	}
	#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointimg_part img {
		width: 100%;
		height: auto;
	}
	#main_contents .main_detail_inner .synthesis_area .synthesis_pointdetail_block .synthesis_pointcopy_box .synthesis_pointallimg_part img {
		width: 100%;
		height: auto;
	}
	/*flow*/
	#main_contents .main_detail_inner .flow_area {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .flow_area .flow_pointdetail_block .flow_pointcopy_box .flow_pointallimg_part img {
		width: 100%;
		height: auto;
	}
	/*flow-synthesis-contract*/
	#main_contents .main_detail_inner .flowArea {
		padding: 0 1.0rem;
	}
	#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_box {
		width: 100%;
	}
	#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exleft_box {
		width: 100%;
	}
	#main_contents .main_detail_inner .flowArea .flow_img_block .flow_img_exright_box {
		width: 100%;
	}
	#menu_contents {
		width: 100%;
	}
	#menu_contents #menu_contents_inner {
		width: calc(100% - 2px);
	}
	#main_contents .main_detail_inner .flowArea .flow_cost_block .flow_cost_box{
		width: 90%;
	}
	#main_contents .main_detail_inner .flowArea .flow_cost_block {
		justify-content: space-around;
	}
}