@charset "utf-8";
.sp {
	display: none;
}

.pc {
	display: block;
}

#rContent {
	/* width: min(100%, 1920px); */
	width: 100%;
	color: #e3e3e3;
	text-align: left;
}

.grad_ttl {
	margin-bottom: 110px;
}

.inner {
	width: min(80%, 1540px);
	box-sizing: border-box;
	margin: 0 auto;
}

.specification .inner {
	max-width: 1200px;
}

.img_list_wrap {
	display: flex;
	justify-content: space-around;
	/* gap: min(calc(200 / 1566 * 100vw), 200px); */
	gap: 16px;
	padding: 110px 15px;
	color: #282828;
	background-color: #fff;
}

.img_list_wrap .item {
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 0;
}

.img_list_wrap .img {
	margin: 0 auto 48px;
}

.img_list_wrap .list_ttl {
	margin-bottom: 15px;
	font-size: 154%;
	font-weight: 500;
	line-height: 1.44;
}

.img_list_wrap .list_text {
	font-size: 123%;
	font-weight: 400;
	line-height: 1.44;
}

.img_list_wrap .list_cap {
	margin-top: 10px;
}

.img_list_wrap .list_cap small {
	font-size: 92%;
	font-weight: 400;
	line-height: 1.44;
}

.arrow_img_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

/*========== FV ==========*/
.fv {
	color: #fff;
	text-align: center;
	font-weight: 500;
	position: relative;
	
}

.fv img {
	display: block;
	width: 100%;
}

.wrap_fv_txt {
	width: 100%;
	position: absolute;
	top: min(calc(110 / 1566 * 100vw), 110px);
	left: 0;
	z-index: 2;
}

.fv_txt {
	font-size: min(calc(36 / 1566 * 100vw), 36px);
	font-weight: 500;
}

.fv_ttl {
	font-size: min(calc(57 / 1566 * 100vw), 57px);
	font-weight: 500;
}

.fv_note {
	width: min(80%, 1540px);
	margin: 10px auto 0;
	font-size: 92.3%;
}

.notesList {
	width: min(80%, 1540px);
	text-align: left;
	position: absolute;
	left: 50%;
	bottom: min(calc(48 / 1536 * 100vw), 48px);
	transform: translateX(-50%);
	z-index: 2;
}

ul.notesList li {
	margin: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.44;
	padding: 0;
	text-indent: 0;
}

/*========== タブ ==========*/
.ul_tab {
	display: flex;
	justify-content: center;
	width: min(80%, 1540px);
	margin: 110px auto 48px;
	border-radius: 10px;
	overflow: hidden;
}

.ul_tab li {
	width: min(calc(100% / 3), 512px);
	border-right: 1px solid #606060;
}

.ul_tab li:last-child {
	border-right: none;
}

.ul_tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	font-size: 153.8%;
	text-align: center;
	background: #282828;

	color: #fff;
	text-decoration: none;
}

.ul_tab li a.active {
	background: #1967cc;
}

/*
----------------- 製品特長 -----------------*/

/*========== 搬送ユニット ==========*/
.unit {
	margin-bottom: 220px;
}

.unit .text_wrap {
	margin-bottom: 48px;
}

.ttl_unit {
	font-size: 277%;
	font-weight: 500;
	margin-bottom: 110px;
}

.ttl_unit small {
	font-size: 66%;
}

.unit .text_wrap .title {
	margin-bottom: 48px;
	font-size: 185%;
}

.unit .text_wrap .text {
	font-size: 123%;
}

.unit .img_list_wrap {
	margin-bottom: 110px;
}

.unit .img_list_wrap .item {
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: 1;
}

.unit .img_list_wrap .item:first-child {
	max-width: 192px;
}

.unit .img_list_wrap .item:nth-child(2) {
	max-width: 265px;
}

.unit .img_list_wrap .item:nth-child(3) {
	max-width: 282px;
}

.unit .img_list_wrap .item:first-child .img {
	max-width: min(calc(192 / 1566 * 100vw), 192px);
}

.unit .img_list_wrap .item:nth-child(2) .img {
	max-width: min(calc(265 / 1566 * 100vw), 265px);
}

.unit .img_list_wrap .item:nth-child(3) .img {
	max-width: min(calc(282 / 1566 * 100vw), 282px);
}

.unit .autofook_img_wrap {
	margin-bottom: 110px;
}

/*========== 制御システム ==========*/
.system {
	margin-bottom: 220px;
}

.system_ttl {
	font-size: 277%;
	font-weight: 500;
	margin-bottom: 48px;
}

