@charset "utf-8";

body {
	color: #fff;
}

#categoryId {
	color: #333;
}

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

.grad_ttl {
	letter-spacing: normal;
	margin-bottom: 110px;
}

#rContent {
	width: auto;
}

/* top */

.scene .mainVisual img {
	width: 100%;
}

.scene .mainTitle {
	padding: 0;
	margin: 110px auto 109px;
}

.scene .mainTitle .main {
	font-size: 276.92%;
	font-weight: 500;
	line-height: 1.44;
}

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

.sceneSelect div:hover {
	opacity: 1;
}

.sceneSelect li {
	width: calc(100% / 3);
	padding: 0;
	margin: 0;
	border: 1.5px solid #000;
	box-sizing: border-box;
	border-radius: 10px;
	overflow: hidden;
	background: transparent;
}

.sceneSelect li a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	height: 100%;
	padding-bottom: 40px;
	color: #fff;
	background-color: rgba(40, 40, 40, 0.7);
	opacity: 1;
	transition: all 0.4s;
	box-sizing: border-box;
}

.sceneSelect li a:hover {
	background-color: rgba(40, 40, 40, 1);
}

.sceneSelect li a .img {
	margin-bottom: 40px;
}

.sceneSelect li a .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.sceneSelect li a .sceneName {
	margin: 0 0 20px;
	text-align: center;
	font-size: 276.92%;
	font-weight: 400;
	line-height: 1.44;
	position: static;
}

.sceneSelect li a .text_wrap p {
	padding-bottom: 60px;
	text-align: center;
	font-size: 123.07%;
	font-weight: 400;
	line-height: 1.44;
	box-sizing: border-box;
}

.sceneSelect li a .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	margin: auto auto 0;
	border: 1.5px solid #e3e3e3;
	border-radius: 50%;
	background-color: transparent;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	transition: background-color 0.4s;
	position: relative;
}

.sceneSelect li a .btn::before {
	content: '詳細';
	display: inline-block;
	width: fit-content;
	white-space: nowrap;
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: -28px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.4s;
}

.sceneSelect li a:hover .btn::before {
	opacity: 1;
}

.sceneSelect li a:hover .btn {
	background: #1967cc;
}

.annotationImage {
	width: min(80%, 1200px);
	margin: 10px auto 330px;
	font-size: 92.3%;
	font-weight: 400;
	box-sizing: border-box;
}

/* 下層ページ */

.mainTitle {
	width: 80%;
	padding: calc(110 / 1596 * 100vw) 0 0;
	margin-bottom: calc(110 / 1596 * 100vw);
	margin-left: auto;
	margin-right: auto;
}

.mainTitle .ttl {
	color: #e3e3e3;
	font-size: min(calc(45 / 1200 *100vw), 45px);
	font-weight: 500;
	line-height: 1.5;
}

.worries {
	display: flex;
	margin-bottom: 110px;
}

.worries .worriseDetail {
	width: calc(100% - min(calc(530 / 1596 * 100vw), 530px));
	min-height: 0;
	padding: 0 min(calc(80 / 1596 * 100vw), 80px) 0 min(calc(48 / 1596 * 100vw), 48px);
	box-sizing: border-box;
}

.worries .sceneImage {
	width: min(calc(530 / 1596 * 100vw), 530px);
	height: min(calc(338 / 1596 * 100vw), 338px);
	background-position: center right;
	min-height: 0;
}

.worries .worriseDetail .worriseDetailText {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: min(calc(30 / 1596 * 100vw), 30px);
	height: 100%;
	position: static;
	transform: none;
}

.worries .worriseDetail .worriseDetailText li {
	background-image: none;
	font-size: min(calc(28 / 1596 * 100vw), 28px);
	font-weight: 500;
	padding: 0;
	margin: 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
}

.worries .worriseDetail .worriseDetailText li::before {
	content: '□ ';
}

.mainTitle2 {
	padding-left: 0;
	margin-bottom: 49px;
	font-size: 276.92%;
}

.solutionDetailText {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 0;
	margin-bottom: 50px;
}

.solutionDetailText li {
	display: flex;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 215.38%;
	font-weight: 400;
	line-height: 1.44;
}

.solutionDetailText li::before {
	content: '';
	display: inline-block;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	height: 30px;
	margin-right: 6px;
	background: url(/business/agv/scene/images/checkbox.svg) no-repeat;
	background-size: contain;
}

