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

.pc {
	display: block;
}

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

/*========== 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%;
}

/*========== タブ ==========*/
.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%;
	background: #282828;

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

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

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

/*========== 主な特長 ==========*/
.feature {
	margin-bottom: 260px;
}
.feature .grad_ttl {
	margin-bottom: 110px;
}

.feature_contents {
	width: min(80%, 1540px);
	margin: 0 auto 110px;
	font-size: 123.1%;
}

.feature_contents:last-child {
	margin-bottom: 0;
}

.ttl_feature {
	font-size: 225%;
	font-weight: 500;
	margin-bottom: 48px;
}

.feature_note {
	margin-top: 10px;
	font-size: 75%;
}

/*========== オプションの装着イメージ ==========*/
.option {
	margin-bottom: 220px;
}

.wrap_option_contents {
	width: min(80%, 1540px);
	margin: 104px auto 0;
	background: #fff;
	padding: 110px 0;
}

.inner_option_contents {
	display: flex;
	justify-content: space-around;
}

.option_contents {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(49%, 320px);
	text-align: center;
	color: #282828;
}

.option_contents img {
	width: 100%;
	order: 1;
}

.option_note {
	order: 3;
	font-size: 92.3%;
}

.option_note small {
	font-size: 100%;
}

.ttl_option {
	order: 2;
	font-size: 153.8%;
	margin: 10px 0 22px;
	font-weight: 500;
}

/*========== ハンドリフト牽引 ==========*/
.new_function {
	display: none;
}

.wrap_hand_lift_img {
	width: min(80%, 1540px);
	margin: 110px auto;
}

.wrap_hand_lift_img img {
	width: 100%;
	margin-bottom: 110px;
}

.ttl_h3_hand_lift {
	font-size: 276.9%;
	font-weight: 500;
	margin-bottom: 48px;
}

.hand_lift_head_txt {
	font-size: 123.1%;
}

.hand_lift_head_txt .ml {
	margin-left: 7em;
}

.hand_lift_head_note {
	font-size: 75%;
	margin-top: 10px;
}

/* ワンタッチでハンドリフトをAGVに取付け */
.onetouch {
	width: min(80%, 1540px);
	margin: 0 auto;
}

.wrap_onetouch_contents {
	display: flex;
	justify-content: space-between;
}

.onetouch_contents {
	width: min(25%, 384px);
}

.onetouch_contents_arrow {
	width: min(8%, 110px);
	margin-top: 7%;
}

.onetouch_contents p {
	font-size: 123.1%;
	margin-top: 30px;
}

.onetouch_note {
	margin-top: 30px;
	font-size: 92.3%;
}

/* スムーズなコーナリング走行 */
.cornering {
	width: min(80%, 1540px);
	margin: 110px auto 131px;
}

.wrap_cornering_contents {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: min(calc(110 / 1940 * 100vw), 110px) 0;
	position: relative;
	z-index: 1;
}