.system .img_list_wrap .item:first-child {
	max-width: 375px;
}

.system .img_list_wrap .item:nth-child(2) {
	max-width: 670px;
}

.system .img_list_wrap .item:first-child .img {
	max-width: min(calc(375 / 1566 * 100vw), 375px);
}

.system .img_list_wrap .item:nth-child(2) .img {
	max-width: min(calc(670 / 1566 * 100vw), 670px);
}

.system .img_list_wrap .item .img img {
	width: 100%;
}

/*========== ソリューション・データ活用 ==========*/

.solution {
	margin-bottom: 131px;
}

.solution_ttl {
	font-size: 277%;
	font-weight: 500;
	margin-bottom: 110px;
}

.solution .text_wrap {
	margin-bottom: 48px;
}

.solution .text_wrap .title {
	margin-bottom: 48px;
	font-size: 185%;
}

.solution .text_wrap .text {
	font-size: 123%;
}

.solution .content {
	display: flex;
	gap: min(calc(48 / 1566 * 100vw), 48px);
	margin-bottom: 110px;
}

.solution .content .img_wrap {
	width: 50%;
	max-width: 784px;
}

.solution .content .img {
	margin-bottom: 10px;
}

.solution .content .img img {
	width: 100%;
}

.solution .content .img_cap small {
	font-size: 92%;
	font-weight: 400;
	line-height: 1.44;
}

.solution .content .text_content {
	width: 50%;
	max-width: 744px;
}

.solution .content .text_content .ttl {
	margin-bottom: 48px;
	font-size: 185%;
	font-weight: 500;
	line-height: 1.44;
}

.solution .content .text_content .list {
	margin-bottom: 10px;
}

.solution .content .text_content li {
	padding-left: 1em;
	font-size: 123%;
	line-height: 1.4;
	position: relative;
}

.solution .content .text_content li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}

.solution .notesList2 {
	padding-left: 1em;
	font-size: 92%;
	font-weight: 400;
	line-height: 1.44;
	position: relative;
}

.solution .notesList2::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

.solution .img_list_wrap .item:first-child {
	max-width: 532px;
}

.solution .img_list_wrap .item:nth-child(2) {
	max-width: 542px;
}

.solution .img_list_wrap .item:first-child .img {
	max-width: min(calc(532 / 1566 * 100vw), 532px);
}

.solution .img_list_wrap .item:nth-child(2) .img {
	max-width: min(calc(542 / 1566 * 100vw), 542px);
}

/*
----------------- 外形寸法図 -----------------*/
.size {
	margin: 0 0 220px;
}

.size .ttl {
	margin: 110px 0 48px;
	font-size: 277%;
	font-weight: 500;
	line-height: 1.44;
}

.size img {
	width: 100%;
}

.size .unitmm {
	margin: 10px 0 0;
	text-align: left;
	font-size: 92%;
	font-weight: 400;
	line-height: 1.44;
}

.size .notesList {
	position: static;
	transform: none;
	padding: 0;
	margin: 48px 0 0;
}

.size ul.notesList li {
	color: #e3e3e3;
	font-size: 92%;
	font-weight: 400;
	line-height: 1.44;
}

/*
----------------- 参考仕様 -----------------*/
.grad_ttl sup {
	vertical-align: top;
	font-size: 50%;
}

.specification {
	margin-bottom: 220px;
}

.specification .teble_wrap:not(:last-child) {
	margin-bottom: 110px;
}

.specification .tbl02 tbody th,
.specification .tbl02 tr td,
.specification .tbl02 tr.even td {
	background-color: transparent;
	vertical-align: top;
	padding: 8px 8px 8px 30px;
	font-size: 123%;
	font-weight: 400 !important;
}

.specification .tbl02 th.speclist_title {
	background-color: #252627;
}

.specification .tbl02 td:has(img) {
	padding: 65px min(calc(65 / 1566 * 100vw), 65px) !important;
}

.specification th.speclist_title2 {
	background-color: #303336 !important;
	border: 1px solid #e3e3e3;
	text-align: left;
}

.specification .speclist_row:nth-child(odd) td {
	background: #191a1a;
}

.indent1 {
	padding: 0;
	margin: 10px 0;
	text-indent: 0;
	font-size: 92%;
}

.specification .notesList {
	position: static;
	transform: none;
	padding: 0;
}

.specification ul.notesList li {
	font-size: 92%;
	padding-left: 1em;
	text-indent: -1em;
}

.specification ul.notesList:first-of-type {
	margin-bottom: 10px;
}

.specification ul.notesList li span {
	margin: 0;
	color: #e3e3e3;
}