.big_img {
	margin-bottom: 37px;
}

.big_img img {
	width: 100%;
}

.solutionDetailImage {
	flex-wrap: nowrap;
	gap: 39px;
	width: 100%;
	margin-bottom: 220px;
}

.solutionDetailImage li {
	width: calc(100% / 3);
	padding: 0;
	margin: 0;
}

.solutionDetailImage li .midashi {
	margin-top: 1.5em;
	font-size: 153.84%;
	font-weight: 700;
}

.solutionDetailImage li p:not(.midashi) {
	margin-top: 1.5em;
	font-size: 123.07%;
	font-weight: 500;
}

.solutionDetailImage img {
	width: 100%;
}

.comments {
	box-sizing: border-box;
	margin-top: 10px;
	text-align: left;
	font-size: 92.3%;
}

.pkTitle {
	margin-bottom: 110px;
}

.pkTitle .main {
	font-size: 307.69%;
	font-weight: 500;
}

.pkSubTitle {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-size: 153.84%;
	font-weight: 700;
}

.speclist:first-of-type {
	margin-bottom: 80px;
}

.speclist {
	table-layout: fixed;
	overflow-wrap: break-word;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.table_wrap {
	margin-bottom: 220px;
}

.factory_table_wrap {
	margin-bottom: 174px;
}

th.speclist_title2 {
	background-color: #303336 !important;
}

.bgWhite,
.tbl02 tr.even td,
.tbl02 tbody th,
.tbl02 tbody td {
	padding: 8px 2% 8px 2%;
	background-color: transparent;
	font-size: 123.07%;
	font-weight: 400 !important;
}

th.speclist_title2 {
	text-align: left;
	font-size: 123.07%;
}

.tbl02 tbody th {
	border: 1px solid #e3e3e3;
	white-space: wrap;
}

.tbl02 .w34 {
	width: 34%;
}

.tbl02 .w33 {
	width: 33%;
}

ul.notesList2_agv {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

ul.notesList2_agv li {
	font-size: 92.3%;
	line-height: 1.44;
}

.system {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	background-color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
}

.system .images {
	width: 1000%;
	max-width: 1006px;
	margin: 0;
}

.system .images img {
	width: 100%;
}

.system .link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 330px;
}

.system .linkButton {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	margin: 40px 0;
}

.system .link .primary_btn {
	margin: 0 auto;
}

.system .link .primary_btn span {
	font-size: 20px;
}

.system .link .linkButton li {
	margin-bottom: 0;
}

.system_note {
	max-width: 1566px;
	margin: 14px auto 192px;
	font-size: 92.3%;
}

.factory_system_note {
	margin-bottom: 131px;
}

.agv_cases {
	display: flex;
	justify-content: center;
	text-align: left;
	margin-bottom: 131px;
}

.agv_cases .agv_case {
	width: calc(100% / 3);
	max-width: 486px;
}

.agv_cases a {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: #e3e3e3;
	opacity: 1;
	transition: opacity 0.4s;
}

.agv_cases a:hover {
	opacity: 0.7;
}

.agv_cases .thumbnail {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 8px;
	background-color: #fff;
}

.agv_cases .thumbnail .img {
	height: 100%;
}

.agv_cases .thumbnail_text {
	font-size: min(calc(48 / 1920 * 100vw), 48px);
	font-weight: 500;
	text-align: center;
	background-image: linear-gradient(90deg, #1747c4 0%, #1967cc 50%, #1c86d3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.agv_cases .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.agv_cases .ttl {
	height: calc(1.5em * 3);
	margin-top: 1.2em;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.agv_cases .date,
.agv_cases .data {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 1.2em;
}

#footerPaginate {
	width: min(80%, 1200px);
	box-sizing: border-box;
}

#footerPaginate .prev a {
	text-decoration: none;
}

.cta {
	margin-bottom: 110px;
}

/* レスポンシブ */
/* トップ */
body.responsive-sp .scene .mainVisual {
	margin: 0;
}

body.responsive-sp .scene .mainTitle {
	margin: 56px auto 20px;
}

body.responsive-sp .scene .mainTitle .main {
	font-size: 20px;
}

body.responsive-sp .sceneSelect li {
	padding: 0;
}

body.responsive-sp .sceneSelect li a .img {
	height: auto;
	margin-bottom: 10px;
}

body.responsive-sp .sceneSelect li a .sceneName {
	margin-bottom: 10px;
	font-size: 16px;
}

body.responsive-sp .sceneSelect li a .text_wrap p {
	padding-bottom: 40px;
	font-size: 12px;
}

body.responsive-sp .sceneSelect li a .btn::before {
	opacity: 1;
	font-size: 12px;
	top: -20px;
}

body.responsive-sp .annotationImage {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 85px;
}

/* 下層ページ */
body.responsive-sp .grad_ttl.sp_mb0 {
	margin-bottom: 0;
}

body.responsive-sp #rContent {
	padding-top: 56px;
}

