@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap");
.microfabrication-common-ttl {
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 4.57143vw;
	font-weight: bold;
	text-align: center;
	padding-bottom: 6.67%;
	position: relative
}
.microfabrication-common-ttl::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 16.667%;
	height: 2px;
	background: #F29600
}
@media screen and (min-width: 701px) {
	.microfabrication-common-ttl {
		font-size: 2rem;
		padding-bottom: 20px
	}
	.microfabrication-common-ttl::before {
		width: 40px;
		height: 1px
	}
}
#page-microfabrication-experiment {
	margin-top: 18.57%;
	padding-bottom: 14.29%;
	position: relative;
	z-index: 0
}
#page-microfabrication-experiment::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 6vw);
	background: #ECEFF1;
	z-index: -1
}
#page-microfabrication-experiment .page-microfabrication-experiment-inner {
	position: relative
}
#page-microfabrication-experiment .page-microfabrication-experiment-inner .bg-text {
	position: absolute;
	right: -9%;
	top: 11.6vw;
	font-size: 13.14286vw;
	letter-spacing: 0.025em;
	color: #fff;
	z-index: -1
}
#page-microfabrication-experiment .summary-common-ttl::before {
	border-left: 1.43vw solid #ECEFF1;
	border-bottom: 1.43vw solid #ECEFF1
}
#page-microfabrication-experiment .experiment-main-box {
	margin-top: 11.67%
}
#page-microfabrication-experiment .experiment-main-box .box-l {
	margin-bottom: 11.67%
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl {
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 4vw;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding-top: 5.83%;
	margin-bottom: 6.67%;
	position: relative
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::before, #page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 0.715vw
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::before {
	width: 46.667%;
	background: #C3CCD9
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::after {
	width: 2.5%;
	background: #F29600
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-text {
	letter-spacing: 0.075em;
	line-height: 2
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list {
	margin-top: 5.83%
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list li {
	letter-spacing: 0.075em;
	line-height: 1.1;
	margin-bottom: 3.33%;
	padding-left: 5%;
	position: relative
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list li:last-child {
	margin-bottom: 0
}
#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list li .icon {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3vw;
	height: 2.573vw;
	background: url("../../img/page/microfabrication/experiment_list_icon.svg") no-repeat center/cover
}
#page-microfabrication-experiment .experiment-list-box {
	margin-top: 16.67%
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont {
	margin-top: 8.33%
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item {
	margin-bottom: 13.33%
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item:last-child {
	margin-bottom: 0
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl {
	padding-top: 1vw;
	position: relative
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41%;
	height: 1px;
	background: #404040
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text {
	display: block;
	width: 55.334%;
	position: relative;
	background: #404040;
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 3.617% 0 3.217%
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::before, #page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
	content: "";
	position: absolute
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::before {
	left: -1px;
	bottom: -1px;
	border-left: 1.145vw solid #ECEFF1;
	border-bottom: 1.145vw solid #ECEFF1;
	border-right: 1.145vw solid transparent;
	border-top: 1.145vw solid transparent
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
	right: -1px;
	top: -1px;
	border-right: 1.145vw solid #ECEFF1;
	border-top: 1.145vw solid #ECEFF1;
	border-left: 1.145vw solid transparent;
	border-bottom: 1.145vw solid transparent
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .bd {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 12%;
	height: 1px;
	background: #404040
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list {
	margin-top: 8.33%
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list li {
	letter-spacing: 0.075em;
	line-height: 1.1;
	margin-bottom: 3.33%;
	padding-left: 5%;
	position: relative
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list li:last-child {
	margin-bottom: 0
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list li .icon {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3vw;
	height: 2.573vw;
	background: url("../../img/page/microfabrication/experiment_list_orange_icon.svg") no-repeat center/cover
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item:nth-child(even) .experiment-list-item-ttl::before {
	background: #F29600
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item:nth-child(even) .experiment-list-item-ttl .text {
	background: #F29600
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item:nth-child(even) .experiment-list-item-ttl .bd {
	background: #F29600
}
#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item:nth-child(even) .experiment-list li .icon {
	background: url("../../img/page/microfabrication/experiment_list_gray_icon.svg") no-repeat center/cover
}
@media screen and (min-width: 701px) {
	#page-microfabrication-experiment {
		margin-top: 207px;
		padding-bottom: 93px
	}
	#page-microfabrication-experiment::before {
		height: calc(100% - 27px)
	}
	#page-microfabrication-experiment .page-microfabrication-experiment-inner .bg-text {
		right: -105px;
		top: 15px;
		font-size: 8.2rem
	}
	#page-microfabrication-experiment .summary-common-ttl::before {
		border-left: 7px solid #ECEFF1;
		border-bottom: 7px solid #ECEFF1
	}
	#page-microfabrication-experiment .experiment-main-box {
		margin-top: 80px;
		padding: 0 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	#page-microfabrication-experiment .experiment-main-box .box-l {
		margin-bottom: 0;
		width: 500px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r {
		width: calc(100% - 500px);
		padding: 43px 0 0 70px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl {
		font-size: 1.8rem;
		line-height: 31px;
		letter-spacing: 0.2em;
		padding-top: 30px;
		margin-bottom: 28px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::before, #page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::after {
		height: 5px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::before {
		width: 280px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-ttl::after {
		width: 15px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-text {
		line-height: 26px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list {
		margin-top: 27px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list li {
		line-height: 26px;
		margin-bottom: 7px;
		padding-left: 16px
	}
	#page-microfabrication-experiment .experiment-main-box .box-r .experiment-main-list li .icon {
		width: 11px;
		height: 10px
	}
	#page-microfabrication-experiment .experiment-list-box {
		margin-top: 72px;
		padding: 0 40px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont {
		margin-top: 35px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item {
		margin-bottom: 55px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl {
		padding-top: 5px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl::before {
		width: 776px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text {
		width: 230px;
		font-size: 1.6rem;
		padding: 15px 0 14px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::before {
		border-left: 6px solid #ECEFF1;
		border-bottom: 6px solid #ECEFF1;
		border-right: 6px solid transparent;
		border-top: 6px solid transparent
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
		border-right: 6px solid #ECEFF1;
		border-top: 6px solid #ECEFF1;
		border-left: 6px solid transparent;
		border-bottom: 6px solid transparent
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list-item-ttl .bd {
		width: 50px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list {
		margin-top: 32px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list li {
		width: 33.334%;
		line-height: 26px;
		margin-bottom: 7px;
		padding-left: 16px
	}
	#page-microfabrication-experiment .experiment-list-box .experiment-list-cont .experiment-list-item .experiment-list li .icon {
		width: 11px;
		height: 10px
	}
}
#page-microfabrication-management {
	padding: 14.29% 0 21.43%
}
#page-microfabrication-management .summary-common-ttl {
	margin-bottom: 13.33%
}
#page-microfabrication-management .management-list-cont .management-list-item {
	padding-top: 20%
}
#page-microfabrication-management .management-list-cont .management-list-item:first-child {
	padding-top: 13%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-l {
	position: relative
}
#page-microfabrication-management .management-list-cont .management-list-item .box-l::before {
	content: "";
	position: absolute;
	right: -8.332%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60.716vw;
	height: 1px;
	background: #F29600
}
#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl {
	width: 29vw;
	height: 25vw;
	-webkit-clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #F29600
}
#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text {
	display: inline-block;
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 4vw;
	font-weight: bold;
	color: #fff;
	padding-bottom: 2.1vw;
	position: relative
}
#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 37.5%;
	height: 1px;
	background: #fff
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r {
	margin-top: 10%;
	padding-left: 8.334%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item {
	margin-bottom: 10.36%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item:last-child {
	margin-bottom: 0
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-ttl {
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 4vw;
	font-weight: bold;
	letter-spacing: 0.075em;
	line-height: 1.72;
	padding-left: 6.91%;
	padding-bottom: 3.27%;
	border-bottom: 1px solid #BEBEBE;
	position: relative
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-ttl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.5vw;
	width: 4vw;
	height: 3.573vw;
	background: url("../../img/page/microfabrication/experiment_list_orange_icon.svg") no-repeat center/cover
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-text {
	letter-spacing: 0.075em;
	line-height: 2;
	margin-top: 2.91%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 6.73% 0 -6.73%
}
@media screen and (max-width: 700px) {
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		flex-direction: column;
		margin: 6.73% 0 -0.73%
	}
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li {
	width: 46.73%;
	margin-bottom: 6.73%
}
@media screen and (max-width: 700px) {
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li {
		width: 100%;
		margin-bottom: 6.73%
	}
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li .img-box {
	width: 99%;
	position: relative
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li .img-box::before {
	content: "";
	position: absolute;
	right: -1px;
	top: -1px;
	border-right: 2vw solid #fff;
	border-top: 2vw solid #fff;
	border-left: 2vw solid transparent;
	border-bottom: 2vw solid transparent
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box {
	width: calc(100% + 9.091%);
	margin-top: 6.73%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table {
	width: calc(188% + 9.091%);
	padding-right: 9.091%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table {
	width: 100%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table thead tr {
	background: #F3F5F8;
	border-bottom: 1px solid #707070
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table thead tr th {
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 2.85714vw;
	font-weight: bold;
	color: #707070;
	letter-spacing: 0.05em;
	padding: 3.322vw 0;
	border-right: 1px solid #707070
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table thead tr th:last-child {
	border-right: none
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr {
	border-bottom: 1px solid #707070
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr:last-child {
	border-bottom: none
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td {
	font-size: 2.85714vw;
	letter-spacing: 0.05em;
	line-height: 1.85;
	border-right: 1px solid #707070;
	padding: 2.5vw;
	vertical-align: middle
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td:last-child {
	border-right: none;
	padding: 2.5vw 0;
	width: 36%
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td .img {
	width: 93%;
	margin-left: auto
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-img-box {
	width: calc(100% + 9.091%);
	margin-top: 6.73%;
	overflow-y: hidden !important
}
#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-img-box .item-table-img {
	width: calc(195% + 9.091%);
	padding-right: 9.091%
}

#page-microfabrication-management .management-list-cont .experiment-list-item {
	margin-bottom: 13.33%
}
#page-microfabrication-management .management-list-cont .experiment-list-item:last-child {
	margin-bottom: 0
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl {
	padding-top: 1vw;
	position: relative
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 41%;
	height: 1px;
	background: #F29600
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text {
	display: block;
	width: 55.334%;
	position: relative;
	background: #404040;
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 3.617% 0 3.217%
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::before, #page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
	content: "";
	position: absolute
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::before {
	left: -1px;
	bottom: -1px;
	border-left: 1.145vw solid #fff;
	border-bottom: 1.145vw solid #fff;
	border-right: 1.145vw solid transparent;
	border-top: 1.145vw solid transparent
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
	right: -1px;
	top: -1px;
	border-right: 1.145vw solid #fff;
	border-top: 1.145vw solid #fff;
	border-left: 1.145vw solid transparent;
	border-bottom: 1.145vw solid transparent
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .bd {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 12%;
	height: 1px;
	background: #F29600
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list {
	margin-top: 8.33%
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li {
	letter-spacing: 0.075em;
	line-height: 1.1;
	margin-bottom: 3.33%;
	padding-left: 5%;
	position: relative
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li:last-child {
	margin-bottom: 0
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li .icon {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3vw;
	height: 2.573vw;
	background: url("../../img/page/microfabrication/experiment_list_gray_icon.svg") no-repeat center/cover
}
#page-microfabrication-management .management-list-cont .experiment-list-item.experiment-list-item-ttl::before {
	background: #F29600
}
#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text {
	background: #F29600
}
#page-microfabrication-management .management-list-cont .experiment-list-item.experiment-list-item-ttl .bd {
	background: #F29600
}
/* #page-microfabrication-management .management-list-cont .experiment-list-item.experiment-list li .icon {
	background: url("../../img/page/microfabrication/experiment_list_gray_icon.svg") no-repeat center/cover
} */


@media screen and (min-width: 701px) {
	#page-microfabrication-management {
		padding: 84px 0 40px
	}
	#page-microfabrication-management .summary-common-ttl {
		margin-bottom: 50px
	}
	#page-microfabrication-management .management-list-cont {
		padding: 0 40px
	}
	#page-microfabrication-management .management-list-cont .management-list-item {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		padding-top: 120px
	}
	#page-microfabrication-management .management-list-cont .management-list-item:first-child {
		padding-top: 120px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l {
		width: 178px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l::before {
		right: 0;
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		width: 1px;
		height: 100%
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl {
		width: 147px;
		height: 128px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text {
		font-size: 1.8rem;
		padding-bottom: 11px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text-surface {
		font-size: 1.8rem;
		padding-bottom: 11px;
		text-align: center;
		line-height: 1.4;
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text::before {
		width: 30px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r {
		width: calc(100% - 178px);
		margin-top: 55px;
		padding-left: 60px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item {
		margin-bottom: 68px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-ttl {
		font-size: 1.8rem;
		line-height: 28px;
		padding-left: 29px;
		padding-bottom: 18px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-ttl::before {
		top: 6px;
		width: 19px;
		height: 16px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-text {
		width: 500px;
		line-height: 26px;
		margin-top: 24px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list {
		margin: 43px -30px -30px 0;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}


	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list.item-img-list-photos {
		margin: 43px -30px 0px 0 !important;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}


		/* 追加css */
	#page-microfabrication-management .item-img-item-surface{
		width: 99% !important;
	}


	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li {
		width: 270px;
		margin: 0 30px 30px 0
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-img-list li .img-box::before {
		border-right: 11px solid #fff;
		border-top: 11px solid #fff;
		border-left: 11px solid transparent;
		border-bottom: 11px solid transparent;
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box {
		width: 100%;
		margin-top: 44px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table {
		width: 100%;
		padding-right: 0
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table thead tr th {
		font-size: 1.4rem;
		line-height: 26px;
		padding: 9px 0
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td {
		font-size: 1.4rem;
		line-height: 26px;
		padding: 20px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td:last-child {
		padding: 20px 0;
		width: 270px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-box .item-table table tbody tr td .img {
		width: 252px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-img-box {
		width: 100%;
		margin-top: 53px
	}
	#page-microfabrication-management .management-list-cont .management-list-item .box-r .item .item-table-img-box .item-table-img {
		width: 100%;
		padding-right: 0
	}

	#page-microfabrication-management .management-list-cont li .surface__box{
		margin-top: 2rem;
	}
}


@media screen and (max-width: 700px) {

	#page-microfabrication-management .management-list-cont .management-list-item .box-l .management-list-ttl .text-surface {
		text-align: center;
		line-height: 1.4;
	  font-size: 3.6vw;
	}

}


.surface__table {
  width: 100%;
  margin-top: 5rem;
  border-collapse: separate;
  border-spacing: 3px;
}

.surface__table th,
.surface__table td {
  border: none;
  background-color: #FAEBCF;
  padding: 1rem 1rem 2rem 1rem;
}

.surface__title {
  background: #F3F5F8 !important;
  text-align: center;
  color: #707070;
  font-weight: bold;
	padding-bottom: 1rem !important;
}

.surface__text{
	line-height: 1.8;
  letter-spacing: 0.1rem;
}

.surface__text.surface__text--01{
	width: 16%;
}

.surface__text.surface__text--02{
	width: 18%;
}

.surface__text.surface__text--03{
	width: 26%;
}

.surface__text.surface__text--04{
	width: 32%;
}


.scroll-hint-sp {
  display: none;
  text-align: center;
}

@media screen and (max-width: 700px) {
  .surface-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
		width: 110%;
  }

  .surface__table {
    min-width: 800px;
		padding-right: 4rem; /* ← ここで右余白を追加 */
  }

  .scroll-hint-sp {
    display: block;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    animation: scrollHintFade 1.5s ease-in-out infinite;
    pointer-events: none;
  }
}






	#page-microfabrication-management .management-list-cont .experiment-list-item {
		margin-bottom: 55px
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl {
		padding-top: 5px
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl::before {
		width: 760px
	}

	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text {
		width: 230px;
		font-size: 1.6rem;
		padding: 15px 0 14px;
	}
	
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::before {
		border-left: 6px solid #fff;
		border-bottom: 6px solid #fff;
		border-right: 6px solid transparent;
		border-top: 6px solid transparent;
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .text::after {
		border-right: 6px solid #fff;
		border-top: 6px solid #fff;
		border-left: 6px solid transparent;
		border-bottom: 6px solid transparent;
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl .bd {
		width: 50px;
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list {
		margin-top: 32px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li {
		width: 33.334%;
		line-height: 26px;
		margin-bottom: 7px;
		padding-left: 16px
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li .icon {
		width: 11px;
		height: 10px
	}
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li .icon.icon-irregular {
		top: 25%;
		width: 11px;
		height: 10px
	}


@media screen and (max-width: 700px) {
	#page-microfabrication-management .management-list-cont li .surface__box{
		margin-top: 1.5rem;
	}
}

@media screen and (max-width: 700px) {
	#page-microfabrication-management .item-img-item-surface{
		width: 100% !important;
	}
}



/* スクロールヒント画像 */
/* .scroll-hint-sp {
  display: none;
  text-align: center;
  margin-top: 1rem;
} */

.graph-scroll-wrapper {
  overflow: visible; /* PCはスクロールバーを出さない */
}

/* ← 追加：スクロール後に非表示にする */
.scroll-hint-icon {
  display: none !important;
}


.scroll-hint-sp {
  display: none;
  opacity: 1;
  transition: opacity 0.6s ease;
  position: absolute;
  top: 9rem !important;
  left: 44%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 10;
  width: 30% !important;
}
.scroll-hint-sp.scroll-hint-sp-02  {
	top: 19rem !important;
}


  .scroll-hint-sp.is-hidden {
    opacity: 0;
  }

.graph-scroll-wrapper {
  position: relative;
  overflow: visible;
}

@media screen and (max-width: 700px) {
  .scroll-hint-sp {
    display: block;
  }
  .graph-scroll-wrapper {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    width: 110%;
  }
  .img-box-graph {
    width: 180% !important;
    padding-right: 4rem;
  }
}



@media screen and (max-width: 700px) {
	#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list-item-ttl::before {
		width: 32%;
	}

		#page-microfabrication-management .management-list-cont .experiment-list-item .experiment-list li {
		width: 100%;
		line-height: 26px;
		margin-bottom: 7px;
		padding-left: 16px
	}

	#page-microfabrication-management {
		padding: 14.29% 0 4%
	}
}



#page-microfabrication-system {
	background: #ECEFF1
}
#page-microfabrication-system .page-microfabrication-system-inner {
	padding: 14.29% 0;
	position: relative
}
#page-microfabrication-system .page-microfabrication-system-inner::before, #page-microfabrication-system .page-microfabrication-system-inner::after {
	content: "";
	position: absolute
}
#page-microfabrication-system .page-microfabrication-system-inner::before {
	right: -8.332%;
	top: -1px;
	border-right: 3.715vw solid #fff;
	border-top: 3.715vw solid #fff;
	border-left: 3.715vw solid transparent;
	border-bottom: 3.715vw solid transparent
}
#page-microfabrication-system .page-microfabrication-system-inner::after {
	left: -8.332%;
	bottom: -1px;
	border-left: 3.715vw solid #fff;
	border-bottom: 3.715vw solid #fff;
	border-right: 3.715vw solid transparent;
	border-top: 3.715vw solid transparent
}
#page-microfabrication-system .system-main-text {
	letter-spacing: 0.075em;
	line-height: 2;
	margin-top: 7.17%
}
#page-microfabrication-system .real-time-box {
	width: 83.334%;
	margin: 11.17% auto 0
}
#page-microfabrication-system .real-time-box .real-time-top {
	font-family: "Hiragino Sans W6", "ヒラギノ角ゴシック W6", "Noto Sans JP", sans-serif;
	font-size: 4vw;
	color: #fff;
	letter-spacing: 0.075em;
	font-weight: bold;
	text-align: center;
	background: #F29600;
	padding: 4.2% 0;
	position: relative
}
#page-microfabrication-system .real-time-box .real-time-top::before, #page-microfabrication-system .real-time-box .real-time-top::after {
	content: "";
	position: absolute
}
#page-microfabrication-system .real-time-box .real-time-top::before {
	right: -1px;
	top: -1px;
	border-right: 1.145vw solid #ECEFF1;
	border-top: 1.145vw solid #ECEFF1;
	border-left: 1.145vw solid transparent;
	border-bottom: 1.145vw solid transparent
}
#page-microfabrication-system .real-time-box .real-time-top::after {
	left: -1px;
	bottom: -1px;
	border-left: 1.145vw solid #ECEFF1;
	border-bottom: 1.145vw solid #ECEFF1;
	border-right: 1.145vw solid transparent;
	border-top: 1.145vw solid transparent
}
#page-microfabrication-system .real-time-box .real-time-mid {
	width: 83.2%;
	margin: 6.33% auto;
	position: relative
}
#page-microfabrication-system .real-time-box .real-time-mid::before, #page-microfabrication-system .real-time-box .real-time-mid::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1.716vw;
	height: 8.573vw;
	background: url("../../img/page/microfabrication/real_time_arrow.svg") no-repeat center/cover
}
#page-microfabrication-system .real-time-box .real-time-mid::before {
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
#page-microfabrication-system .real-time-box .real-time-mid::after {
	right: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}
#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont {
	width: 63.705%;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont .icon {
	width: 20%
}
#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont .text {
	width: calc(100% - 20%);
	letter-spacing: 0.075em;
	line-height: 1.35;
	padding-left: 10%
}
#page-microfabrication-system .system-img-list {
	margin-top: 16.67%;
	padding-bottom: 16.67%;
	border-bottom: 1px solid #C3CCD9
}
#page-microfabrication-system .system-img-list .system-img-list-item {
	margin-bottom: 13.33%
}
#page-microfabrication-system .system-img-list .system-img-list-item:last-child {
	margin-bottom: 0
}
#page-microfabrication-system .system-img-list .system-img-list-item .list-text {
	letter-spacing: 0.075em;
	padding-left: 5%;
	margin-bottom: 8.33%;
	position: relative
}
#page-microfabrication-system .system-img-list .system-img-list-item .list-text .icon {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3vw;
	height: 2.573vw;
	background: url("../../img/page/microfabrication/experiment_list_icon.svg") no-repeat center/cover
}
#page-microfabrication-system .system-img-list .system-img-list-item .img-box {
	width: 83.334%
}
#page-microfabrication-system .system-img-list .system-img-list-item:last-child .img-box {
	width: 100%
}
#page-microfabrication-system .qualtec-client-box {
	padding-top: 16.67%;
	margin-top: 16.67%;
	border-top: 1px solid #C3CCD9
}
#page-microfabrication-system .qualtec-client-box .qualtec-client-box-ttl {
	width: 54.169%;
	margin-bottom: 8.67%
}
#page-microfabrication-system .qualtec-client-box .qualtec-client-img-box {
	width: calc(100% + 8.332%);
	margin-top: 8.67%;
	overflow-y: hidden !important
}
#page-microfabrication-system .qualtec-client-box .qualtec-client-img-box .img-box {
	width: 187%;
	padding-right: 8.332%
}
#page-microfabrication-system .bd-bg {
	display: block;
	position: absolute;
	right: -8.332%;
	bottom: 0;
	width: 58.334%;
	height: 0.715vw;
	background: #F29600
}
@media screen and (min-width: 701px) {
	#page-microfabrication-system {
		background: none
	}
	#page-microfabrication-system .page-microfabrication-system-inner {
		padding: 58px 100px 115px;
		background: #ECEFF1
	}
	#page-microfabrication-system .page-microfabrication-system-inner::before {
		right: -1px;
		border-right: 51px solid #fff;
		border-top: 51px solid #fff;
		border-left: 51px solid transparent;
		border-bottom: 51px solid transparent
	}
	#page-microfabrication-system .page-microfabrication-system-inner::after {
		left: -1px;
		border-left: 51px solid #fff;
		border-bottom: 51px solid #fff;
		border-right: 51px solid transparent;
		border-top: 51px solid transparent
	}
	#page-microfabrication-system .system-main-text {
		text-align: center;
		letter-spacing: 0.172em;
		line-height: 24px;
		margin-top: 35px
	}
	#page-microfabrication-system .real-time-box {
		width: 458px;
		margin: 45px auto 0
	}
	#page-microfabrication-system .real-time-box .real-time-top {
		font-size: 1.8rem;
		padding: 13px 0
	}
	#page-microfabrication-system .real-time-box .real-time-top::before {
		border-right: 7px solid #ECEFF1;
		border-top: 7px solid #ECEFF1;
		border-left: 7px solid transparent;
		border-bottom: 7px solid transparent
	}
	#page-microfabrication-system .real-time-box .real-time-top::after {
		border-left: 7px solid #ECEFF1;
		border-bottom: 7px solid #ECEFF1;
		border-right: 7px solid transparent;
		border-top: 7px solid transparent
	}
	#page-microfabrication-system .real-time-box .real-time-mid {
		width: 336px;
		margin: 40px auto
	}
	#page-microfabrication-system .real-time-box .real-time-mid::before, #page-microfabrication-system .real-time-box .real-time-mid::after {
		width: 12px;
		height: 60px
	}
	#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont {
		width: 260px
	}
	#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont .icon {
		width: 30px
	}
	#page-microfabrication-system .real-time-box .real-time-mid .real-time-mid-cont .text {
		width: calc(100% - 30px);
		line-height: 1;
		padding-left: 15px
	}
	#page-microfabrication-system .system-img-list {
		margin-top: 70px;
		padding-bottom: 90px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	#page-microfabrication-system .system-img-list .system-img-list-item {
		margin-bottom: 0;
		width: 210px
	}
	#page-microfabrication-system .system-img-list .system-img-list-item .list-text {
		letter-spacing: 0.125em;
		padding-left: 21px;
		margin-bottom: 13px
	}
	#page-microfabrication-system .system-img-list .system-img-list-item .list-text .icon {
		width: 11px;
		height: 10px
	}
	#page-microfabrication-system .system-img-list .system-img-list-item .img-box {
		width: 100%
	}
	#page-microfabrication-system .system-img-list .system-img-list-item:last-child {
		width: 378px
	}
	#page-microfabrication-system .system-img-list .system-img-list-item:last-child .img-box {
		width: 100%
	}
	#page-microfabrication-system .qualtec-client-box {
		padding-top: 60px;
		margin-top: 70px
	}
	#page-microfabrication-system .qualtec-client-box .qualtec-client-box-ttl {
		width: 314px;
		margin-bottom: 0
	}
	#page-microfabrication-system .qualtec-client-box .qualtec-client-img-box {
		width: 100%;
		margin: -35px 0 0 63px
	}
	#page-microfabrication-system .qualtec-client-box .qualtec-client-img-box .img-box {
		width: 858px;
		padding-right: 0
	}
	#page-microfabrication-system .bd-bg {
		right: 0;
		width: 600px;
		height: 5px
	}

}






@media screen and (max-width: 700px) {
  .is-sp{
    display: block !important;
  } 
}
@media screen and (min-width: 701px) {
  .is-sp{
    display: none !important;
  }
}


@media screen and (max-width: 700px) {
  .is-dot{
    display: none;
  }
}
/* @media screen and (min-width: 701px) {
  .is-dot{
    display: block !important;
  }
} */


/*# sourceMappingURL=microfabrication.css.map */