/*
----------------- オプション一覧 -----------------*/
.type {
	margin: 0 0 220px;
}

.type .rBlockSect {
	width: min(80%, 1200px);
	margin: 0 auto;
}

.type .grad_ttl {
	margin-bottom: 110px;
}

.table_type {
	width: 100%;
	font-size: 123.1%;
}

.table_type:not(:first-of-type) {
	margin-top: 110px;
}

.table_type th,
.table_type td {
	border: 1px solid #e3e3e3;
}

.type_th,
.type_tr_txt td {
	padding: 8.5px 30px;
}

.type_th {
	background: #303336;
	font-weight: 400;
}

.type_tr_img td {
	width: calc(100% / 3);
	background: #fff;
	text-align: center;
	padding: 15.5px 28.66px;
}

.unit_table_type .type_tr_img td {
	padding: 6.5px 13px;
}

.type_tr_img td img {
	width: 100%;
}

.table_type .type_none {
	background: none;
	border: none;
}

/* 周辺設備 */
.type_table2 {
	margin-top: 110px;
}

.type_table2 tr:not(:first-of-type) td {
	width: calc(100% / 3);
	padding: 8px 30px;
}

.type_note {
	font-size: 92.3%;
	margin-top: 10px;
}

/*
----------------- SP用CSS -----------------*/
.responsive-sp .sp {
	display: block;
}

.responsive-sp .pc {
	display: none;
}

body.responsive-sp .grad_ttl {
	margin-bottom: 56px;
}

body.responsive-sp .inner {
	width: auto;
	padding: 0 15px;
}

body.responsive-sp .img_list_wrap {
	flex-direction: column;
	align-items: center;
	gap: 112px;
	width: calc(100% + 30px);
	padding: 56px 15px;
	position: relative;
	left: -15px;
	box-sizing: border-box;
}

body.responsive-sp #rContent .img_list_wrap .item {
	max-width: none;
	width: 100%;
}

body.responsive-sp .img_list_wrap .img {
	margin-bottom: 10px;
}

body.responsive-sp #rContent .img_list_wrap .item img {
	width: 100%;
}

body.responsive-sp .img_list_wrap .list_ttl {
	margin-bottom: 10px;
	font-size: 13px;
}

body.responsive-sp .img_list_wrap .list_text {
	font-size: 12px;
}

body.responsive-sp .img_list_wrap .list_cap small {
	font-size: 12px;
}

body.responsive-sp .arrow_img_wrap {
	flex-direction: column;
	gap: 0;
}

/*========== FV ==========*/
.responsive-sp .fv {
	height: calc(270 / 393 * 100vw);
	padding-top: calc(50 / 393 * 100vw);
}
.responsive-sp .fv::after {
	content: none;
}

.responsive-sp .wrap_fv_txt {
	top: 25px;
}

.responsive-sp .fv_txt {
	/* font-size: calc(16 / 393 * 100vw); */
	font-size: 16px;
	line-height: 23.17px;
}

.responsive-sp .fv_ttl {
	/* font-size: calc(20 / 393 * 100vw); */
	font-size: 20px;
	margin-top: calc(10 / 393 * 100vw);
	line-height: 28.96px;
}

.responsive-sp ul.notesList {
	width: calc(100% - 30px)
}

.responsive-sp ul.notesList li {
	font-size: 12px;
}

.responsive-sp .fv_note {
	width: auto;
	padding: 0 15px;
	font-size: 12px;
}

/*========== タブ ==========*/
.responsive-sp .ul_tab {
	width: auto;
	padding: 0 15px;
	margin: 56px auto 21px;
}

.responsive-sp .ul_tab li {
	width: min(calc(100% / 3), 121px);
}

.responsive-sp .ul_tab li a {
	height: 55px;
	font-size: 92.3%;
}

.responsive-sp .ul_tab li:first-child a {
	border-radius: 10px 0 0 10px;
}

.responsive-sp .ul_tab li:last-child a {
	border-radius: 0 10px 10px 0;
}

/*
----------------- 製品特長 -----------------*/

/*========== 主な特長 ==========*/
.responsive-sp .unit {
	margin-bottom: 112px;
}

.responsive-sp .ttl_unit {
	margin-bottom: 56px;
	font-size: 16px;
}

body.responsive-sp .unit .text_wrap {
	margin-bottom: 22px;
}

body.responsive-sp .unit .text_wrap .title {
	margin-bottom: 10px;
	font-size: 14px;
}

body.responsive-sp .unit .text_wrap .text {
	font-size: 12px;
}