body.responsive-sp .inner {
	width: 100%;
	padding: 0;
}

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

body.responsive-sp .mainTitle {
	padding: 0;
	margin-bottom: 56px;
}

body.responsive-sp .mainTitle .ttl {
	font-size: 20px;
}

body.responsive-sp .mainTitle .grad_ttl {
	margin-bottom: 0;
}

body.responsive-sp .worries {
	flex-direction: column;
	margin-bottom: 56px;
}

body.responsive-sp .worries .sceneImage {
	height: auto;
}

body.responsive-sp .worries .worriseDetail {
	min-height: 0;
	padding: 26px 15px;
}

body.responsive-sp .worries .worriseDetail .worriseDetailText {
	gap: 12px;
}

body.responsive-sp .worries .worriseDetail .worriseDetailText li {
	padding: 0;
	padding-left: 1em;
	margin: 0;
	font-size: 14px;
}

body.responsive-sp .mainTitle2 {
	padding: 0 15px;
	margin-bottom: 28px;
	font-size: 20px;
}

body.responsive-sp .solutionDetailText li {
	padding: 0 15px;
	font-size: 14px;
	line-height: 20.72px;
}

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

body.responsive-sp .solutionDetailText li::before {
	min-width: 16px;
	max-width: 16px;
	min-height: 16px;
}

body.responsive-sp .big_img {
	margin-bottom: 20px;
}

body.responsive-sp .solutionDetailImage {
	padding: 0 15px;
	flex-direction: column;
	gap: 60px;
	margin-bottom: 112px;
}

body.responsive-sp .solutionDetailImage li {
	padding: 0;
	margin: 0;
}

body.responsive-sp .solutionDetailImage .midashi {
	font-size: 20px;
}

body.responsive-sp .solutionDetailImage li p:not(.midashi) {
	font-size: 12px;
}

body.responsive-sp .comments {
	padding: 0 15px;
}

body.responsive-sp .pkTitle {
	margin-bottom: 32px;
}

body.responsive-sp .pkSubTitle {
	margin-bottom: 6px;
	font-size: 12px;
}

body.responsive-sp .bgWhite,
body.responsive-sp .tbl02 tr.even td,
body.responsive-sp .tbl02 tbody th,
body.responsive-sp .tbl02 tbody td {
	padding: 8px;
	font-size: 16px;
}

body.responsive-sp .speclist:first-of-type {
	margin-bottom: 29px;
}

body.responsive-sp .table_wrap {
	margin: 0 0 112px;
	padding: 0 15px;
	box-sizing: border-box;
}

body.responsive-sp .factory_table_wrap {
	margin-bottom: 0;
}

body.responsive-sp .factory_table_wrap {
	margin-bottom: 67px;
}

body.responsive-sp .system {
	flex-direction: column;
	gap: 20px;
	padding: 56px 15px 20px;
	box-sizing: border-box;
}

body.responsive-sp .system .images {
	max-width: none;
}

body.responsive-sp .system .link {
	max-width: 367px;
	margin: 0 auto;
}

body.responsive-sp .system .link .primary_btn {
	max-width: 100%;
}

body.responsive-sp .system .link .primary_btn span {
	font-size: min(calc(20 / 375 * 100vw), 20px);
}

body.responsive-sp .system_note {
	margin: 10px 0 84px 15px;
}

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

body.responsive-sp .agv_cases {
	padding: 0 15px;
	margin-bottom: 59px;
}

body.responsive-sp .agv_case {
	width: 100%;
}

body.responsive-sp #footerPaginate {
	width: auto;
}