.wrap_cornering_contents::after {
	content: '';
	display: block;
	width: min(calc(1454 / 1940 * 100vw), 1454px);
	height: min(calc(376 / 1940 * 100vw), 376px);
	background: url(/business/agv/products/xf-100/images/arrow_cornering.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.cornering_contents {
	width: min(calc(576 / 1940 * 100vw), 576px);
}

.cornering_contents_arrow {
	width: min(calc(110 / 1940 * 100vw), 110px);
	margin: 0 min(calc(32 / 1940 * 100vw), 32px);
}

.cornering_contents03 {
	margin-left: min(calc(192 / 1940 * 100vw), 192px);
}

.cornering_contents_arrow_sp {
	display: none;
}

.cornering_note {
	width: 100%;
	margin: 30px auto 0;
	font-size: 92.3%;
}

/*
----------------- 参考仕様 -----------------*/
.specification {
	margin: 0 0 220px;
}

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

.table_specification {
	width: 100%;
	font-size: 123.1%;
	margin-bottom: 10px;
}

.table_specification:not(:first-of-type) {
	margin-top: 100px;
}

.table_specification th,
.table_specification td {
	border-color: #e3e3e3;
}

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

.specification .speclist_title2 {
	padding: 8.5px 30px;
	text-align: left;
	background: #303336 !important;
	border-color: #e3e3e3;
}

.specification .speclist_title {
	padding: 8px 30px;
	vertical-align: top;
	background-color: #252627;
}

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

.speclist_data {
	padding: 8px 30px;
}

.speclist_data_img {
	text-align: center;
	padding: 65px 0;
}

.speclist_data_img img {
	width: 100%;
	max-width: 600px;
}

.specification_note {
	font-size: 92.3%;
	margin-bottom: 10px;
}

/*
----------------- オプション一覧 -----------------*/
.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;
}

.type_tr_img td {
	width: calc(100% / 3);
	background: #fff;
	text-align: center;
	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: 30px;
}

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

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

/*========== FV ==========*/
.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 .fv_note {
	width: auto;
	padding: 0 15px;
}

/*========== タブ ==========*/
.responsive-sp .ul_tab {
	width: auto;
	padding: 0 15px;
	margin: 68px 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 .feature {
	margin-bottom: 112px;
}

.responsive-sp .feature .grad_ttl {
	margin-bottom: 33px;
}

.responsive-sp .feature_contents {
	width: auto;
	padding: 0 15px;
	margin: 0 auto 56px;
	font-size: 92.3%;
}

.responsive-sp .feature_contents:last-child {
	margin-bottom: 0;
}

.responsive-sp .ttl_feature {
	font-size: 133.3%;
	margin-bottom: 10px;
	line-height: 23.17px;
}

.responsive-sp .feature_note {
	font-size: 100%;
}

/*========== オプションの装着イメージ ==========*/
.responsive-sp .option {
	margin-bottom: 112px;
}

.responsive-sp .wrap_option_contents {
	width: 100%;
	margin: 0;
	padding: 56px 0;
}

.responsive-sp .inner_option_contents {
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	width: 100%;
}

.responsive-sp .option_contents {
	width: min(100%, 260px);
}

.responsive-sp .ttl_option {
	font-size: 100%;
	margin: 10px 0 14px;
}

/*========== ハンドリフト牽引 ==========*/
.responsive-sp .wrap_hand_lift_img {
	width: 100%;
	margin: 0 0 56px;
}

.responsive-sp .wrap_hand_lift_img img {
	width: 100%;
	margin-bottom: 56px;
}

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

.responsive-sp .ttl_h3_hand_lift {
	font-size: 123.1%;
	margin: 0 auto 21px;
	line-height: 23.17px;
}

.responsive-sp .wrap_hand_lift_img .ttl_h3_hand_lift {
	width: calc(100% - 30px);
}

.responsive-sp .hand_lift_head_txt {
	font-size: 92.3%;
	width: calc(100% - 30px);
	margin: 0 auto;
}

.responsive-sp .hand_lift_head_note {
	font-size: 92.3%;
	width: 100%;
	margin: 10px auto 0;
	line-height: 17.38px;
}

/* ワンタッチでハンドリフトをAGVに取付け */
.responsive-sp .wrap_onetouch_contents {
	display: block;
}

.responsive-sp .onetouch_contents {
	width: 100%;
}

.responsive-sp .onetouch_contents img {
	width: 100%;
}

.responsive-sp .onetouch_contents_arrow {
	width: 20px;
	margin: 0 auto;
}

.responsive-sp .onetouch_contents p {
	font-size: 92.3%;
	margin-top: 10px;
}

.responsive-sp .onetouch_note {
	margin-top: 21px;
}

/* スムーズなコーナリング走行 */
.responsive-sp .cornering {
	width: calc(100% - 30px);
	margin: 56px auto 112px;
}

.responsive-sp .wrap_cornering_contents {
	display: block;
}

.responsive-sp .wrap_cornering_contents::after {
	content: none;
}

.responsive-sp .cornering_contents {
	width: 100%;
}

.responsive-sp .cornering_contents img {
	width: 100%;
}

.responsive-sp .cornering_contents_arrow {
	width: 20px;
	margin: 0 auto;
}

.responsive-sp .cornering_contents03 {
	margin-left: auto;
}

.responsive-sp .cornering_contents_arrow_sp {
	display: block;
}

.responsive-sp .cornering_note {
	width: 100%;
	margin: 10px auto 0;
	line-height: 17.38px;
}

/*
----------------- 参考仕様 -----------------*/
.responsive-sp .specification {
	margin: 0 auto 110px;
}

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

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

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

.responsive-sp .specification .speclist_title2 {
	padding: 8.5px 15px;
}

.responsive-sp .specification .speclist_title,
.responsive-sp .speclist_data {
	padding: 8px 15px;
}

.responsive-sp .speclist_data_img {
	padding: 22px 15px;
}

.responsive-sp .speclist_data_img img {
	max-width: 335px;
}

/*
----------------- オプション一覧 -----------------*/
.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;
}