body.responsive-sp .unit .img_list_wrap {
	margin-bottom: 56px;
}

body.responsive-sp #rContent .unit .img_list_wrap .item {
	max-width: 260px;
}

body.responsive-sp .unit .autofook_img_wrap {
	margin-bottom: 56px;
}

/*========== 制御システム ==========*/
body.responsive-sp .system {
	margin-bottom: 112px;
}

body.responsive-sp .system_ttl {
	margin-bottom: 22px;
	font-size: 16px;
}

body.responsive-sp #rContent .system .img_list_wrap .item {
	max-width: 300px;
}

/*========== ソリューション・データ活用 ==========*/

body.responsive-sp .solution {
	margin-bottom: 112px;
}

body.responsive-sp .solution_ttl {
	margin-bottom: 21px;
	font-size: 16px;
}

body.responsive-sp .solution .text_wrap {
	margin-bottom: 21px;
}

body.responsive-sp .solution .text_wrap .title {
	margin-bottom: 10px;
	font-size: 14px;
}

body.responsive-sp .solution .text_wrap .text {
	font-size: 12px;
}

body.responsive-sp .solution .content {
	flex-direction: column;
	gap: 21px;
	margin-bottom: 56px;
}

body.responsive-sp .solution .content .img_wrap,
body.responsive-sp .solution .content .text_content {
	width: 100%;
	max-width: none;
}

body.responsive-sp .solution .content .text_content .ttl {
	margin-bottom: 10px;
	font-size: 14px;
}

body.responsive-sp .solution .content .text_content li {
	font-size: 12px;
}

body.responsive-sp #rContent .solution .img_list_wrap .item {
	max-width: 300px;
}

/*
----------------- 外形寸法図 -----------------*/
.responsive-sp .size {
	margin: 0 auto 112px;
}

.responsive-sp .size .ttl {
	margin: 56px 0 21px;
	font-size: 16px;
}

.responsive-sp .size .unitmm {
	font-size: 12px;
}

/*
----------------- 参考仕様 -----------------*/
.responsive-sp .specification {
	margin-bottom: 112px;
}

.responsive-sp .specification .teble_wrap:not(:last-child) {
	margin-bottom: 56px;
}

.responsive-sp .speclist {
	table-layout: fixed;
}

.responsive-sp .specification .tbl02 tbody th,
.responsive-sp .specification .tbl02 tr td,
.responsive-sp .specification .tbl02 tr.even td {
	padding-left: min(calc(15 / 399 * 100vw), 15px);
	font-size: min(calc(16 / 399 * 100vw), 16px);
	white-space: wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* .responsive-sp .speclist th[colspan='4'],
.responsive-sp .speclist th[colspan='5'] {
	width: 46%;
} */

.responsive-sp .specification .tbl02 td:has(img) {
	padding: 22px min(calc(28 / 399 * 100vw), 28px) !important;
}

.responsive-sp .indent1 {
	margin-bottom: 12px;
}

.responsive-sp .specification th.speclist_title2 {
	width: 150px;
}

.responsive-sp .specification th.speclist_title2:last-child {
	width: calc(100% - 150px);
}

.responsive-sp .tbl02 tbody td.speclist_data {
	width: auto;
}

.responsive-sp .table_w1 {
	width: 70px;
	padding: 8px min(calc(15 / 399* 100vw), 15px)!important;
}

.responsive-sp .table_w2 {
	width: 80px;
	padding: 8px min(calc(15 / 399* 100vw), 15px)!important;
}

.responsive-sp col:nth-child(1) {
	width: 70px;
}

.responsive-sp col:nth-child(2) {
	width: 80px;
}

.responsive-sp col:nth-child(3) {
	width: calc(100% - 150px);
}

/*
----------------- オプション一覧 -----------------*/
.responsive-sp .type {
	margin: 0 auto 81px;
}

.responsive-sp .type .rBlockSect {
	width: auto;
}

.responsive-sp .type .grad_ttl {
	margin-bottom: 56px;
}

.responsive-sp .table_type {
	font-size: 92.3%;
}

.responsive-sp .table_type:not(:first-of-type) {
	margin-top: 56px;
}

.responsive-sp .table_type th {
	padding: 8.5px 15px;
}

.responsive-sp .table_type td {
	padding: 8px 15px;
}

.responsive-sp .table_type:not(:first-of-type) td {
	padding: 8px 15px;
}

.responsive-sp .type_tr_img td {
	padding: 3.5px 8px !important;
}

/* 周辺設備 */
.responsive-sp .type_table2 {
	margin-top: 56px;
}