@charset "utf-8";
/* ==========================================================
   Merged CSS: iot_wide_sub.css (base, priority) + iot_wide.css
     元4ファイル統合: iot.css + wide.css + custom.css + custom_sub.css
   - 同一セレクタはプロパティを集約
   - プロパティ衝突時は iot_wide_sub.css を優先、iot_wide.css の値はコメントで明示
   - iot_wide.css 由来の追加分には  /*を付与
   ========================================================== */
:root{
	--wide: 1275px;
	/*Primary*/
	--Red1:#fa000f;
	--Red2:#cc0000;
	--White:#ffffff;
	--Gray1:#f4f4f4;
	--Gray2:#d9d9d9;
	--Gray3:#b3b3b3;
	--Gray4:#737373;
	--Gray5:#4d4d4d;
	--Gray6:#222222;
	--Black:#0c0c0c;
	/*Secondary*/
	--Orange1: #fdc796;
	--Orange2: #fa6900;
	--Orange3: #c85400;
	--Yellow1: #fdec96;
	--Yellow2: #fad200;
	--Yellow3: #967e00;
	--Pink1: #fd96d4;
	--Pink2: #fa00a5;
	--Pink3: #96005a;
	--Purple1: #d096fd;
	--Purple2: #9b00fa;
	--Purple3: #540096;
	--Blue1: #96c5fd;
	--Blue2: #0064fa;
	--Blue3: #004596;
	--Teal1: #96f0fd;
	--Teal2: #00dcfa;
	--Teal3: #008496;
	--Green1: #96fdcc;
	--Green2: #00fa82;
	--Green3: #00964e;
	--Red1_20_Tint: #ffcbce;
	--Red1_40_Tint: #ff979d;
	--Red1_60_Tint: #ff636c;
	--Red1_20_Dark: #bb000b;
	--Red1_40_Dark: #7d0008;
	--Red_Grad: linear-gradient(145deg, #FA000F, #CC0000);
	--WhiteOp: #ffffffe6;
}
	 html {
	  scroll-behavior: smooth;
}
#FloatingContacts form {
	backdrop-filter: blur(4px);
}
.Grid4.Top {
	background: url("/-/media/sp/iot/image/new/contents_bg.png") no-repeat 50% -20px;
	background-size: 100% auto;
	background-attachment: fixed;
}
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .Grid4 {
		background-attachment: scroll;
	}
}
.Section>.Inner {
	padding: 0 /* iot_wide.css: 2em 0 (overridden) */;
	width: var(--wide) ;
	margin: auto ;
	word-break: break-word ;
}
.Section h4 {
	padding: 0;
}
.Top .PageTitleStyle3 {
	background: transparent;
	/*max-height: 546px;
	height: 546px;*/
	max-height: 646px;
	height: 646px;
	position: relative;
}
.Top .PageTitleStyle4 {
	background: transparent;
	max-height: 546px;
	height: 546px;
	position: relative;
}
.Top .PageTitleStyle3 .Wrapper {
	flex-direction: column;
	padding: 2em 0;
}
.Top .PageTitleStyle4 .Wrapper {
	flex-direction: column;
	padding: 2em 0;
}
@media screen and (min-width:1354px) {

}
@media screen and (min-width:1480px) {

}
.PageTitleStyle3 .Inner {
	padding: 2em /* iot_wide.css: 1em 0 (overridden) */;
	box-sizing: border-box;
	background: transparent /* iot_wide.css: rgba(0,0,0,.8) (overridden) */;
	max-width: var(--wide);
	width: 100% ;
	display: block ;
	margin: auto ;
}
.PageTitleStyle4 .Inner {
	padding: 2em;
	box-sizing: border-box;
	background: transparent;
	max-width: var(--wide);
}
.Top .PageTitleStyle3 .Inner h1 {
	display: block;
	font-size: 2.8em /* iot_wide.css: 2.6em (overridden) */;
	text-shadow: none /* iot_wide.css: 0 0 5px rgba(0,0,0,.5) (overridden) */;
	color: #000 /* iot_wide.css: #fff (overridden) */;
	line-height: 1.1;
	padding: 0;
	width: var(--wide) ;
	margin: auto ;
	font-weight: bold ;
}
.Top .PageTitleStyle3 .Inner h1 span {
	font-size: .7em;
	font-weight: normal;
	display: block;
	padding: .25em;
	margin: .5em 0;
	text-align: center;
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	color: var(--White);
	border-radius: 2px;
	max-width: 450px;
	line-height: 1;
}
.Top .PageTitleStyle3 .Inner .Read {
	font-size: 1.8em;
	font-weight: normal /* iot_wide.css: bold (overridden) */;
	line-height: 1.6 /* iot_wide.css: 1.2 (overridden) */;
	color: #000 /* iot_wide.css: #fff (overridden) */;
	text-shadow: none /* iot_wide.css: 0 0 5px rgba(0,0,0,.5) (overridden) */;
	width: inherit /* iot_wide.css: var(--wide) (overridden) */;
	padding: 2em 0;
	padding-bottom: 0;
	margin: auto ;
	background: transparent;
	box-shadow: none;
}
.PageTitleStyle3 .Inner div {
	display: flex;
	width: var(--wide);
	margin: auto;
	align-items: center;
	position: relative;
}
.Grid4.Sub .PageTitleStyle3 {
	min-height: 280px;
	height: auto;
	margin: 0;
	overflow-x: hidden;
}
.Grid4.Sub .PageTitleStyle3 .Inner div {
	align-items: normal;
}
.Grid4.Sub.Chemical .PageTitleStyle3,
.Grid4.Sub.Manufacturing .PageTitleStyle3,
.Grid4.Sub.Food .PageTitleStyle3 {
	min-height: 130px;
	max-height: 130px;
	height: 130px;
	margin: 1em 0 0;
}
.Sub .PageTitleStyle4 {
	max-height: 220px;
	height: 220px;
	margin: 1em 0 0;
}
.Sub .PageTitleStyle3 .Inner {
	margin: -1em auto 0;
	height: 100%;
}
.Sub .PageTitleStyle4 .Inner {
	margin: 1em auto 0;
}

.Sub .PageTitleStyle4 h1 {
	font-size: 2.2em;
	width: auto;
	line-height: 1;
	margin: -2em 0 0 -100%;
	padding: 0 1.5em 0 100%;
	display: inline-flex;
	align-items: center;
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	transform: skew(10deg);
	border-radius: 2px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}
.Sub.Food .PageTitleStyle3 h1 {
	background: #DEAD29;
}
.Sub.Manufacturing .PageTitleStyle3 h1 {
	background: #29ADDE;
	margin: -2em 0 0 -100%;
}
.Sub.Whitepaper .PageTitleStyle4 h1 {
	/*background: linear-gradient(90deg, #009944, #B8D200);*/
	background: var(--Gray6);
	margin: 0 0 0 -100%;
}
.Grid4.Sub.Whitepaper h4 {
	color: var(--Black);
}
.Sub.Solution .PageTitleStyle3 {
	max-height: inherit;
	min-height: inherit;
	height: inherit;
	padding: 2em;
	margin: 0;
	background: url(/-/media/sp/iot/image/bg_footer.png) no-repeat center 0 / 100% auto;
}
.Sub.Case .PageTitleStyle3 {
	max-height: inherit;
	min-height: inherit;
	height: inherit;
	padding: 2em;
	margin: 0;
	background: url(/-/media/sp/iot/case/image/bg_case.png) no-repeat center 0 / 100% auto;
}
.Sub.Case .PageTitleStyle3 .Inner,
.Sub.Solution .PageTitleStyle3 .Inner {
	margin: auto;
}
.Sub.Solution .PageTitleStyle3 h1 {
	background: var(--Gray1); /*#91CC33;*/
	padding: .5em 1.5em .5em 100%;
	margin: 0 0 0 -100%;
}
.Sub.Case .PageTitleStyle3 h1 {
	/*background: #e4a530;*/
	padding: .5em 1.5em .5em 100%;
	margin: 0 0 0 -100%;
}

.Sub .PageTitleStyle4 h1 span {
	display: inline-block;
	font-weight: bold;
	color: var(--White);
	background-color: transparent;
	padding: 0;
	margin: .4em;
	transform: skew(-10deg);
	text-align: left;
}
.Sub.Food .PageTitleStyle3 h1 span,
.Sub.Manufacturing .PageTitleStyle3 h1 span,
.Sub.Solution .PageTitleStyle3 h1 span,
.Sub.Case .PageTitleStyle3 h1 span {
	color: var(--Gray5);
}
.Sub.Whitepaper .PageTitleStyle4 h1 span {
	color: var(--White);
	font-size: 1.0em;
}
.Grid4.Sub .PageTitleStyle3 h1 span.Plat {
	font-size: 1.2em;
	background: var(--White);
	color: #4D4D4D;
	border-radius: 2px;
	padding: .15em .15em .02em;
	transform: skewX(0deg);
}
.Sub.Chemical .PageTitleStyle3 {
	background: url(/-/media/sp/iot/chemical/image/bg_title_chemical.png) no-repeat center 0 / 100% auto;
}
.Sub.Food .PageTitleStyle3 {
	background: url(/-/media/sp/iot/food/image/bg_title_food.png) no-repeat center 0 / 100% auto;
}
.Sub.Manufacturing .PageTitleStyle3 {
	background: url(/-/media/sp/iot/manufacturing/image/bg_title_manu.png) no-repeat center 0 / 100% auto;
}
.Sub.Whitepaper .PageTitleStyle4 {
	background: url(/-/media/sp/iot/whitepaper/image/bg_title_wp.png) no-repeat center 0 / 100% auto;
}
.Sub.Case .PageTitleStyle3 .SubTitle,
.Sub.Solution .PageTitleStyle3 .SubTitle {
	border-radius: 5px;
	background: var(--White);
	padding: .5em;
	text-align: center;
	font-size: 1.8em;
	display: block;
	width: 84%;
	margin: 1em auto;
}
.Sub #Map {
	padding: 2em 0;
}
.Sub #Map img {
	margin: 0 auto;
	display: block;
}
/*
.Sub.Chemical #Map {
	background: linear-gradient(145deg, #cde8e7, #89cbd6);
}
.Sub.Food #Map {
	background: linear-gradient(145deg, #fafdf1, #f3e099);
}
.Sub.Manufacturing #Map {
	background: linear-gradient(145deg, #b0f9fd, #fcedff);
}
*/
.Sub.Chemical #Map,
.Sub.Manufacturing #Map,
.Sub.Food #Map {
	background: linear-gradient(145deg, var(--Gray1), var(--Gray2));
}
.Sub #Map .Inner {
	display: block;
	max-width: var(--wide);
	width: auto;
	height: 630px;
	padding: 0 1em;
}
.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
}
.sticky:before,
.sticky:after {
	content: '';
	display: table;
}
.InnerLink {
	background: transparent;
	width: 100%;
	display: flex;
	z-index: 10;
	margin: 0;
}
.InnerLink::before {
	content: "";
	width: 100%;
	height: 10px;
	background: #f3f2ec;
	position: absolute;
	top: 40%;
	z-index: 0;
}
.InnerLink ul {
	width: var(--wide);
	display: flex;
	justify-content: flex-start;
	margin: auto;
	padding: .55em 0;
	z-index: 1;
}
.InnerLink li a:link,
.InnerLink li a:visited {
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: normal;
	padding: .5em 1em;
	margin: 0 .5em;
	display: block;
	background: #f3f2ec;
	border-radius: 2px;
	transition: .08s ease-in;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.InnerLink li a:hover,
.InnerLink li a:active {
	box-shadow: 0 2px 4px 1px rgba(0,0,0,.3);
}
.InnerLink li a:hover,
.InnerLink li a.CurrentThis,
.InnerLink li a.CurrentThis,
.InnerLink li a:active {
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	color: var(--White);
	font-weight: bold;
}

.InnerLink li#toTop {
	margin: auto;
}
.InnerLink li#toTop a {
	padding: .5em;
}
.InnerLink li#toTop img {
	background: var(--Gray4);
	border-radius: 50%;
	padding: .15em;
	transition: .08s ease-in;
}
.Grid4.Top .Section h2,
.Grid4.Sub.Chemical .Section h2,
.Grid4.Sub.Manufacturing .Section h2,
.Grid4.Sub.Food .Section h2,
.Grid4.Sub.Whitepaper .Section h2 {
	font-size: 2em /* iot_wide.css: 2.2em (overridden) */;
	line-height: 1.1;
	margin: 1em 0 1em -100%;
	padding: .5em 1em .5em 100% /* iot_wide.css: .5em 0 (overridden) */;
	display: inline-flex;
	align-items: center;
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	transform: skew(10deg);
	border-radius: 2px;
	text-align: center ;
}

.Section h2 span {
	color: var(--Black);
	background-color: transparent;
	padding: 0;
	transform: skew(-10deg);
}
.Top .Section#Sec01 h2 span,
.Top .Section#Sec04 h2 span {
	color: var(--White);
}
.Top .Section#Sec02 h2,
.Top .Section#Sec02 .More {
	background: var(--Gray1); /*#91CC33;*/
	transition: .08s ease-in;
}
.Section#Sec02 .More.bl-hover {
	background-color: var(--Gray3);
}
.Grid4.Sub.Chemical .Section#Sec03 h2,
.Grid4.Sub.Food .Section#Sec03 h2,
.Grid4.Sub.Manufacturing .Section#Sec03 h2,
.Section#Sec03 .More {
	background: var(--Gray2); /*#DEC229;*/
}
.Section#Sec03 .More.bl-hover {
	background-color: var(--Gray3);
}
.Section#Sec02 h2 span,
.Section#Sec02 .More span a,
.Section#Sec03 h2 span,
.Section#Sec03 .More span a {
	color: var(--Gray6);
}
.Top .Section#Sec03 h2 span {
	color: var(--White);
}
.Grid4.Sub.Whitepaper .Section h2,
.Grid4.Sub.Manufacturing .Section h2,
.Grid4.Sub.Food .Section h2,
.Grid4.Sub.Chemical .Section h2 {
	background: var(--Gray1);
}
.Sub.Whitepaper .Section h2 span,
.Sub.Food .Section h2 span,
.Sub.Manufacturing .Section h2 span {
	color: /*var(--Gray5)*/var(--Black);
}
.Section .Inner h3 {
	text-align: center;
	font-weight: normal;
	font-size: 2em /* iot_wide.css: 1.8em (overridden) */;
	color: /*#014D9B;*/var(--Black);
	background: transparent ;
	border: none ;
}
.Section .Inner h4 {
	background: transparent!important;
	margin: 0;
	font-size: 1.2em;
}
.Section .Inner h4:before {
	content: none;
}
.Grid4 .Section {
	padding: 4em 0;
	margin-top: -4px;
	overflow: hidden;
}
.Grid4.Top .Section {
	padding: 0;
}
.Section .Inner iframe {
	margin: 3em auto;
	display: block;
	width: 100%;
	max-width: 720px;
}
.Grid4 .Section.Last {
	padding: 1em 0;
	background: var(--White);
}
.Top .Section#Sec01 {
	background: rgba(255,255,255,.9);
}
.Top .Section#Sec02 {
	background: url(/-/media/sp/iot/image/new/bg_solution.png) no-repeat center / auto 100%;
}
@media screen and (min-width: 1940px) {
	.Section#Sec02 {
		background-size: 100%;
	}
}
.Section#Sec03 {
	background: rgba(255,255,255,1);
}
.Section#Sec04 {
	background: #E8E8E8;
}
.rpa .Section#Sec04 {
	background: var(--White);
}
.TxtWh {
	color: var(--White);
}
.Section .Inner .TextStyle1 {
	font-size: 1.15em;
	line-height: 1.65;
}
.Grid4 .TextStyle1.Cap::first-letter {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1;
	vertical-align: bottom;
}
.Grid4 .TextStyle1 strong {
	font-size: 1.4em;
}
.GradBox {
	/*background: transparent linear-gradient(280deg, #98DE29 0%, #E3D467 100%) 0% 0% no-repeat padding-box;*/
		background: transparent var(--Gray2);
	box-shadow: 0px 0px 9px #0000006E;
	border-radius: 2px;
	padding: 1.5em;
}
.Grid4 .FlexBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1.5em 0;
}
.Grid4 .FlexChild {
	width: calc((100% / 3) - 15px);
	background: var(--White);
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	transform: scale(1);
	transition: .08s ease-in;
	overflow: hidden;
	z-index: 0;
}
.Grid4 .FlexChild.FlexChild.bl-hover {
	transform: scale(1.1);
	z-index: 1;
}
.Grid4 .FlexChild dt {
	overflow: hidden;
}
.Grid4 .FlexChild dt.Chemi {
	background: url(/-/media/sp/iot/image/new/bg_chemi.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt.Food {
	background: url(/-/media/sp/iot/image/new/bg_food.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt.Manu {
	background: url(/-/media/sp/iot/image/new/bg_manu.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt.Effic {
	background: url(/-/media/sp/iot/image/new/bg_case_effic.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt.Visual {
	background: url(/-/media/sp/iot/image/new/bg_cse_visual.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt.Paper {
	background: url(/-/media/sp/iot/image/new/bg_case_paper.png) no-repeat center / cover;
}
.Grid4 .FlexChild dt h3 {
	background: rgba(0,0,0,.8);
	color: var(--White);
	font-size: 1.2em;
	font-weight: bold;
	margin: 2em .5em 2em -1em;
	transform: skew(10deg);
	transition: .08s ease-in;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Grid4 .Case .FlexChild dt h3 {
	background: rgba(255,255,255,.8);
	color: var(--Gray6);
	height: 3em;
}
.Grid4 .FlexChild.bl-hover dt.Chemi h3 {
	background: rgba(167, 52, 10, .9);
}
.Grid4 .FlexChild.bl-hover dt.Food h3 {
	background: rgba(222, 173, 41, .9);
	color: #000;
}
.Grid4 .FlexChild.bl-hover dt.Manu h3 {
	background: rgba(41, 173, 222, .9);
	color: #000;
}
.Grid4 .FlexChild dt h3 span {
	transform: skew(-10deg);
	display: block;
}
.Grid4 .FlexChild dd {
	padding: 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	min-height: 154px;
	height: 154px;
}
.Grid4 .FlexChild dd p {
	width: 100%;
}
.Section .More {
	font-size: 2em;
	line-height: 1.1;
	margin: 1em -100% 1em 70%;
	padding: .5em 100% .5em .5em;
	display: inline-flex;
	align-items: center;
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	transform: skew(10deg);
	border-radius: 2px;
	transition: .08s ease-in;
}
.Section .More span {
	font-weight: bold;
	font-size: .8em;
	color: var(--White);
	background-color: rgba(0,0,0,0);
	border-radius: 2px;
	padding: 0;
	transform: skew(-10deg);
}
.Sub .Contact.More {
	background: transparent;
	transform: skew(0deg);
	font-size: 1em;
	padding: 0;
}
.Grid4.Top .SolBox {
	background: rgba(255, 255, 255, 0.8);
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	margin: 0 auto 1.2em;
}
.Grid4.Top .SolBox.Effic {
	background: rgba(255, 255, 255, 0.8) url(/-/media/sp/iot/image/new/bg_effic.svg) no-repeat right bottom;
}
.Grid4.Top .SolBox.Visual {
	background: rgba(255, 255, 255, 0.8) url(/-/media/sp/iot/image/new/bg_visual.svg) no-repeat right bottom;
}
.Grid4.Top .SolBox.Paper {
	background: rgba(255, 255, 255, 0.8) url(/-/media/sp/iot/image/new/bg_paper.svg) no-repeat right bottom;
}
.Grid4.Top .SolBox > .Inner {
	padding: 1.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.Grid4.Top .SolBox h3 {
	background: var(--Gray1); /*#91CC33;*/
	color: var(--Gray6);
	margin: 3px;
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;
	border-radius: 5px 5px 0 0;
}
.Grid4.Top .SolBox dl {
	width: calc((100% / 3) - 15px);
	background: var(--White);
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	margin: 0 0.465em 1.25em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.Grid4.Top .SolBox dt {
	padding: 1em;
}
.Grid4.Top .SolBox dd {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 0 10px 10px;
	box-sizing: border-box;
}
#Contents .Grid4.Top .SolBox dd h4 {
	position: relative;
	color: var(--White);
	background: var(--Black)!important;
	transform: skewX(10deg);
	width: 100%;
	font-size: 1.15em;
	transition: .08s ease-in;
}

.Grid4.Top .SolBox dd h4:after {
	content: "";
	background: url(/-/media/sp/iot/image/new/icon_dogear.svg) no-repeat center;
	background-size: 21px 8px;
	display: block;
	width: 21px;
	height: 8px;
	position: absolute;
	right: 0;
}
.Grid4.Top .SolBox dd h4 a:link,
 .Grid4.Top .SolBox dd h4 a:visited {
	text-align: center;
	color: var(--White)!important;
	background: var(--Black) none;
	transform: skewX(-10deg);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em;
	margin: 0 7px 0 -7px;
	box-sizing: border-box;
	transition: .08s ease-in;
	line-height: 1;
	min-height: 4em;
}
#Contents .Grid4.Top .SolBox dd h4:hover,
#Contents .Grid4.Top .SolBox dd h4 a:hover,
#Contents .Grid4.Top .SolBox dd.bl-hover h4,
#Contents .Grid4.Top .SolBox dd.bl-hover h4 a {
	text-decoration: none;
	background: var(--Gray3)!important;
	color: var(--Gray6);
	line-height: 1;
}
.Grid4 .InfoBox {
	background: var(--White);
	border-radius: 5px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	padding: 1.5em;
	margin: 2em auto;
}
.Grid4 .InfoBox dl {
	height: 16em;
	overflow-y: auto;
}
.Grid4 .InfoBox dt {
	margin: 1em 0 0;
}
.Grid4 .InfoBox dd {
	border-bottom: 1px dotted var(--Gray2);
	padding: 0 0 1em;
}
#Contents a.IconLink {
	display: flex;
	align-items: center;
	justify-content: center;
}
#Contents a.IconLink:link,
#Contents a.IconLink:active,
#Contents a.IconLink:visited,
#Contents a.IconLink:hover {
	color: var(--White);
	text-decoration: none;
}
#Contents .Case a.IconLink:link,
#Contents .Case a.IconLink:active,
#Contents .Case a.IconLink:visited,
#Contents .Case a.IconLink:hover,
#Contents .Case a.IconLink,
#Contents .Solution a.IconLink:link,
#Contents .Solution a.IconLink:active,
#Contents .Solution a.IconLink:visited,
#Contents .Solution a.IconLink:hover,
#Contents .Solution a.IconLink {
	color: var(--Gray6);
	font-weight: bold;
}
#Contents a.IconLink::after {
	content: "";
	width: 26px;
	height: 26px;
	display: block;
	background: var(--Gray4) url(/-/media/sp/iot/image/new/icon_link_arrow.svg) no-repeat 60% 50% / 10px 17px;
	border-radius: 50%;
	box-sizing: border-box;
	margin: 0 .5em;
}
#Contents a.IconLink.Inner::after {
	transform: rotate(90deg);
}
#Contents a.IconLink.Inner br {
	display: none;
}
.Sub .InnerLink::before {
	content: none;
}
.Grid4.Sub.Case .Section h2,
.Grid4.Case #Sec03 h2,
.Grid4.Solution h2,
.Grid4.Solution #Sec02 h2,
.Grid4.Solution #Sec03 h2,
.Grid4.Sub.Solution .Section h2 {
	transform: skewX(0deg);
	background: transparent;
	margin: auto;
	display: block;
	padding: 0 0 1em;
}

.Grid4.Case .Section .Inner h3,
.Grid4.Solution .Section .Inner h3 {
	font-weight: bold;
	color: var(--Gray5);
	font-size: 1.6em;
	text-align: left;
}
.Grid4.Case .Section .Inner h3 br,
.Grid4.Solution .Section .Inner h3 br {/*ワイド化による改行解除*/
	display: none;
}
.Grid4.Case .SolBox,
.Grid4.Solution .SolBox {
	background: var(--White);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
	border-radius: 5px;
	margin: 0 0 2em;
}
.Grid4.Case .SolBox dt,
.Grid4.Solution .SolBox dt {
	padding: 1em;
}
.Grid4.Case .SolBox dd,
.Grid4.Solution .SolBox dd {
	display: flex;
	align-content: center;
	justify-content: space-between;
}
.Grid4.Case .SolBox h4,
.Grid4.Solution .SolBox h4 {
	position: relative;
	color: var(--White);
	background: #000!important;
	transform: skewX(10deg);
	width: auto;
	margin: 0 0 .5em 1em;
	font-size: 1.15em;
	transition: .08s ease-in;
}
.Grid4.Case .SolBox dd.bl-hover h4,
.Grid4.Case .SolBox dd.bl-hover h4 span,
.Grid4.Solution .SolBox dd.bl-hover h4,
.Grid4.Solution .SolBox dd.bl-hover h4 span {
	background: #333!important;
}
.Grid4.Case .SolBox h4:after,
.Grid4.Solution .SolBox h4:after {
	content: "";
	background: url(/-/media/sp/iot/image/new/icon_dogear.svg) no-repeat center;
	background-size: 21px 8px;
	display: block;
	width: 21px;
	height: 8px;
	position: absolute;
	right: 0;
}
.Grid4.Case .SolBox h4 span,
.Grid4.Solution .SolBox h4 span {
	text-align: center;
	color: #fff!important;
	background: #000 none;
	transform: skewX(-10deg);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .5em 1em;
	margin: 0 7px 0 -8px;
	box-sizing: border-box;
	transition: .08s ease-in;
	line-height: 1;
	min-height: 4em;
	height: 4em;
}
.Grid4.Case .SolBox .More,
.Grid4.Case #Sec03 .SolBox .More,
.Grid4.Solution .SolBox .More,
.Grid4.Solution #Sec03 .SolBox .More {
	margin: 0 .5em 0 0;
	padding: 0 0 0 .5em;
	font-size: 1.4em;
	max-height: 3em;
	box-sizing: border-box;
	background: var(--Red1_20_Dark) /*var(--Red1_40_Dark)*/;
}
.Grid4.Case .SolBox .More.bl-hover,
.Grid4.Case #Sec02 .SolBox .More.bl-hover,
.Grid4.Case #Sec03 .SolBox .More.bl-hover,
.Grid4.Case .SolBox .More.bl-hover span,
.Grid4.Solution .SolBox .More.bl-hover,
.Grid4.Solution #Sec02 .SolBox .More.bl-hover,
.Grid4.Solution #Sec03 .SolBox .More.bl-hover,
.Grid4.Solution .SolBox .More.bl-hover span {
	background-color: var(--Red1);
}
.Grid4.Case .SolBox .More span,
.Grid4.Solution .SolBox .More span {
	margin: 0 -.5em 0 0;
	padding: 1em .5em 1em .5em;
	font-size: inherit;
	background: var(--Red1_20_Dark) /*var(--Red1_40_Dark)*/;
	max-height: 3em;
	height: 3em;
	box-sizing: border-box;
	transition: .08s ease-in;
	align-items: center;
	display: flex;
}
.Grid4.Case .SolBox .More.Double span {
	padding-right: 0px;
	margin: 0 .5em;
	transform: skewX(-10deg);
}
.Grid4.Case #Sec03 .SolBox .More.Double {
	padding: 0 0.35em 0 0;
	margin-right: 0;
}
#Contents .Case .SolBox a.IconLink:visited,
#Contents .Case .SolBox a.IconLink:hover,
#Contents .Case .SolBox a.IconLink,
#Contents .Solution .SolBox a.IconLink:visited,
#Contents .Solution .SolBox a.IconLink:hover,
#Contents .Solution .SolBox a.IconLink {
	color: var(--White);
}
.Grid4 .Solution .FlexChild {
	width: calc((100% / 2) - 15px);
	margin: auto .25em 1.5em;
}
.Grid4 .Case .FlexChild#Skillpuzzle dt,
.Grid4 .Solution .FlexChild#Skillpuzzle dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_skill.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Ppopt dt,
.Grid4 .Solution .FlexChild#Ppopt dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_ppopt.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Sig dt,
.Grid4 .Solution .FlexChild#Sig dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_sig.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Digitalpen dt,
.Grid4 .Solution .FlexChild#Digitalpen dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_digitalpen.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Simplemes dt,
.Grid4 .Solution .FlexChild#Simplemes dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_simplemes.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Aiocr dt,
.Grid4 .Solution .FlexChild#Aiocr dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_aiocr.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Navi dt,
.Grid4 .Solution .FlexChild#Navi dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_navi.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Meterread dt,
.Grid4 .Solution .FlexChild#Meterread dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_meterread.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Ireporter dt,
.Grid4 .Solution .FlexChild#Ireporter dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_ireporter.png) no-repeat center / cover;
}
.Grid4 .Case .FlexChild#Monitoring dt,
.Grid4 .Solution .FlexChild#Monitoring dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_monitoring.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Jisseki dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_jisseki.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Apriso dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_apriso.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Flocation dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_floc.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Kitchen dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_safety.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#DQUICK7 dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_dq.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#BD dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_bdcube.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#RPA dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_rpa.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Assessment dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_assessment.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#PISystem dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_pisystem.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Otsecurity dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_ot.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#Food dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_food.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#PLM dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_PLM.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#OTDservice dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_otdservice.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild#NaviOT dt {
	background: url(/-/media/sp/iot/solution/image/bg_sol_naviot.png) no-repeat center / cover;
}
.Grid4 .Solution .FlexChild dt h3 {
	background: rgba(255, 255, 255, 0.8);
	color: var(--Gray6);
	margin: 2em 5em 2em -1em;
	height: 3em;
}
.Grid4 .Solution .FlexChild p {
	color: var(--Gray6) /*var(--Red1_40_Dark)*/;
	font-weight: bold;
	font-size: 1.2em;
}
.Grid4 .Solution .FlexChild dd {
	min-height: 128px;
	height: 128px;
	box-sizing: border-box;
}
.Grid4 .Solution .FlexChild p.Desc {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.1;
	color: var(--Gray6);
}
.Grid4.Solution .InnerLink .FlexChild {
	background: var(--Gray1); /*#91CC33;*/
	height: 133px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.Grid4.Case .InnerLink .FlexChild {
	background: #e4a530;
	height: 133px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.Grid4.Solution .InnerLink .FlexChild.Efficiency {
	background: /*#91CC33*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_effic.svg) no-repeat center;
}
.Grid4.Case .InnerLink .FlexChild.Efficiency {
	background: /*#e4a530*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_effic.svg) no-repeat center;
}
.Grid4.Solution .InnerLink .FlexChild.Quality {
	background: /*#91CC33*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_visual.svg) no-repeat center;
}
.Grid4.Case .InnerLink .FlexChild.Quality {
	background: /*#e4a530*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_visual.svg) no-repeat center;
}
.Grid4.Solution .InnerLink .FlexChild.Paperless {
	background: /*#91CC33*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_paper.svg) no-repeat center;
}
.Grid4.Case .InnerLink .FlexChild.Paperless {
	background: /*#e4a530*/ var(--Gray3) url(/-/media/sp/iot/image/new/bg_paper.svg) no-repeat center;
}
.Grid4.Case .FlexChild h3,
.Grid4.Solution .FlexChild h3 {
	background: rgba(255,255,255,.8);
	color: var(--Gray6);
	font-size: 1.2em;
	font-weight: bold;
	transition: .08s ease-in;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0;
}
.Grid4.Case .FlexChild h3 a:link,
.Grid4.Case .FlexChild h3 a:visited,
.Grid4.Solution .FlexChild h3 a:link,
.Grid4.Solution .FlexChild h3 a:visited {
	background-image: none;
	padding: 0;
}
.Grid4.Solution #Sec02 {
	background: var(--Gray2);
}
.Grid4.Case #Sec02 {
	background: var(--Gray1);
}
.Grid4.Solution #Sec03 {
	background: var(--White);
}
.Whitepaper #wp {
	background: var(--Gray2);
}
.PaperTitle {
	margin-bottom: 0.5em;
	line-height: 1.4em;
	display: block;
	font-size: 1.1em;
	color: #333333;
}
.PaperTitle span {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #333333;
	font-weight: normal;
	margin-bottom: 15px;
	display: inline-block;
	letter-spacing: normal;
}
.PaperTitle span.New::before {
	content: 'NEW';
	font-size: 90%;
	background-color: #e40000;
	color: var(--White);
	padding: 5px 10px 2px;
	margin: 0 10px 0 0;
	display: inline-block;
}
.PaperTitle span.Non::before {
	content: '';
	background-color: #333333;
	padding: 8px 5px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.PaperTitle strong {
	display: block;
	color: inherit;
	font-size: 95%;
}
.PaperTitle small {
	letter-spacing: 2px;
	font-size: 70%;
	line-height: 1.4;
	padding: 8px 10px;
	display: inline-block;
}
div .PaperSection {
	margin: 0 auto;
}
.PaperCover {
	float: left;
	width: 220px;
	padding: 0 25px 10px 0;
}
.PaperCover img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.Paperlink {
	margin: 0 30px 0;
	text-align: right;
}
a.DownloadButton {
	display: inline-block;
	box-sizing: border-box;
	padding: 0.50em 1.0em;
	white-space: nowrap;
	background: linear-gradient(90deg, var(--Gray6), var(--Black));
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: var(--White);
	border-radius: 10px;
}
a.DownloadButton:hover {
	opacity: 0.8;
	box-shadow: 0 2px 5px 1px rgba(0,0,0,.3);
	text-decoration: none;
}
.Inner .DLContents {
	font-size: 1em;
	font-weight: normal;
	padding: 2em;
	margin: 1em;
	text-align: left;
	background: var(--White);
	color: #464646;
	border-radius: 10px;
	max-width: inherit;
	min-height: 220px;
	line-height: 1;
}
.Contact {
	margin: auto /* iot_wide.css: 6em auto 1em (overridden) */;
	background: var(--Gray1);
	padding: 3em 0;
}
.Contact a:link,
.Contact a:visited {
	background: var(--Gray6) /*var(--Red1_40_Dark)*/ /* iot_wide.css: linear-gradient(145deg,#194893,#275aac) (overridden) */;
	font-size: 1.8em /* iot_wide.css: 2.4em (overridden) */;
	line-height: 1.2;
	border: 1px solid #7C2606 /* iot_wide.css: none (overridden) */;
	border-radius: 5px /* iot_wide.css: 10px (overridden) */;
	width: 600px /* iot_wide.css: 100% (overridden) */;
	display: flex ;
	align-items: center ;
	justify-content: center ;
	color: #fff ;
	text-align: center ;
	font-weight: bold ;
	/*text-shadow: 0 1px 2px rgba(0,0,0,.8),0 -1px 2px rgba(0,0,0,.8)*/ ;
	text-decoration: none ;
	box-sizing: border-box ;
	padding: 1em 0 ;
	margin: 1em auto ;
	box-shadow: 0 0 0 0 rgba(0,0,0,0) ;
	transition: .08s ease-in ;
}
.Contact a:hover {
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	box-shadow: 0 5px 10px 2px rgba(0,0,0,.3) ;
}
.Contact a:before {
	content: none;
}
.Contact .TextStyle1 {
	font-size: inherit;
	width: 720px ;
	display: block ;
	margin: auto ;
}
table {
	width: 100%;
	font-size: 1.4em;
	border: none;
	border-spacing: 4px;
	border-collapse: separate;
}
table th {
	padding: 1em;
	width: 30%;
	background: var(--Gray5);
	border: none;
	color: var(--White);
}
table td {
	padding: 1em;
	background: #F4F4F4;
	border: none;
}
.Button {
	display: block;
}
.Button a:link,
.Button a:visited {
	display: inline-block;
	border: 1px solid;
	border-radius: 5px;
	color: #002d5a;
	padding: .5em;
	font-size: 1.2em;
	text-decoration: none;
	transition: .08s ease-in;
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.Button a:hover {
	box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
}
.Grid4 .FooterArea {
	width: 100%;
	min-height: 200px;
	background: url("/-/media/sp/iot/image/bg_footer.png") no-repeat center / cover;
	padding: 0;
}
.Grid4 .FooterArea #Wrapper .Panel {
	width: 300px;
	min-height: 320px;
	float: left;
	margin-right: 1em;
}
.Grid4 .FooterArea #Wrapper .Panel .Solution {
	min-height: 180px;
	padding: 2em;
}
.Grid4 .FooterArea #Wrapper .Panel .Solution h3 {
	margin: auto 0 auto -30%;
	padding: .5em .5em .5em 2em;
	border: none;
	font-size: 120%;
}
.Grid4 .FooterArea #Wrapper .Panel h4 {
	border: none;
}
.Grid4 .FooterArea #Wrapper .Panel .Text {
	min-height: 120px;
}
.FatMenu,
.FatMenuWide {
	background: var(--Gray5);
	padding: 1.5em 0;
	margin: -2px 0 0;
	border: none;
}
.FMLinkListStyle li {
	font-size: 1.15em;
}
.FatMenuLink > .FMLinkListStyle > li a:link,
.FatMenuLink > .FMLinkListStyle > li a:active,
.FatMenuLink > .FMLinkListStyle > li a:visited {
	text-decoration: none;
	color: var(--White);
	padding: .25em 1em;
	border-radius: 2px;
	background: rgba(0,0,0,0);
	background-image: none!important;
	transition: .08s ease-in;
}
.FatMenuLink > .FMLinkListStyle > li a:hover {
	background: rgba(0,0,0,.3);
}
.modal-content {
	width: 94%;
	position: fixed;
	display: none;
	background: var(--White);
	padding: 20px;
	border-radius: 2px;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.5);
	z-index: 10;
}
.modal-overlay {
	z-index: 2;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}
span.modal-close {
	display: inline-block;
	cursor: pointer;
	padding: 2px 5px 0;
	background: var(--Gray6);
	box-sizing: border-box;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	text-align: center;
	float: right;
	clear: both;
	color: var(--White);
	transition: .08s ease-in;
	border-radius: 2px;
	position: absolute;
	right: 15px;
	top: 15px;
}
span.modal-close:hover,
span.modal-close:active {
	background: #6b1313;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);
}
span.modal-close:after {
	content: "";
	clear: both;
	float: none;
	display: block;
}
.Grid4.Top .InfoBox dl {
	height: auto;
	overflow-y: inherit;
}
.contact_btn {
	text-align: center;
}
.contact_btn a {
	text-decoration: none;
	text-align: center;
	color: var(--White);
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	width: 450px;
	height: 80px;
	line-height: 80px;
	background-color: var(--Red2);
	position: relative;
}
.contact_btn a::before,
.contact_btn a::after {
	content: "";
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
	top: 0;
}
.contact_btn a::before {
	background-image: url(/-/media/sp/iot/image/icon_mail.svg);
	width: calc((36 / 382)* 100%);
	left: calc((20 / 382)* 100%);
}
.contact_btn a::after {
	background-image: url(/-/media/sp/iot/image/icon_arrow_right2.svg);
	width: calc((10 / 382)* 100%);
	right: calc((20 / 382)* 100%);
}
.contact_btn a:hover {
	opacity: 0.8;
}
.PageTitleStyle3 .Inner div.contact_btn {
	display: block;
	margin-bottom: 150px;
	margin-top: 50px;
}
.contact_btn.subp {
	position: absolute;
	bottom: 30px;
	width: 100%;
	margin-bottom: 0 !important;
}
.contact_btn.subp.ofst1 {
	bottom: 80px;
	position: absolute;
}
.Grid4.Sub .PageTitleStyle3 .Column2 {
	display: block;
	min-height: 310px;
	width: 50%;
	vertical-align: middle ;
	box-sizing: border-box ;
	padding: 1em ;
	transform: skew(-17deg) ;
}
.Grid4.AiOCR .PageTitleStyle3 .Column2 { 
	min-height: 400px;
}
.Grid4.Sub .PageTitleStyle3 .Column2 .Read {
	margin: 0 auto 60px auto /* iot_wide.css: auto (overridden) */;
	display: flex ;
	min-height: 2em ;
	vertical-align: middle ;
	background: var(--WhiteOp);
	width: 100% ;
	font-weight: bold ;
	font-size: 160% ;
	padding: .25em .5em .25em 1em ;
	box-shadow: none ;
}
/*を付与
   ========================================================== */

#Contents,
.GridSet, .Grid4 { 
	width: 100%;
	overflow: hidden;
}
#Contents { 
	padding-bottom: 0;
}
#SiteSummary { 
	background-color: var(--White);
}
div.Section { 
	padding: 0;
	width: 100%;
}
.Grid4 .Section .Inner { 
	width: var(--wide);
	margin: auto;
}
.ShowSP, .SP .HideSP { 
	display: none;
}
br.PC { 
	display: block;
}
.Grid4 .Section.Gy { 
	background: linear-gradient(45deg,var(--Gray1),var(--Gray2));
	padding: 2em 0 3em;
}
h4 { 
	background-color: transparent!important;
	font-size: 120%;
}
h4:before { 
	content: none;
}
::-webkit-scrollbar { 
	width: 8px;
}
::-webkit-scrollbar-track { 
	border-radius: 8px;
	background: rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb { 
	border-radius: 4px;
	background: rgba(0,0,0,.4);
}
.Narrow { 
	width: 60%;
}
.Sub ol.Flex { 
	counter-reset: Number;
}
.Sub ol.Flex p.Text:before { 
	counter-increment: Number;
	content: counter(Number);
	margin-right: 1em;
}
.Grid4 .PageTitleStyle3 h1 { 
	width: var(--wide);
	display: block;
	margin: 0 auto;
	font-weight: normal;
	font-size: 210%;
}
.Grid4 .PageTitleStyle3 h1 span { 
	display: inline-block;
	background: rgba(0,0,0,0.8);
	color: var(--White);
	box-sizing: border-box;
	padding: .5em 1em;
	font-weight: normal;
}
.Grid4.Sub.Manufacturing .PageTitleStyle3 h1,
.Grid4.Sub.Food .PageTitleStyle3 h1,
.Grid4.Sub.Chemical .PageTitleStyle3 h1,
.Grid4.Sub.Solution .PageTitleStyle3 h1,
.Grid4.Sub.Case .PageTitleStyle3 h1 {
	font-size: 2em;
	width: auto;
	line-height: 1;
	margin: -2em 0 0 -100%;
	padding: 0 1.5em 0 100%;
	display: inline-flex;
	align-items: center;
	background: var(--Gray6) /*var(--Red1_40_Dark)*/;
	transform: skew(10deg);
	border-radius: 2px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
}
.Grid4.Sub.Case.Under .PageTitleStyle3 h1 {
	background: transparent;
	display: revert;
	margin: 0 0 0 -100%;box-shadow: none;
}
.Grid4.Sub.Case.Under .PageTitleStyle3 {
	padding: 0;
}
.Grid4.Sub .PageTitleStyle3 h1 span {
	display: inline-block;
	font-weight: bold;
	color: var(--White);
	background-color: transparent;
	padding: 0;
	margin: .2em;
	transform: skew(-10deg);
	text-align: left;
}
.Grid4.Sub .PageTitleStyle3 .Column2 h1 { 
	font-size: 230%;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	transform: skewX(17deg);
	width: auto;
}
.Grid4 .PageTitleStyle3 .Inner { 
	margin: auto;
	width: var(--wide);
	position: relative;
}
.Grid4.Sub .PageTitleStyle3 .Inner {
	padding: 0;
}
.Grid4.Sub.Food .PageTitleStyle3 .Inner,
.Grid4.Sub.Chemical .PageTitleStyle3 .Inner,
.Grid4.Sub.Manufacturing .PageTitleStyle3 .Inner {
	padding: 2em;
}
.Grid4 .PageTitleStyle3 .Column2 h1 span { 
	font-size: 68%;
	line-height: 1.2;
	padding: 0;
	display: block;
	background: transparent;
	color: var(--Gray6);
	font-weight: bold;
	transition: .08s ease-in;
	transform: scale(1);
}
.Grid4 h2 { 
	font-size: 205%;
	text-align: center;
	padding: 0;
	line-height: 1.2;
}
.Grid4 .Read { 
	background: linear-gradient(128deg,#ebfdff,#e5ff7e);
	box-sizing: border-box;
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
	width: 100%;
	padding: 1em 1.5em;
	margin: 0 0 2em;
}
.Grid4 .Read .TextStyle1 { 
	font-size: 110%;
}
.Grid4 .Section .Wrapper { 
	padding: 3em 0;
}
.Grid4 #TypeA { 
	background: linear-gradient(180deg,rgba(242,255,254,.9),rgba(44,123,150,1));
	padding: 0;
}
.Grid4 #TypeC { 
	background: linear-gradient(180deg,rgba(47,130,158,1),rgba(47,130,158,1));
}
.Grid4 .Solution { 
	max-height: 230px;
	display: block;
	padding: 0em;
	box-sizing: border-box;
}
.Text { 
	padding: 1em;
	min-height: 200px;
}
.Upper { 
	display: block;
	padding: 2em 2em;
	box-sizing: border-box;
	overflow: hidden;
}
.Lower { 
	padding: 1em;
	box-sizing: border-box;
}
.ColumnSet .Lower { 
	max-height: 200px;
	overflow-y: scroll;
}
#TypeC .Lower { 
	overflow: unset;
}
.Grid4.Sub .Plate { 
	padding: 1em;
	border-radius: 5px;
	margin: 1em 0;
}
.Grid4 .Panel { 
	width: 100%;
	background: rgba(255,255,255,.8);
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	margin: .55em auto;
	box-shadow: 0 0 15px 2px rgba(0,0,0,.5);
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: .08s ease-in ;
	border-radius: 2px ;
	transform: scale(1) ;
}
.Grid4 .ColumnSet .Panel.Low dl
.Grid4 .ColumnSet .Panel.Low { 
	min-height: 400px;
}
.Grid4 .ColumnSet .Panel.Low dl { 
	word-break: break-all;
}
.Grid4 .ColumnSet .Panel.Low dd { 
	border-bottom: .5px dotted #ccc;
	margin: 0 0 1em;
	padding: 0 0 1em;
}
.Grid4 .Panel.Low,
.Grid4 .Panel.Low:hover { 
	background: linear-gradient(128deg,#ffffff,#fdfdfd);
}
.Grid4 .Panel:hover { 
	box-shadow: 0 20px 20px 2px rgba(0,0,0,.6);
	background: rgba(255,255,255,1);
}
.Grid4 .Column2 .Panel:hover,
.Grid4 .ColumnOneThird .Panel:hover { 
	transform: scale(1.1);
	z-index: 10;
}
.Grid4 .Panel h4:after { 
	content: "";
	width: 100%;
	height: 10px;
	display: block;
}
.Grid4 .Panel.Blue h4:after { 
	background: linear-gradient(128deg,#2cbccf,#67e393);
}
.Grid4 .Panel.Green h4:after { 
	background: linear-gradient(128deg,#98DE29,#e3d467);
}
.Grid4 .Panel.Orange h4:after { 
	background: linear-gradient(128deg,#DEC229,#e38f67);
}
.Grid4 .Panel.LBlue h4:after { 
	background: linear-gradient(128deg,#7DF4DD,#00BAE6);
}
.Grid4 .Panel.Pink h4:after { 
	background: linear-gradient(128deg,var(--Gray3),#E6A800);
}
.Grid4 #meterread.Panel .Solution { 
	background: url("/-/media/sp/iot/image/bg_column_meterread.png") no-repeat center;
	background-size: 110%;
}
.Grid4 #monitoring.Panel .Solution { 
	background: url("/-/media/sp/iot/image/bg_column_monitoring.png") no-repeat center;
	background-size: 110%;
}
.Grid4 #digitalpen.Panel .Solution { 
	background: url("/-/media/sp/iot/image/bg_column_digitalpen.png") no-repeat center;
	background-size: 110%;
}
.Grid4 #simplemes.Panel .Solution { 
	background: url("/-/media/sp/iot/image/bg_column_simplemes.png") no-repeat center;
	background-size: 110%;
}
.Grid4 #aiocr.Panel .Solution { 
	background: url("/-/media/sp/iot/image/bg_column_aiocr.png") no-repeat center;
	background-size: 110%;
}
.Grid4 .Solution h3, .Grid4 .Upper h3 { 
	margin: auto 0 auto -20%;
	padding: 0.75em .25em 0.75em 3em;
	vertical-align: middle;
	text-align: center;
	background: var(--Gray5);
	display: table;
	border: none;
	font-size: 150%;
	font-weight: normal;
	color: var(--White);
	width: 80%;
	transform: skew(-15deg);
	z-index: 1;
	transition: .5s ease-in;
}
.Grid4 .Panel:hover .Solution h3 { 
	background: rgba(158,0,7,.8);
}
.Grid4 .Panel .Text span a:link,
.Grid4 .Panel .Text span a:visited { 
	color: var(--White);
	text-shadow: 0 1px 3px rgba(0,0,0,0.9), 0 -1px 3px rgba(0,0,0,0.9);
	border: 2px solid rgba(0,0,0,.9);
	border-radius: 4px;
	display: inline-block;
	padding: .25em;
	float: right;
	font-size: 76%;
	text-decoration: none;
	box-shadow: 0 5px 10px 1px rgba(0,0,0,0);
	transition: .08s ease-in;
	transform: rotate(0deg);
	position: absolute;
	bottom: 1em;
	right: 1em;
	font-weight: bold;
	background: rgba(0,0,0,0.8);
}
.Grid4 .Panel .Text span a:hover { 
	box-shadow: 0 5px 10px 1px rgba(0,0,0,0.3);
	transform: rotate(17deg);
}
.Grid4 .Panel .Text span a:after { 
	content: "";
	display: block;
	float: none;
	clear: both;
}
.Grid4 .Panel h4 { 
	background: transparent!important;
	color: var(--Gray6);
	font-size: 120%;
	padding: 0;
	margin: 0 auto 1em;
	display: block;
}
.Grid4 .Panel.Low h4 { 
	text-align: center;
}
.Grid4 .Panel h4:before { 
	content: none;
}
.Grid4 .Panel .TextStyle1 { 
	font-size: 110%;
}
.Grid4 .Panel.Low .TextStyle1 { 
	display: table;
	margin: auto;
}
.Grid4 .Contact .TextStyle1 a:link,
.Grid4 .Contact .TextStyle1 a:visited { 
	color: var(--White);
	width: 600px;
	height: 140px;
	background: var(--Red2);
	border: 1px solid var(--Red1_20_Dark);
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.3);
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	border-radius: 5px;
	font-size: 180%;
	text-align: center;
	text-decoration: none;
	transition: .08s ease-in;
}
.Grid4 .Contact .TextStyle3 { 
	text-align: center;
}
.Grid4 .Contact .TextStyle3 a:link,
.Grid4 .Contact .TextStyle3 a:visited { 
	color: var(--White);
	background: var(--Red2);
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	font-size: 160%;
	line-height: 1.2;
	justify-content: center;
	padding: 20px 40px;
	border-radius: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: .08s ease-in;
}
.Grid4 .Contact .TextStyle3 a .SubText { 
	color: var(--White);
	font-size: 0.85em;
	font-weight: normal;
	margin-bottom: -30px;
}
.Grid4 .Contact .TextStyle3 a:hover { 
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	background: #fa000f;
}
.Grid4 .Contact .TextStyle3 a:hover .SubText { 
	text-decoration: none;
}
.Grid4 .Contact.More p.TextStyle1 { 
	max-width: 700px;
}
.Grid4 .Contact.More .TextStyle1 a:link { 
	width: 700px;
	height: 90px;
	padding: .5em;
}
.Grid4 .Contact.Narrow { 
	width: auto;
	margin: 3em auto;
}
.Grid4 .Contact.Narrow .TextStyle1 a:link,
.Grid4 .Contact.Narrow .TextStyle1 a:visited { 
	height: 90px;
	width: 600px;
}
.Grid4 .Contact .TextStyle1 a:hover { 
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	background: #df5422;
	text-shadow: 0 0 2px rgba(0,0,0.7);
}
.Grid4 .Contact.Narrow .TextStyle1 a:link { 
	/*background: ;*/
}
.Grid4 .Contact { 
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
}
.Grid4.Top .Contact {
	margin: 0 auto;
}
.Grid4 .Contact p.TextStyle1 { 
	margin: auto;
	width: fit-content;
	max-width: 720px;
}
.Grid4 .PageTitleStyle3 .Column2 .Contact.Narrow { 
	width: 90%;
	margin: 2em auto;
	padding: 0;
	background: transparent;
}
.Grid4 .PageTitleStyle3 .Column2 .Contact.Narrow a { 
	font-size: 160%;
}
.Grid4 .BannerArea { 
	background: var(--White);
}
.Grid4 .ColumnOneThird { 
	width: calc((100% / 3) - 10.5px);
	margin: 0 0 0 15px;
	padding: 1em;
	box-sizing: border-box;
	float: left;
	transition: .08s ease-in;
}
.Grid4 .ColumnSet .ColumnOneThird:nth-of-type(1) { 
	margin: 0;
}
.Grid4 .ColumnOneThird h4 { 
	text-align: center;
}
.Grid4.Sub { 
	background: #fefefe;
}
.Grid4.Sub .PageTitleStyle3+.Section { 
	margin: 2.5em 0;
}
.Grid4.Sub.Chemical .PageTitleStyle3+.Section,
.Grid4.Sub.Manufacturing .PageTitleStyle3+.Section,
.Grid4.Sub.Food .PageTitleStyle3+.Section {
	margin: 0;
}
.Grid4.Sub.Chemical .PageTitleStyle3+.Section>.Inner,
.Grid4.Sub.Manufacturing .PageTitleStyle3+.Section>.Inner,
.Grid4.Sub.Food .PageTitleStyle3+.Section>.Inner {
	padding: 2.5em 0;
}
.Grid4.Sub .Section { 
	margin: auto;
	padding: 0;
}
.Grid4.Sub .Section iframe { 
	margin: auto;
	min-width: auto;
	display: block;
}
.Grid4.Sub .TextStyle1 { 
	font-size: 110% /* iot_wide.css: 1.4em (overridden) */;
}
.Grid4.Sub table.TableStyele3 { 
	width: 100%;
}
.Grid4.Sub table.TableStyele3 th { 
	background: var(--Gray4);
	color: var(--White);
}
.Grid4.Sub.Ocr .Section .Inner {
	padding: 2em 0;
}
.Grid4.Sub.Ocr table.TableStyele3 td,
.Grid4.Sub.Ocr table.TableStyele3 th { 
	text-align: center;
}
.Grid4.Sub.Ocr table.TableStyele3 td.Lt { 
	text-align: left;
	font-size: 1em;
}
.Grid4.Sub.Ocr table.TableStyele3 tr:nth-of-type(1) th { 
	background: var(--Gray5);
	color: var(--White);
	width: auto;
}
.Grid4.Sub.Ocr table.TableStyele3 th { 
	background: var(--Gray3);
	color: var(--White);
	font-weight: bold;
}
.Grid4.Sub table.TableStyele3 th,
.Grid4.Sub table.TableStyele3 td { 
	font-size: 1rem;
}
.Grid4.AiOCR .Section { 
	padding: 1em 0;
}
.Grid4.AiOCR #Sec03.Section.LGy { 
	background: var(--Gray1);
}
.Grid4.AiOCR .Section#Sec04 {
	background: var(--White);
}
.Grid4.Sub.AiOCR h2 { 
	font-size: 2.4em;
	z-index: 1;
	position: relative;
	background: transparent;
	transform: skewY(0);
	display: block;
	margin: 0 0 1em;
	padding: 0;
}
.Grid4.AiOCR h2::after { 
/*
	content: "";
	position: relative;
	display: block;
	margin: -.5em auto 1em;
	height: 1em;
	width: 80%;
	z-index: -1;
	transform: skewX(-24deg);
	background: transparent linear-gradient(90deg, var(--Gray2) 0%, #B4ECEC 64%, #AAE9E9 100%) 0% 0% no-repeat padding-box;
*/
}
.Grid4.AiOCR h2.Case::after { 
	background: transparent linear-gradient(90deg, #EDF1C1 0%, #E9DCAA 100%) 0% 0% no-repeat padding-box;
}
.Grid4 .BannerArea .Links h2::after { 
	content: none;
}
.Grid4.Sub h4 { 
	/*border-bottom: 2px dotted #999;*/
	padding: 0;
}
.Grid4.Sub.Solution h4 {
	border: none;
}
.Grid4 .InnerColumn .OneHalf { 
	width: calc(50% - 10px);
	float: left;
	margin: auto 0 auto 15px;
}
.Grid4 .InnerColumn .OneHalf:nth-of-type(odd) { 
	margin-left: 0;
}
.Grid4 .InnerColumn:after { 
	content: "";
	float: none;
	clear: both;
	display: block;
}
.OneHalf .ImgOnlyStyle.CenterAdjust { 
	background: #fefefe;
	padding: 1em!important;
}
.Grid4.Monitoring .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_monitoring.png") no-repeat left top /100%;
}
.Grid4.Monitoring .PageTitleStyle3 .ColumnSet { 
	margin: 0;
}
.Grid4.Meterread .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_meterread.png") no-repeat left top /100%;
}
.Grid4.Digitalpen .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_digitalpen.png") no-repeat left top /100%;
}
.Grid4.Simplemes .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_simplemes.png") no-repeat left top /100%;
}
.Grid4.Ocr .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_aiocr.png") no-repeat left top /100%;
}
.Grid4.AiOCR .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_aiocr_new.png") no-repeat left top /100%;
	/*border-bottom: 8px solid var(--Orange1);*/
}
.Grid4.Navi .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_navi.png") no-repeat left top /100%;
}
.Grid4.Irepo .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_ireporter.png") no-repeat left top /100%;
}
.Grid4.Free .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_free.png") no-repeat left top /100%;
}
.Grid4.Jisseki .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_jisseki.png") no-repeat left top /100%;
}
.Grid4.Kitchen .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_safety.png") no-repeat left top /100%;
	margin: 0;
}
.Grid4.rpa .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_rpa.png") no-repeat left top /100%;
	margin: 0;
}
.Grid4.Pisystem .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_pisystem.png") no-repeat left top / 100%;
}
.Grid4.assessment .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_assessment.png") no-repeat left top / 100%;
}
.Grid4.bdcube .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_cube.png") no-repeat left top / 100%;
}
.Grid4.otsecurity .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_otsecurity.png") no-repeat left top / 100%;
}
.Grid4.foodpro .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_foodpro.png") no-repeat left top / 100%;
}
.Grid4.sig .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_title_sig.png") no-repeat center top / 100%;
	border-bottom: 20px solid var(--Gray6);
}
.Grid4.Other .PageTitleStyle3 { 
	background: var(--Gray1) url("/-/media/sp/iot/image/bg_grid.png") no-repeat left top /100%;
}
.Grid4.Sub.Case .PageTitleStyle3 { 
	background: url(/-/media/sp/iot/case/image/bg_case.png) no-repeat center 0 / 100% auto;
}
.Grid4.Sub .PageTitleStyle3 .Column2.Flex { 
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.Grid4.Sub .PageTitleStyle3 .ColumnSet { 
	display: flex;
	height: stretch;
	box-sizing: border-box;
}
.Grid4.AiOCR .PageTitleStyle3 .ColumnSet { 
	margin: 0;
	/*overflow-x: hidden;*/
}
.Grid4.Sub .PageTitleStyle3 .Column2.FirstItem { 
	display: flex;
	align-items: center;
	padding: 0;
}
.Grid4.Sub .PageTitleStyle3 .Column2.LastItem { 
	background: var(--WhiteOp);
	padding: 1em 1em 1em 2em;
	margin: 0;
}
.Grid4.Sub.Case .PageTitleStyle3 .Column2.LastItem { 
	background: var(--WhiteOp);
}
.Grid4.Sub.Case .PageTitleStyle3 .Column2 .Read { 
	background: var(--WhiteOp);
}
.Grid4.Sub .PageTitleStyle3 h1 { 
	/*transform: skewX(17deg);*/
}
.Grid4.Sub .PageTitleStyle3 .TextStyle1 { 
	font-size: 110%;
	transform: skew(17deg);
}
/*
.Grid4 .BoxPatternC.Package { 
	border: none;
	z-index: 0;
	padding: 0 0 1em 0;
	background: #EFEFEF;
	margin-top: 7em;
	position: relative;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.4);
	border-radius: 2px;
}
.Grid4.Simplemes .BoxPatternC.Package { 
	border: none;
	z-index: 0;
	padding: 0;
	margin-top: 7em;
	position: relative;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.4);
	border-radius: 2px;
}
.Grid4.Ocr .BoxPatternC.Package { 
	background: #FCFAF2;
}
	*/
.Grid4.Kitchen h3 { 
	font-size: 1.4em;
	color: #464646;
	padding: 0;
	display: inline-block;
	background: transparent;
	border: none;
	border-bottom: 6px dotted #FFB1B1;
}
.Grid4.Kitchen h4 { 
	border: none;
}
.Grid4.Kitchen ol { 
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
	margin: 1.5em auto;
}
.Grid4.Kitchen ol li { 
	display: flex;
	align-items: center;
	margin: 0 0 1em;
}
.Grid4.Kitchen ol li::before { 
	counter-increment: item;
	content: counter(item)'';
	background: #FFDF88;
	font-weight: bold;
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1em 0 0;
}
.Grid4.Jisseki .BoxPatternC.Package,
.Grid4.Free .BoxPatternC.Package,
.Grid4.Kitchen .BoxPatternC.Package { 
	padding: 0;
}
.BoxPatternC .Inner { 
	padding: 1.5em;
	box-sizing: border-box;
}
.Case.Under .BoxPatternC .Inner {
	width: 100%;
	box-sizing: border-box;
}
.Grid4.Sub.Meterread .BoxPatternC .Inner {
	background: var(--White);
}
.Grid4.Sub.Monitoring .BoxPatternC.Package h3 {
	color: var(--Red2);
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	font-weight: bold;
}
.Grid4.Case.Under .BoxPatternC.Package.After h3 {
	color: var(--Red2);
}
.Grid4 .BoxPatternC.Package .Column2 { 
	padding: 1.5em;
	box-sizing: border-box;
}
.Grid4 .BoxPatternC.Package .ImgOnlyStyle img { 
	width: 100%;
	border-radius: 5px;
}
.Grid4 .BoxPatternC.Package .Column1,
.Grid4 .BoxPatternC.Package .Column3 { 
	padding: 1.5em;
	box-sizing: border-box;
}
.Grid4 .BoxPatternC.Package .Column1 { 
	width: 38%;
}
.Grid4 .BoxPatternC.Package .Column3 { 
	width: 58%;
}
.Grid4 .BoxPatternC.Package dt { 
	font-weight: bold;
	font-size: 120%;
	border-bottom: 2px dotted #999;
}
.Grid4 .BoxPatternC.Package ol,
.Grid4 .BoxPatternC.Package ul,
.Grid4.Ocr .BoxPatternC.Package ul { 
	padding: 0 0 0 2em;
	font-size: 120%;
	margin: 2em auto;
}
.Grid4 .BoxPatternC.Package ol.Plat { 
	background: var(--White);
	border-radius: 5px;
	padding: 1em 1em 1em 2.5em;
	margin: auto auto 1em;
}
.Grid4.Case .BoxPatternC.Package h5 { 
	font-size: 1.4em;
	text-align: center;
	color: var(--Gray5);
	background: transparent;
}
.Under .BoxPatternC.Package.After {
	margin-bottom: 4em;
}
.Grid4.Case h3.Default { 
	padding: 1em;
}
.Grid4.Case h3.Default a:link { 
	font-size: 1.6em;
}
.Grid4.Sub ol.Flex { 
	list-style-type: decimal;
	margin: auto;
}
.Grid4.Sub ol.Flex li { 
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.Grid4.Sub ol.Flex li .Text { 
	font-size: 1.2em;
	min-height: inherit;
}
.Grid4.Sub ol.Flex li .ImgOnlyStyle { 
	max-width: 200px;
	min-width: 200px;
	min-height: 200px;
}
.Grid4.Ocr .BoxPatternC.Package ul { 
	padding: 0 0 0 2em!important;
}
.Grid4 .BoxPatternC.Package ol li { 
	line-height: 1.8;
	margin-bottom: 1em;
	list-style: decimal;
}
.Grid4 .BoxPatternC.Package ul li { 
	list-style: disc;
}
.Grid4.Ocr .BoxPatternC.Package .Features { 
	margin: 3em 0;
	padding: 1em 0;
	display: inline-block;
}
.Grid4.Ocr .BoxPatternC.Package .Features li { 
	list-style: disc;
	position: relative;
	z-index: auto;
	display: flex;
	font-weight: bold;
	margin: 0 1em 4em 1em;
	padding: 0 0 0 3em;
	line-height: 1;
	width: 38%;
	float: left;
	align-items: center;
}
.Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(1):before { 
	content: url(/-/media/sp/iot/aiocr/image/icon_ocr_01.png);
	position: absolute;
	left: -20px;
	align-items: center;
}
.Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(2):before { 
	content: url(/-/media/sp/iot/aiocr/image/icon_ocr_02.png);
	position: absolute;
	left: -20px;
	align-items: center;
}
.Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(3):before { 
	content: url(/-/media/sp/iot/aiocr/image/icon_ocr_03.png);
	position: absolute;
	left: -20px;
	align-items: center;
}
.Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(4):before { 
	content: url(/-/media/sp/iot/aiocr/image/icon_ocr_04.png);
	position: absolute;
	left: -20px;
	align-items: center;
}
.Grid4.Ocr .BoxPatternC.Package .Default ul li:after { 
	content: none;
}
.Grid4 .BoxPatternC.Package ul li.OneHalf { 
	list-style: none;
}
/*
.Grid4 .BoxPatternC.Package h3 { 
	margin: 0;
	padding: 1em;
	border: none;
	font-size: 150%;
	line-height: 1.2;
	color: #831717;
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-height: 103px;
	height: 103px;
}
.Grid4.Monitoring .BoxPatternC.Package h3 { 
	background: #98DE29 none;
}
.Grid4.Meterread .BoxPatternC.Package h3 { 
	background: #67e393 none;
}
.Grid4.Digitalpen .BoxPatternC.Package h3 { 
	background: #DEC229 none;
}
.Grid4.Simplemes .BoxPatternC.Package h3 { 
	background: #7DF4DD none;
}
.Grid4.Ocr .BoxPatternC.Package h3 { 
	background: var(--Gray3) none;
	color: var(--White);
}
.Grid4.Jisseki .BoxPatternC.Package h3 { 
	background: #324690 none;
	color: var(--White);
}
.Grid4.Free .BoxPatternC.Package h3 { 
	background: transparent;
	color: var(--Black);
	font-weight: bold;
}
.Grid4.Kitchen .BoxPatternC.Package h3 { 
	background: #E5E2AB none;
	color: var(--Gray6);
}
.Grid4.Case .BoxPatternC.Package.Before h3 { 
	background: #5f5f5f none;
}
.Grid4.Case .BoxPatternC.Package.After h3 { 
	background: linear-gradient(160deg,#98DE29,#54d4e4);
}
	*/
.Grid4.Case .Section.Before:after { 
	content: "";
	display: block;
	margin: auto;
	width: 100px;
	height: 60px;
	background: url(/-/media/sp/iot/image/icon_arrow_under.svg) no-repeat center / 100px 60px;
}
/*
.Grid4.Case .BoxPatternC.Package.Before.Right span.Arrow { 
	background: linear-gradient(-160deg,#5f5f5f,#b4b0af);
	transform: rotate(17deg);
	border-right: 30px solid #5f5f5f;
}
.Grid4.Case .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#98DE29,var(--Gray4));
	transform: rotate(-17deg);
	border-left: 30px solid #98DE29;
	left: -23px;
}
.Grid4 .BoxPatternC.Package span.Arrow { 
	z-index: -1;
	border-top: 0 solid transparent;
	position: absolute;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0 -5px 10px 0 rgba(0,0,0,.3);
	height: 110px;
	width: 300px;
	display: block;
	top: -48px;
	right: -23px;
}
.Grid4.Monitoring .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#98DE29,var(--Gray4));
	transform: rotate(17deg);
	border-right: 30px solid #98DE29;
}
.Grid4.Monitoring .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#98DE29,var(--Gray4));
	transform: rotate(-17deg);
	border-left: 30px solid #98DE29;
	left: -23px;
}
.Grid4.Meterread .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#67e393,#2cbccf);
	transform: rotate(17deg);
	border-right: 30px solid #67e393;
}
.Grid4.Meterread .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#67e393,#2cbccf);
	transform: rotate(-17deg);
	border-right: 30px solid #67e393;
	left: -23px;
}
.Grid4.Digitalpen .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#DEC229,#e38f67);
	transform: rotate(17deg);
	border-right: 30px solid var(--Gray2);
}
.Grid4.Digitalpen .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#DEC229,#e38f67);
	transform: rotate(-17deg);
	border-left: 30px solid var(--Gray2);
	left: -23px;
}
.Grid4.Simplemes .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#7DF4DD,#00BAE6);
	transform: rotate(17deg);
	border-right: 30px solid #7DF4DD;
}
.Grid4.Simplemes .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#7DF4DD,#00BAE6);
	transform: rotate(-17deg);
	border-left: 30px solid #7DF4DD;
	left: -23px;
}
.Grid4.Ocr .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,var(--Gray3),#E6A800);
	transform: rotate(17deg);
	border-right: 30px solid var(--Gray3);
}
.Grid4.Ocr .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,var(--Gray3),#E6A800);
	transform: rotate(-17deg);
	border-left: 30px solid var(--Gray3);
	left: -23px;
}
.Grid4.Jisseki .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#324690,#2B1165);
	transform: rotate(17deg);
	border-right: 30px solid #324690;
}
.Grid4.Jisseki .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#324690,#2B1165);
	transform: rotate(-17deg);
	border-left: 30px solid #324690;
	left: -23px;
}
.Grid4.Free .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#4B4E58,#202E55);
	transform: rotate(17deg);
	border-right: 30px solid #4B4E58;
}
.Grid4.Free .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#4B4E58,#202E55);
	transform: rotate(-17deg);
	border-left: 30px solid #4B4E58;
	left: -23px;
}
.Grid4.Kitchen .BoxPatternC.Package.Right span.Arrow { 
	background: linear-gradient(-160deg,#E5E2AB,#F3CEA8);
	transform: rotate(17deg);
	border-right: 30px solid #E5E2AB;
}
.Grid4.Kitchen .BoxPatternC.Package.Left span.Arrow { 
	background: linear-gradient(160deg,#E5E2AB,#F3CEA8);
	transform: rotate(-17deg);
	border-left: 30px solid #E5E2AB;
	left: -23px;
}
	*/
.Grid4 .BoxPatternC.Package li.OneHalf span,
.Grid4 .BoxPatternC.Package li.OneHalf h5 { 
	background: transparent;
}
.Grid4 .BoxPatternC.Package h3 span { 
	font-weight: normal;
	color: var(--Gray6);
	font-size: 80%;
	display: block;
	min-height: 28px;
	margin: 0 0 0 .5em;
	line-height: 1.6;
}
.Grid4 .BoxPatternC.Package.Before h3 { 
	color: #999;
}
.Grid4.Case.Under .BoxPatternC.Package.Before h3 {
	color: var(--Black);
}
.Grid4.Case.Under .BoxPatternC.Package {
	padding: 1em;
}
.Grid4.Case.Under .BoxPatternC.Package h3 span { 
	color: var(--Gray6);
	margin: 0;
	padding: 0;
}
.Grid4 .BoxPatternC.Package li span,
.Grid4.Sub .ColumnSet li span { 
	background: var(--Red1_20_Tint);
	border-radius: 4px;
	font-weight: bold;
	padding: .1em .25em 0;
	margin: 0 .2em;
}
.Grid4 .BoxPatternC.Package .TextStyle1 { 
	font-size: 110%;
}
.Grid4 .Customer { 
	border-top: 3px dotted #ccc;
	border-bottom: 3px dotted #ccc;
	padding: 2em 0;
	margin-bottom: 3em;
}
.Grid4 .Customer dl:before { 
	content: url("/-/media/sp/iot/image/icon_customer.svg");
	width: 90px;
	height: auto;
	float: left;
	margin: 0 2em 0 0;
}
.Grid4 .Customer dt { 
	font-size: 150%;
}
.Grid4 .Customer dd { 
	font-size: 140%;
	line-height: 2;
}
.Grid4 .Customer:after { 
	content: "";
	display: block;
	clear: both;
	float: none;
}
.Grid4.Sub .Solution { 
	max-height: inherit;
	padding-bottom: 5em;
}
.Grid4.Sub.Jisseki .Solution { 
	padding-bottom: 2em;
}
.Grid4.Sub.Jisseki .Func { 
	display: flex;
	flex-flow: column;
}
.Grid4.Sub.Jisseki .Func .F01,
.Grid4.Sub.Jisseki .Func .F02,
.Grid4.Sub.Jisseki .Func .F03 { 
	background: #efefef;
	padding: 1em;
	border-radius: 5px;
	margin-bottom: 1em;
}
.Grid4.Sub.Jisseki .Func .F03 { 
	background: #ecf3d6;
}
.Grid4.Sub.Jisseki .Func ul { 
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 1em;
}
.Grid4.Sub.Jisseki .Func ul li { 
	background: #08B4F4;
	padding: .5em;
	margin: .25em;
	font-size: 1.4em;
	border-radius: 3px;
}
.Grid4.Sub.Jisseki .Func ul li.L { 
	background: #95d3e9;
}
.Grid4.Sub .Solution .ColumnSet { 
	margin-bottom: 2em;
	background: url("/-/media/sp/iot/image/icon_arrow_right.svg") no-repeat center / 50px 60px;
}
.Grid4.Digitalpen .Solution .ColumnSet { 
	margin-bottom: 0;
}
.Grid4.Case .Solution,
.Grid4.Digitalpen .Solution,
.Grid4.Simplemes .Solution { 
	max-height: inherit;
	padding-bottom: 0em;
}
.Grid4.Sub .Solution .ColumnSet.Default { 
	background: none;
}
.Grid4.Sub .Solution .Column2 { 
	width: calc(50% - 3em);
}
.Grid4.Sub .Solution .Column2.LastItem { 
	margin: 0 0 0 6em;
}
.Grid4.Sub .Solution .Column2 h3 { 
	margin: 0;
	padding: 1em 0;
	width: 100%;
	text-align: center;
}
.Grid4.Sub.Under .Solution .Column2.FirstItem h3 {
	color: var(--Gray1);
}
.Grid4.Sub .Solution .Column2.LastItem h3 { 
	background: var(--Gray1);
	color: var(--Gray6);
}
/*.Grid4.Sub.Simplemes .Solution .Column2.LastItem h3 { 
	background: linear-gradient(160deg,#7DF4DD,#00BAE6);
	color: var(--Gray6);
}*/
.Grid4.Sub.Jisseki .Solution .Column2.LastItem h3 { 
	background: linear-gradient(160deg,#324690,#2B1165);
	color: var(--White);
}
.Grid4.Sub.Jisseki .Solution h4 { 
	border: none;
}
.Grid4.Sub .Solution .Column2 ul { 
	padding: 1em;
}
.Grid4.Sub .Solution .Column2 li { 
	list-style-type: disc /* iot_wide.css: decimal (overridden) */;
	margin-bottom: 1em;
	font-size: 120% /* iot_wide.css: inherit (overridden) */;
}
.Grid4.Sub .Solution .Column2 ol { 
	padding: 0 0 0 2em;
	font-size: 120%;
}
.Grid4.Sub.Jisseki .Solution .Column2 li,
.Grid4.Sub.Navi .Solution .Column2 li,
.Grid4.Sub.Irepo .Solution .Column2 li { 
	list-style-type: circle;
}
.Grid4.Sub .Solution .Column2 img { 
	width: 100%;
	height: auto;
}
.Grid4.Sub .Flow dt { 
	float: left;
	width: 18em;
	background: linear-gradient(160deg,#98DE29,#54d4e4);
	padding: 1em;
	margin: 0 2em 0 0;
	font-size: 110%;
	position: relative;
	border-radius: 5px 5px 0 0;
	text-align: center;
}
.Grid4.Sub .Flow dt span { 
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.Grid4.Sub .Flow dt:after { 
	content: "";
	float: left;
	background: linear-gradient(160deg,#98DE29,#54d4e4);
	position: absolute;
	top: 100%;
	left: 0;
	border-color: #54d4e4 transparent transparent transparent;
	border-width: 2em 10em 0 10em;
	border-style: solid;
	margin: 0px 0 0 0px;
}
.Grid4.Sub .Flow dd { 
	margin: 0 0 3em 24em;
}
.Grid4.Sub .Flow dd .TextStyle1 { 
	font-size: 110%;
}
.Grid4.Sub .Flow dd:after { 
	content: "";
	display: block;
	float: none;
	clear: both;
}
.Grid4.Sitemap .ColumnSet { 
	border-bottom: 1px solid var(--Gray2);
}
#Contents .Grid4.Sitemap .ColumnSet h3 { 
	font-size: 120%;
	color: var(--Gray6);
	background: transparent;
	border: none;
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
	text-align: left;
}
#Contents .Grid4.Sitemap .ColumnSet h3 a:link { 
	text-decoration: none;
	text-align: left;
	color: var(--Gray5);
}
.Grid4.Ocr .ColumnOneThird { 
	background: var(--Gray1);
	padding: 0;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
.Grid4.Ocr .ColumnOneThird h3 { 
	border: none;
	background: var(--Gray4);
	color: var(--White);
}
.Grid4.Ocr .ColumnOneThird ul { 
	padding: 1em;
	min-height: 8em;
}
.Grid4.Ocr .ColumnOneThird li { 
	list-style: disc;
	font-size: 1.2em;
	margin: 0 0 0 1em;
}
.Grid4.Sub.AiOCR h3 { 
	background: transparent;
	border: none;
	font-size: 2.2em;
	font-weight: normal;
	text-align: center;
}
.Grid4.Sub .Flexbox { 
	display: flex;
	justify-content: space-between;
	margin: 2em auto;
}
.Grid4.Sub .Flexbox.Three { 
	flex-wrap: wrap;
	gap: 1em;
	box-sizing: border-box;
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Chemical { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_chemical.png);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Machine { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_machine.png);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Manufacturing { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_manufacturing.png);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Foods { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_foods.png);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Company { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_company.png);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Medicine { 
	background-image: url(/-/media/sp/iot/solution/aiocr_new/image/bg_medicine.png);
}
.Grid4.Sub .Flexbox.Three li { 
	width: calc((100% / 3) - 1em);
	height: 100%;
	min-height: 410px;
	box-sizing: border-box;
	margin: 0;
	background-size: auto 122%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}
.Grid4.Sub.AiOCR .Flexbox.Three li div { 
	background: rgba(0,0,0,.5);
	padding: 1em;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	position: relative;
	transition: .08s ease-in;
}
.Grid4.Sub.AiOCR .Flexbox.Three li div.bl-hover { 
	background: rgba(0,0,0,.2);
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Soon div { 
	justify-content: flex-start;
}
.Grid4.Sub.AiOCR .Flexbox.Three li.Soon div::after { 
	content: "Coming Soon";
	font-weight: bold;
	font-size: 2em;
	height: 100%;
	color: var(--White);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.Grid4.Sub.AiOCR .Flexbox.Three h3 { 
	background: transparent;
	color: var(--White);
	border: none;
	padding: 0;
	margin: 0;
	font-size: 1.8em;
	text-align: left;
	font-weight: bold;
}
.Grid4.Sub.AiOCR .Flexbox.Three dl { 
	color: var(--White);
	margin: 0 0 1em;
}
.Grid4.Sub.AiOCR .Flexbox.Three dl dt { 
	font-weight: bold;
	margin: 0 0 1em;
}
.Grid4.Sub.AiOCR .Flexbox.Three dl dd { 
	margin: 0 0 1em;
}
.Grid4.Sub.AiOCR .Flexbox.Three dl dl { 
	background: var(--White);
	border-radius: 2px;
	box-shadow: 0 0 6px rgba(0,0,0,.3);
	padding: 1em;
	color: var(--Gray6);
	min-height: 224px;
}
.Grid4.Sub.AiOCR .Flexbox.Three dl dl dd,
.Grid4.Sub.AiOCR .Flexbox.Three dl dd + dd { 
	margin: 0;
}
.Grid4.Sub.AiOCR .Flexbox.Three div ul { 
	flex-flow: column;
}
.Grid4.Sub.AiOCR .Flexbox.Three div ul li { 
	width: 95%;
	min-height: inherit;
	color: var(--Gray6);
	list-style-type: disc;
	margin: 0 1em 1em;
	font-size: .9em;
}
.Grid4.Sub.AiOCR .Flexbox.Three div span { 
	color: var(--White);
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
.Grid4.Sub.AiOCR .Flexbox.Three div a:link,
.Grid4.Sub.AiOCR .Flexbox.Three div a:visited { 
	color: var(--White);
	font-size: 1.2em;
	font-weight: bold;
}
.Grid4.Sub.AiOCR .Flexbox.Three div a:hover { 
	text-decoration: none;
}
.Grid4.AiOCR .ColumnOneThird h3 { 
	font-size: 1.2em;
	font-weight: bold;
	background: var(--Gray2);
}
.Grid4.AiOCR .ColumnOneThird { 
	background: #F2F2F2;
	padding: 0;
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
	min-height: 278px;
}
.Grid4.AiOCR .ColumnOneThird ul { 
	padding: 1em;
}
.Grid4.AiOCR .ColumnOneThird li { 
	list-style: disc;
	font-size: 1.2em;
	margin: 0 0 0 1em;
}
.Grid4.AiOCR .Solution { 
	background: var(--Gray1);
	border-radius: 5px;
	padding: 1.5em;
	margin: 0 0 1.5em;
}
.Grid4.AiOCR .Solution h3 { 
	color: var(--Gray6);
	font-weight: bold;
	font-size: 1.8em;
	transform: inherit;
	width: inherit;
	margin: 0;
	padding: 0 .5em;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
.Grid4.AiOCR .Solution h3::after { 
	content: "";
	display: block;
	height: 1em;
	background: var(--Red1_20_Tint);
	width: auto;
	margin: -.5em -.5em 0 -.5em;
	position: relative;
	transform: skewX(-10deg);
	z-index: -1;
	box-sizing: border-box;
}
.Grid4.AiOCR .Solution span.Close { 
	display: flex;
	font-size: 1.2em;
	line-height: 1.6;
	justify-content: center;
	align-items: center;
	width: 5em;
	padding: .15em;
	margin: 0 0 0 auto;
	border: 2px solid #B4B4B4;
	border-radius: 5px;
	cursor: pointer;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: .08s ease-in;
}
.Grid4.AiOCR .Solution span.Close:hover { 
	background: rgba(255,255,255,.1);
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.Grid4.AiOCR .Solution span.Close::before { 
	content: "";
	background: url(/-/media/sp/iot/solution/aiocr_new/image/icon_toggle.svg) no-repeat center;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 .15em;
	transition: .08s ease-in;
	transform: rotate(45deg);
}
.Grid4.AiOCR .Solution span.Close.Active::before { 
	transform: rotate(0deg);
}
.Grid4.AiOCR .Solution .TextStyle1 { 
	margin: 1em 0;
}
.Grid4.AiOCR .Solution h4 { 
	border: none;
	display: table;
	line-height: 1;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	font-size: 1.6em;
	padding: 0 .5em;
	margin: .5em 0;
	color: #464646!important;
}
.Grid4.AiOCR .Solution .ProbBox p { 
	font-weight: bold;
	color: #444444;
}
.Grid4.AiOCR .Solution .Contents { 
	display: none;
}
.Grid4.AiOCR .Solution .ProbBox h4::after,
.Grid4.AiOCR .Solution .SolBox h4::after { 
	content: "";
	display: block;
	height: 1em;
	width: auto;
	margin: -.5em -.5em 0 -.5em;
	position: relative;
	transform: skewX(-10deg);
	z-index: -1;
	box-sizing: border-box;
}
.Grid4.AiOCR .Solution .ProbBox h4::after { 
	background: var(--Gray2);
}
.Grid4.AiOCR .Solution .SolBox h4::after { 
	background: var(--Red1_20_Tint);
}
.Grid4.AiOCR .Solution .ProbBox { 
	padding: 1em;
}
.Grid4.AiOCR .Solution .SolBox { 
	padding: 1em;
	margin: 0 0 1em;
	background: var(--White);
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.Grid4.AiOCR .Solution .SolBox img { 
	width: 100%;
	height: auto;
}
.Grid4.AiOCR .NoList { 
	display: flex;
	flex-flow: column;
}
.Grid4.AiOCR .NoList dt { 
	font-weight: bold;
	display: flex;
	align-items: center;
	font-size: 1.4em;
	color: #464646;
	line-height: 1.6;
	margin: 0 0 .5em;
}
.Grid4.AiOCR .NoList dt span { 
	font-weight: bold;
	background: var(--Gray2);
	margin: 0 .5em 0 0;
	border-radius: 50%;
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Grid4.AiOCR .NoList dd { 
	font-size: 1.2em;
	margin: 0 0 1em 2.5em;
}
.Grid4.AiOCR .ColumnSet { 
	margin: 1.5em auto;
}
.Grid4.AiOCR .Column2 { 
	box-sizing: border-box;
	min-height: 400px;
}
.Grid4.AiOCR .Column2 img { 
	width: 100%;
	height: auto;
}
.Grid4.AiOCR .BoxPatternC { 
	padding: 0;
	background: var(--Gray1);
	border: none;
}
.Grid4.AiOCR .BoxPatternC h3 { 
	font-size: 1.2em;
	font-weight: bold;
	background: var(--Gray2);
	text-align: left;
	padding: 1em;
	margin: 0!important;
}
.Grid4.AiOCR .BoxPatternC dl { 
	padding: 1em!important;
}
.Grid4.AiOCR .BoxPatternC dt { 
	font-weight: bold;
	font-size: 1.2em;
	color: var(--Gray6);
}
.Grid4.AiOCR .BoxPatternC dd { 
	margin: 0 0 1em 1em;
}
.Grid4.AiOCR .LinkPanel { 
	display: flex;
	justify-content: space-between;
}
.Grid4.AiOCR .LinkPanel li { 
	width: calc((100% / 3) - 1em);
	box-sizing: border-box;
}
.Grid4.AiOCR .LinkPanel li h3 { 
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.Grid4.AiOCR .LinkPanel li h3 a:link,
.Grid4.AiOCR .LinkPanel li h3 a:visited { 
	background: none var(--White);
	text-decoration: none;
	padding: 1.2em;
	margin: 0;
	display: flex;
	align-items: center;
	line-height: 1.6;
	transition: .08s ease-in;
}
.Grid4.AiOCR .LinkPanel li h3 a:hover { 
	background: none var(--Gray1);
}
.Grid4.AiOCR .LinkPanel li h3 a::before { 
	content: "";
	background: url(/-/media/sp/iot/solution/aiocr_new/image/icon_link_arrow.svg) no-repeat center;
	display: block;
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin: 0 .5em 0 0;
}
.Grid4.Sub .Flexbox.Split { 
	align-items: center;
}
.Grid4.Sub.Pisystem .Flexbox.Split {
	gap: 1em;
	justify-content: center;
}
.Grid4.Sub .Flexbox.Split div { 
	width: 48%;
}
.Grid4.Sub .Flexbox.Split.Box div { 
	padding: 1em;
	width: 46%;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.Grid4.Sub .Flexbox.Split.Box .ImgTxt { 
	display: flex;
	align-items: flex-start;
}
.Grid4.Sub .Flexbox.Split.Box dl { 
	display: flex;
	flex-wrap: wrap;
	box-shadow: none;
	width: 100%;
}
.Grid4.Sub .Flexbox.Split.Box dt { 
	width: 40%;
	background: transparent;
}
.Grid4.Sub.Free .Flexbox dl { 
	width: calc((100% / 3) - 1.5em);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	border-radius: 4px;
}
.Grid4.Sub.Free .Flexbox dt { 
	background: var(--Gray1);
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding: 1em;
	border-radius: 4px 4px 0 0;
}
.Grid4.Sub.Free .Sol .Flexbox dt { 
	background: var(--Gray5);
	color: var(--White);
	min-height: 5.5em;
	line-height: 1.2;
	font-weight: bold;
}
.Grid4.Sub.Free .Sol .Flexbox dt::before { 
	content: "";
	width: 2.5em;
	height: 2.5em;
	margin: 0 1em 0 0;
	color: var(--White);
	border: 1px solid;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Grid4.Sub.Free .Sol .Flexbox dl:nth-of-type(1) dt::before { 
	content: "1";
}
.Grid4.Sub.Free .Sol .Flexbox dl:nth-of-type(2) dt::before { 
	content: "2";
}
.Grid4.Sub.Free .Sol .Flexbox dl:nth-of-type(3) dt::before { 
	content: "3";
}
.Grid4.Sub.Free .Flexbox dd { 
	padding: 1em;
}
.Grid4.Sub.Free .TextStyle1 br.PC { /*改行解除*/
	display: none;
}
.Grid4.Sub.Free .TableStyle3 { 
	border-collapse: separate;
	border-spacing: .25em;
	border: none;
	font-size: 1em;
}
.Grid4.Sub.Free .TableStyle3 th,
.Grid4.Sub.Free .TableStyle3 td { 
	border: none;
	font-size: 1em;
}
.Grid4.Sub.Free .TableStyle3 th { 
	background: var(--Gray5);
	color: var(--White);
}
.Grid4.Sub.Free .TableStyle3 td { 
	background: var(--Gray1);
}
.columnbox { 
	display: flex;
	justify-content: start;
	gap: 1em;
}
.Grid4.Sub .columnbox h3 {
	text-align: left;
}
.columnbox.type_p_1,
.columnbox.type_p_2 { 
	margin-bottom: 35px;
}
.columnbox.type_p_2 { 
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	padding: 0;
	background-color: white;
}
.columnbox.type_p_1 .point { 
	background: var(--Gray5);
	color: white;
	font-size: 2em;
	font-weight: bold;
	padding: .5em;
	margin: 0;
	height: auto;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-flow: column;
}
.columnbox.type_p_1 .point span { 
	font-weight: normal;
	font-size: .8em;
	word-break: keep-all;
}
.columnbox.type_p_1 .text { 
	width: 100%;
	padding: 1em;
	background: var(--Gray1);
	box-sizing: border-box;
}
.columnbox.type_p_2 .point { 
	width: 90px;
	text-align: center;
	height: auto;
	font-weight: bold;
	color: var(--Gray2);
}
.Grid4.assessment .columnbox.type_p_2 .point { 
	font-size: 5em;
}
.columnbox.type_p_2 .text { 
	width: 875px;
	padding: 1em;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.Grid4.assessment .columnbox.type_p_2 .text { 
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
}
.Grid4.assessment .columnbox.type_p_2 .text h4 { 
	border: none;
}
.columnbox.type_p_2 .text p { 
	margin-bottom: 0px;
}
.columnbox.type_p_2 h4,
.columnbox.type_p_2 .text p { 
	color: var(--Gray5);
}
.columnbox.type_p_2 h4 strong { 
	font-size: 1.2em;
	color: var(--Gray5)!important;
}
.Grid4.assessment .TextStyle1.onepoint { 
	color: var(--Red1_40_Dark);
	font-size: 38px;
	text-align: center;
	font-weight: bold;
}
.Grid4.assessment .Section.bc_p { 
	background-color: var(--Gray1);
	padding-top: 50px;
}
.Grid4.assessment .Section#Sec03,
.Grid4.foodpro .Section#Sec03,
.Grid4.otsecurity .Section#Sec03 { 
	padding-top: 50px;
}
.Grid4.assessment .Section#Sec04 { 
	padding-bottom: 40px;
}
.Grid4.assessment div.palet { 
	padding: 20px;
	background-color: #EEEEEE;
	border-radius: 15px;
}
.Grid4.assessment div.palet ol {
	list-style-position: inside;
}
.Grid4.assessment div.palet ol li { 
	font-size: 1.4em;
	line-height: 1.8;
}
.Grid4.assessment div.palet ol li span { 
	display: block;
	font-size: .8em;
}
.Grid4.assessment dl.no_list { 
	display: flex;
	flex-wrap: wrap;
}
.Grid4.assessment dl.no_list dt { 
	margin-right: 15px;
	width: 20px;
	margin-bottom: 8px;
}
.Grid4.assessment dl.no_list dd { 
	width: 885px;
	margin-bottom: 8px;
}
.Grid4.assessment dl.no_list dd span { 
	font-size: 0.8em;
}
.Grid4.assessment div.in_palet { 
	padding: 1em;
	font-size: 1.6em;
	background: white;
	border-radius: 10px;
	font-weight: bold;
	color: var(--Gray5);
}
.Grid4.assessment .liststyle1 li { 
	list-style-type: disc;
}
.Grid4.assessment .columnbox.threebox { 
	gap: 1.5em;
	margin: 0 auto 1.5em;
	width: 100%;
	justify-content: space-between;
}
.columnbox.threebox .box { 
	width: calc((100% / 2) - 1.5em);
}
.columnbox.threebox .box .box_top { 
	font-size: 26px;
}
.columnbox.threebox .box.gray .box_top { 
	background-color: var(--Gray5);
	color: white;
	padding: 15px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}
.columnbox.threebox .box.blue .box_top { 
	background-color: var(--Black);
	color: white;
	padding: 15px;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}
.columnbox.threebox .box .box_bottom { 
	background-color: white;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	min-height: 210px;
	height: auto;
	font-size: 20px;
	border-radius: 10px;
}
.columnbox.threebox .box .box_bottom .underline1 { 
	background-image: linear-gradient(transparent 50%, var(--Red1_20_Tint) 0%);
}
.columnbox.threebox .box.blue .box_bottom { 
	background-image: url(/-/media/sp/iot/solution/assessment/image/ico_tsuyomi.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.columnbox.threebox .arrow { 
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0 10px 0;
}
.pc_view { 
	display: block;
}
.sp_view { 
	display: none;
}
.Grid4.Sub .Disc li { 
	display: flex;
	font-size: 1.2em;
}
.Grid4.Sub .Disc li::before { 
	content: "●";
	color: var(--Gray5);
	margin: 0 .25em 0 0;
}
.Grid4.Sub.bdcube .Disc.Wh { 
	background: var(--Gray1);
	width: 90%;
	margin: 1.5em auto;
	padding: 1em 2em;
	border-radius: 5px;
	box-sizing: border-box;
}
.Grid4.Sub .Disc.Wh li { 
	align-items: center;
	font-weight: bold;
	font-size: 1.4em;
	color: var(--Gray6);
	margin: 1em 0;
}
.Grid4.Sub .Disc.Wh li::before { 
	color: var(--White);
}
.Grid4.Sub.foodpro .TextStyle1 { 
	font-size: 1.2em;
}
.Grid4.Sub.foodpro .ImgOnlyStyle img {
	margin: auto;
	display: block;
}
.Grid4.foodpro h2,
.Grid4.otsecurity h2 { 
	margin: 0 auto 2em;
	font-size: 2.2em;
	color: #4D4D4D;
}
.Grid4.foodpro h2 { 
	color: var(--Gray6);
}
.Grid4.foodpro h2 span { 
	background-image: linear-gradient(transparent 50%, var(--Gray2) 0%);
	background-color: inherit!important;
	color: inherit;
	display: inline;
}
.Grid4.otsecurity h2 span { 
	background-image: linear-gradient(transparent 50%, var(--Red1_20_Tint) 0%);
	background-color: inherit!important;
	color: inherit;
	display: inline;
}
.Grid4.foodpro .Section#Sec02,
.Grid4.foodpro .Section#Sec04 { 
	background-color: var(--Gray1);
	padding-top: 50px;
}
.Grid4.otsecurity .Section#Sec01 { 
	padding-bottom: 50px;
}
.Grid4.otsecurity .Section#Sec02,
.Grid4.otsecurity .Section#Sec04 { 
	background-color: var(--Gray1);
	padding-top: 50px;
}
.Grid4.otsecurity .Section .Inner,
.Grid4.rpa .Section .Inner,
.Grid4.bdcube .Section .Inner,
.Grid4.assessment .Section .Inner,
.Grid4.Pisystem .Section .Inner { 
	padding: 3em 0;
}
.Grid4.Pisystem .Section.Grad .Inner {
	padding: 3em 0 0;
}
.Grid4.Pisystem .Contact {
	margin-top: 0!important;
	padding: 0;
	background: transparent;
}
.Grid4.Pisystem .Section.Grad .Contact .Inner {
	padding: 0;
}
.Grid4.Pisystem .Contact .Inner a:link {
	width: max-content;
	padding: 1em;
}
.Grid4.otsecurity .Section .ImgOnlyStyle img {
	margin: auto;
	display: block;
}
.Grid4 .Contact.Narrow .Inner { 
	padding: 0;
}
.Grid4.rpa .Section#Sec01 { 
	background-color: var(--Gray1);
}
.Grid4.rpa .Section#Sec03.GladGlay { 
	background: transparent linear-gradient(132deg, var(--Gray2) 0%, var(--Gray3) 100%) 0% 0% no-repeat padding-box;
}
.Grid4.foodpro .Section#Sec04 h2 { 
	margin-bottom: 50px!important;
}
.Grid4.foodpro .columnbox .box { 
	background-color: var(--White);
	padding: 15px;
	width: 46%;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.Grid4.rpa .columnbox .box { 
	background-color: var(--White);
	padding: 1em /* iot_wide.css: 0 (overridden) */;
	width: calc((100% / 2) - 1em);
	margin-bottom: 1em;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.2) ;
	box-sizing: border-box;
}
.Grid4.foodpro .columnbox .box h4 { 
	border: none;
	font-size: 1.3em;
	margin: 0 0 1em;
}
.Grid4.foodpro .columnbox .box h4 strong { 
	color: var(--Gray5);
}
.Grid4.foodpro .columnbox.type_p_1 .point { 
	background-color: var(--Gray5);
	color: white;
	font-size: 2em;
	min-height: inherit;
	height: auto;
	line-height: 1.6;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: .5em;
	margin: 0;
	font-weight: bold;
}
.Grid4.foodpro .columnbox.type_p_1 .point span { 
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
}
.Grid4.foodpro .columnbox.type_p_1 { 
	margin: 0 0 1em;
	justify-content: flex-start;
}
.Grid4.foodpro .columnbox.type_p_1 .text { 
	background: var(--White);
	padding: 1em;
	box-sizing: border-box;
}
.Grid4.foodpro .columnbox.type_p_1 .text h4 { 
	color: var(--Gray6);
	border: none;
	font-size: 1.3em;
}
.Grid4.assessment h2,
.Grid4.bdcube h2,
.Grid4.Pisystem h2,
.Grid4.rpa h2 { 
	font-size: 2.4em;
	margin: 0 0 1em;
	background: transparent;
}
.Grid4.assessment h3,
.Grid4.bdcube h3,
.Grid4.Pisystem h3,
.Grid4.rpa h3 { 
	color: var(--Gray5);
	font-size: 1.8em;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
}
.Grid4.rpa h3 {
	text-align: left;
	font-weight: bold;
}
.Grid4.assessment h3,
.Grid4.Pisystem h3 { 
	color: var(--Gray6);
}
.Grid4.Pisystem h3 {
	text-align: left;
	font-weight: bold;
}
.Grid4.bdcube h3 { 
	color: var(--Gray5);
	margin: 1em 0;
}
.Grid4.bdcube h3 span { 
	background: linear-gradient(transparent 50%, var(--Red1_20_Tint) 0%);
}
.Grid4.bdcube .columnbox h3 { 
	margin: 0 0 1em;
}
.Grid4.rpa .columnbox .box h4 { 
	background-color: var(--Black)!important;
	padding: 1em;
	border-radius: 5px 5px 0 0;
	border: none;
}
.Grid4.rpa .columnbox .box p { 
	padding: 15px;
}
.Grid4.rpa .columnbox .box h4 strong { 
	color: white!important;
}
.Grid4.rpa .ImgOnlyStyle img {
	margin: auto;
	display: block;
}
.Grid4.Pisystem .PageTitleStyle3 .Inner div.contact_btn {
	position: absolute;
}
.Grid4.Pisystem .normal_palet,
.Grid4.rpa .normal_palet { 
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	padding: 2em;
	background-color: white;
	margin-top: 50px;
	position: relative;
}
.Grid4.rpa .normal_palet p.TextStyle1 { 
	margin: 0;
	font-size: 1.4em;
}
.Grid4.rpa .normal_palet p.ImgOnlyStyle { 
	position: absolute;
	top: -30px;
	left: -30px;
}
.Grid4.Pisystem .Photo .normal_palet ,
.Grid4.rpa .Section#Sec03 .normal_palet { 
	box-shadow: none;
	margin-bottom: 30px;
	margin-top: 0;
}
.Grid4.rpa .Section#Sec03 h4 { 
	margin-bottom: 0;
	color: #63565B!important;
}
.Grid4.rpa .innersection { 
	width: 100%;
	margin: 0 auto;
	background: #EEEEEE;
	border-radius: 10px;
	padding: 2em;
	box-sizing: border-box;
}
.Grid4.rpa .Section#Sec04 .normal_palet { 
	display: flex;
	background: transparent;
	box-shadow: none;
	align-items: center;
	padding: 0;
	margin: 0 0 1.5em;
}
.Grid4.rpa .Section#Sec04 .normal_palet:before { 
	content: "";
	margin: 0 .5em 0 0;
	width: 18px;
	min-width: 18px;
	height: 18px;
	background: var(--White);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	border-radius: 50%;
	display: block;
}
.Grid4.otsecurity .Section#Sec03 h2 { 
	margin-bottom: 50px;
}
.Grid4.otsecurity .topboard { 
	background-color: var(--Gray1);
	padding: 15px 40px 15px 40px;
	font-weight: bold;
	color: #525253;
	font-size: 1.2em;
	text-align: center;
	border-radius: 15px;
	margin-bottom: 15px;
}
.Grid4.otsecurity .columnbox.type_p_2 .point { 
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 4em;
}
.Grid4.otsecurity .columnbox.type_p_2 { 
	margin-bottom: 10px;
	background-color: var(--Gray1);
	box-shadow: none;
}
.Grid4.otsecurity .columnbox.type_p_2 .text {
	margin: auto;
}
.Grid4.otsecurity .columnbox.type_p_2 h3 { 
	color: var(--Gray5);
	text-align: center;
	background: transparent;
	border: none;
	font-size: 1.2em;
}
.Grid4.otsecurity .columnbox.type_p_2 h3 strong { 
	color: var(--Gray6);
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}
.columnbox.type_p_2 .text p.TextStyle1 { 
	color: var(--Gray5);
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
}
.columnbox.type_p_2 .text p.TextStyle1 span,
.Grid4.otsecurity .bottomboard .normal_palet span { 
	color: var(--Red2);
}
.Grid4.otsecurity .bottomboard { 
	background-color: var(--Gray1);
	border: 4px solid var(--Gray2);
	padding: 15px 25px 15px 25px;
	border-radius: 15px;
}
.Grid4.otsecurity .bottomboard .title { 
	text-align: center;
	color: #525253;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}
.Grid4.otsecurity .normal_palet { 
	background-color: inherit;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0;
	background-image: url(/-/media/sp/iot/solution/foodpro/image/ico_point.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 30px 0px 30px;
	font-weight: bold;
	font-size: .8em;
}
.Grid4.otsecurity .columnbox.type_three ul li { 
	background-color: inherit;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0;
	background-image: url(/-/media/sp/iot/solution/foodpro/image/ico_point.png);
	background-repeat: no-repeat;
	background-position: top 5px left;
	padding-left: 20px ;
}
.Grid4.otsecurity .columnbox.type_three .box { 
	background-color: var(--Gray1);
	padding: 10px;
	width: 30%;
}
.Grid4.otsecurity .columnbox.type_three .position { 
	font-weight: bold;
	font-size: 1.2em;
}
.Grid4.otsecurity .columnbox.type_three .cat { 
	font-weight: bold;
	font-size: 1.5em;
	padding-top: 80px;
}
.Grid4.otsecurity .columnbox.type_three .keiei p.cat { 
	background-image: url(/-/media/sp/iot/solution/otsecurity/image/ico_kadai.png);
	background-repeat: no-repeat;
	background-position: bottom left 65%;
}
.Grid4.otsecurity .columnbox.type_three .joho p.cat { 
	background-image: url(/-/media/sp/iot/solution/otsecurity/image/ico_nayami.png);
	background-repeat: no-repeat;
	background-position: bottom left 65%;
}
.Grid4.otsecurity .columnbox.type_three .seigyo p.cat { 
	background-image: url(/-/media/sp/iot/solution/otsecurity/image/ico_jokyo.png);
	background-repeat: no-repeat;
	background-position: bottom left 65%;
}
.Grid4.otsecurity .img_board { 
	box-shadow: 0 0 12px var(--Gray3);
	border-radius: 15px;
	padding: 20px 15px 20px 15px;
}
.Grid4.otsecurity .board_title { 
	font-weight: bold;
	font-size: 1.5em;
	color: var(--Red2);
}
.Grid4.bdcube #Sec01 .innersection { 
	background-color: var(--Gray1);
	padding: 15px;
	border-radius: 10px;
}
.Grid4.bdcube #Sec02,
.Grid4.bdcube #Sec04 { 
	background-color: var(--Gray1);
	padding-top: 40px;
}
.Grid4.bdcube #Sec03,
.Grid4.bdcube .Section.order { 
	padding-top: 40px;
}
.Grid4.bdcube #Sec02 h4,
.Grid4.bdcube #Sec03 h4 { 
	margin-top: 35px;
	font-size: 1.4em;
	color: var(--Gray5);
}
.Grid4.bdcube .normal_palet { 
	background-color: var(--Gray1);
	border-radius: 0;
	box-shadow: none;
	margin-top: 0;
	background-image: url(/-/media/sp/iot/solution/foodpro/image/ico_point.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 30px 0px 30px;
	font-weight: bold;
}
.Grid4.bdcube .columnbox.type_p_1 .text { 
	background-color: var(--White);
}
.Grid4.bdcube .columnbox.type_p_1 .point { 
	background-color: var(--Gray5);
}
.Grid4.bdcube .columnbox.type_p_1 .text h4 { 
	color: var(--Gray5)!important;
}
.Grid4.Kitchen .InnerLink { 
	background: transparent linear-gradient(90deg, #F4CCA8 0%, #E4E4AB 100%) 0% 0% no-repeat padding-box;
}
.Grid4.assessment .InnerLink { 
	background: var(--Gray5);
}
.Grid4.bdcube .InnerLink { 
	background: transparent linear-gradient(90deg, #090A0F 0%, #87ACB6 100%) 0% 0% no-repeat padding-box;
}
.Grid4.otsecurity .InnerLink { 
	background: var(--Gray1);
}
.Grid4.foodpro .InnerLink { 
	background: #F8EED6;
}

.Grid4.Sub .InnerLink ul { 
	display: flex;
	max-width: var(--wide);
	margin: 0 auto;
}
.Grid4.Sub .InnerLink ul a:link,
.Grid4.Sub .InnerLink ul a:visited { 
	text-decoration: none;
	display: block;
	padding: .5em 1em;
	transition: .08s ease-in;
	background: rgba(0,0,0,0) ;
	color: var(--White) ;
}
.Grid4.Sub .InnerLink ul a:hover { 
	background: rgba(0,0,0,.1);
}
.Grid4.rpa .InnerLink { 
	background: #232323;
}
.Grid4.Pisystem .InnerLink { 
	background: transparent linear-gradient(90deg, #000729 0%, #CABAAC 100%) 0% 0% no-repeat padding-box;
}
.Grid4.assessment .InnerLink ul a:link,
.Grid4.assessment .InnerLink ul a:visited,
.Grid4.bdcube .InnerLink ul a:link,
.Grid4.bdcube .InnerLink ul a:visited,
.Grid4.Pisystem .InnerLink ul a:link,
.Grid4.Pisystem .InnerLink ul a:visited,
.Grid4.rpa .InnerLink ul a:link,
.Grid4.rpa .InnerLink ul a:visited { 
	color: var(--White);
	background: rgba(255,255,255,0);
}
.Grid4.assessment .InnerLink ul a:hover,
.Grid4.bdcube .InnerLink ul a:hover,
.Grid4.Pisystem .InnerLink ul a:hover,
.Grid4.rpa .InnerLink ul a:hover { 
	background: rgba(255,255,255,.1);
}

.Grid4.Sub .InnerLink {
	background: var(--Gray6);
}
.Grid4.Sub.Case .InnerLink,
.Grid4.Sub.Solution .InnerLink {
	background: transparent;
}
.Grid4.Sub .InnerLink ul {
	padding: 0;
}
.Grid4.Sub .InnerLink li a:hover,
.Grid4.Sub .InnerLink li a:active {
	box-shadow: none;
}
.Grid4.Sub .InnerLink ul a:hover {
	background: rgba(255, 255, 255, .1);
}
.Grid4.Sub .InnerLink + .Section {
	padding: 0;
}
.Grid4.Sub .InnerLink + .Section > .Contact {
	margin: 0;
}
.Grid4.Food .InnerLink + .Section,
.Grid4.Manufacturing .InnerLink + .Section,
.Grid4.Chemical .InnerLink + .Section,
.Grid4.Case .InnerLink + .Section,
.Grid4.Solution .InnerLink + .Section,
.Grid4.Solution .Section,
.Grid4.Whitepaper .Section {
	padding: 4em 0;
}
.Grid4.rpa .PageTitleStyle3 p.TextStyle2 { 
	margin: 0;
}
.Grid4.Pisystem .Check { 
	display: flex;
	flex-flow: column;
	margin: 1em 0;
}
.Grid4.Pisystem .Check li { 
	display: flex;
	align-items: center;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 1.5em;
	color: #444444;
}
.Grid4.Pisystem .Check li::before { 
	content: url(/-/media/sp/iot/solution/pisystem/image/icon_check.svg);
	width: 25px;
	height: 22px;
	margin: 0 1em 0 0;
	display: block;
}
.Grid4.Pisystem .Flexbox.Split .Arrow { 
	width: 28px;
	height: 38px;
	display: block;
	background: url(/-/media/sp/iot/solution/pisystem/image/ico_arrow.png) no-repeat center;
}
.Grid4.Pisystem h2 { 
	font-size: 2.4em;
	z-index: 1;
	position: relative;
	color: var(--Gray6);
}
.Grid4.Pisystem h2 span { 
	background: linear-gradient(transparent 50%,var(--Red1_20_Tint) 0%);
	display: inline-block;
	font-weight: normal;
	color: inherit;
	padding: 0;
	transform: none;
}
.Grid4.Pisystem .Section.Photo { 
	background: linear-gradient(137deg, rgba(255, 239, 225,.6) 0%, rgba(198, 197, 216,.6) 100%) 0% 0% no-repeat padding-box, url(/-/media/sp/iot/solution/pisystem/image/bg_pisystem.png) no-repeat center / 100%;
}
.Grid4.Pisystem .Photo h2 span,
.Grid4.Pisystem .Grad h2 span { 
	background: linear-gradient(transparent 50%,var(--Red1_20_Tint) 0%);
}
.Grid4.Pisystem .Section#Sec04.Grad { 
	background: transparent linear-gradient(137deg, var(--Gray1) 0%, var(--Gray2) 100%) 0% 0% no-repeat padding-box;
}
.Grid4.Pisystem .Grad dl { 
	margin: 0 0 2em;
	display: flex;
}
.Grid4.Pisystem .Grad dt { 
	font-weight: bold;
	font-size: 2.2em;
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 125px;
	min-width: 125px;
	height: 125px;
	margin: 0 1em 0 0;
	border-radius: 50%;
	background: var(--White);
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.Grid4.Pisystem .Grad dt span { 
	font-weight: normal;
	font-size: .8em;
	line-height: 1;
	margin: 0 0 .25em;
}
.Grid4.Pisystem .Grad h3 { 
	margin: 0 0 .5em;
}
.Grid4.Pisystem .Grad p { 
	font-size: 1.4em;
	margin: 0;
	line-height: 1.4;
}
.Grid4.sig .PageTitleStyle3 .Contact .TextStyle1 a:link,
.Grid4.sig .PageTitleStyle3 .Contact .TextStyle1 a:visited { 
	color: var(--White);
	width: auto;
	padding: 1em;
	height: auto;
	background: var(--Red2);
	border: none;
	box-shadow: none;
	font-size: 1.2em;
}
.Grid4.sig .PageTitleStyle3 .Contact {
	background: transparent;
}
.Grid4.sig .Section .Inner { 
	padding: 2em 0;
}
.Grid4.sig .Section.Worm { 
	background: transparent linear-gradient(123deg, var(--Gray1) 0%, var(--Gray2) 100%) 0% 0% no-repeat padding-box;
	margin: 0;
}
.Grid4.sig h2 { 
	font-size: 2.4em;
}
.Grid4.sig h2 span { 
	font-weight: normal;
	background: transparent;
	color: var(--Gray6);
	transform: none;
}
.Grid4.sig .TextStyle1 span { 
	background: linear-gradient(180deg, #fff 50%,#FFE76D 50%);
}
.Grid4.sig .Check { 
	margin: 2em 0;
}
.Grid4.sig .Check li { 
	display: flex;
	align-items: flex-start;
	color: var(--Gray5);
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 1em;
}
.Grid4.sig .Check li::before { 
	content: url(/-/media/sp/iot/solution/sig/image/icon_check.svg);
	display: block;
	width: 44px;
	min-width: 44px;
	height: 40px;
	margin: 0 .5em 0 0;
}
.Grid4.sig .Check li .Sub li { 
	display: block;
	font-size: .9em;
	margin: 0;
}
.Grid4.sig .Check li .Sub li::before { 
	content: none;
}
.Grid4.sig .Case { 
	background: #F5F5F5;
	border-top: 2px solid var(--Gray2);
	border-left: none;
	border-right: none;
	border-bottom: 2px solid var(--Gray1);
	padding: 1.5em;
	margin: 2em 0;
}
.Grid4.sig .Case h3 { 
	background: transparent;
	border: none;
	font-size: 2em;
	color: var(--Gray6);
	text-align: center;
	font-weight: bold;
}
.Grid4.sig .Case .Plate { 
	border-radius: 10px;
	background: var(--White);
	padding: 1em;
}
.Grid4.sig .Case .Plate li { 
	display: flex;
	align-items: center;
	color: var(--Gray5);
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 1em;
	line-height: 1.2;
}
.Grid4.sig .Case .Plate li::before { 
	content: url(/-/media/sp/iot/solution/sig/image/icon_sq_list.svg);
	width: 20px;
	min-width: 20px;
	height: 20px;
	margin: 0 1em 0 0;
	display: block;
}
.Grid4.sig .Case .ImgOnlyStyle { 
	margin: 2em 0;
}
.Grid4.sig .Flexbox.Two { 
	flex-wrap: wrap;
	align-items: flex-start;
}
.Grid4.sig .Flexbox.Two li { 
	width: calc((100% / 2) - 1em);
	height: stretch;
	background: var(--White);
	border-radius: 5px;
	margin: 0 auto 1em;
}
.Grid4.sig .Flexbox.Two dt { 
	background: var(--Gray5);
	border-radius: 5px 5px 0 0;
	color: var(--White);
	padding: 1em;
	font-weight: bold;
	font-size: 1.2em;
	display: flex;
	align-items: center;
}
.Grid4.sig .Flexbox.Two dt span { 
	font-size: 1.6em;
	margin: 0 .5em 0 0;
}
.Grid4.sig .Flexbox.Two dd { 
	padding: 1em;
	display: flex;
	flex-flow: column;
	align-content: space-between;
}
.Grid4.sig .Flexbox.Two dd .TextStyle1 { 
	font-size: inherit;
}
.Grid4.sig .Flexbox.Two h4 { 
	text-align: center;
	border: none;
	color: #000!important;
	padding: .5em;
	border-radius: 2px;
	background-color: var(--Gray2)!important;
}
@media screen and (max-width: 375px) { 
	.JS .Grid4 .BoxPatternC.Package span.Arrow {
		top: -32px;
	}
}
.Grid4 .BannerArea,.Grid4 .BannerArea2,
.Grid4 .BannerArea,.Grid4 .BannerArea3 {
	background: var(--White);
}
.Grid4 .BannerArea .Links,
.Grid4 .BannerArea .Link {
	box-sizing: border-box;
	background: var(--Teal3);
	width: 930px;
	height: 260px;
	padding: 1em;
	margin: 3em auto;
	border-radius: 5px;
	box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
	position: relative;
	z-index: auto;
	transition: .08s ease-in;
}
.Grid4 .BannerArea .Links.hover,.Grid4 .BannerArea .Link.hover {
	opacity: .8;
	cursor: pointer;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,.3);
}
.Grid4 .BannerArea .Links h2,
.Grid4 .BannerArea .Link h2,
.Grid4.Whitepaper .Section.BannerArea .Links h2,
.Grid4.Chemical .Section.BannerArea .Links h2,
.Grid4.Food .Section.BannerArea .Links h2,
.Grid4.Manufacturing .Section.BannerArea .Links h2,
.Grid4.Sub.Solution .Section.BannerArea .Links h2,
.Grid4.Sub.Case .Section.BannerArea .Links h2 {
	background: var(--White);
	padding: .5em;
	margin: 0;
	font-weight: bold;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	color: var(--Gray5);
	border-radius: 2px;
	line-height: 1.4;
	font-size: 230%;
	display: inline-block;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	transform: skew(0deg);
}
.Grid4 .BannerArea .Links a:link, .Grid4 .BannerArea .Links a:hover, .Grid4 .BannerArea .Links a:active, .Grid4 .BannerArea .Links a:focus, .Grid4 .BannerArea .Links a:link h2, .Grid4 .BannerArea .Links a:hover h2, .Grid4 .BannerArea .Links a:active h2, .Grid4 .BannerArea .Links a:focus .TextStyle1, .Grid4 .BannerArea .Links a:link .TextStyle1, .Grid4 .BannerArea .Links a:hover .TextStyle1, .Grid4 .BannerArea .Links a:active .TextStyle1, .Grid4 .BannerArea .Links a:focus .TextStyle1,
.Grid4 .BannerArea .Link a:link, .Grid4 .BannerArea .Link a:hover, .Grid4 .BannerArea .Link a:active, .Grid4 .BannerArea .Link a:focus, .Grid4 .BannerArea .Link a:link h2, .Grid4 .BannerArea .Link a:hover h2, .Grid4 .BannerArea .Link a:active h2, .Grid4 .BannerArea .Link a:focus .TextStyle1, .Grid4 .BannerArea .Link a:link .TextStyle1, .Grid4 .BannerArea .Link a:hover .TextStyle1, .Grid4 .BannerArea .Link a:active .TextStyle1, .Grid4 .BannerArea .Link a:focus .TextStyle1 {
	text-decoration: none;
}
.Grid4 .BannerArea .Links a:link h2, .Grid4 .BannerArea .Links a:hover h2, .Grid4 .BannerArea .Links a:active h2,
 .Grid4 .BannerArea .Link a:link h2, .Grid4 .BannerArea .Link a:hover h2, .Grid4 .BannerArea .Link a:active h2 {
	color: var(--Gray5);
}
.Grid4 .BannerArea .Links .TextStyle1,
.Grid4 .BannerArea .Link .TextStyle1 {
	font-size: 160%;
	padding: .75em;
	line-height: 1.4;
	/*text-shadow: 0 0 5px rgba(255,255,255,.6);*/
	color: var(--White);
}
.Grid4 .BannerArea .Links:after,
.Grid4 .BannerArea .Link:after {
	content: "";
	background: url("/-/media/sp/iot/image/img_digital.png") no-repeat center;
	width: 430px;
	height: 240px;
	position: absolute;
	top: 20%;
	right: -3%;
	z-index: 0;
}
.Grid4 .BannerArea2 .Links,
.Grid4 .BannerArea2 .Link {
	box-sizing: border-box;
	background: #00dcfa;
	width: 930px;
	height: 260px;
	padding: 1em;
	margin: 3em auto;
	border-radius: 5px;
	box-shadow: 0 5px 10px 2px rgba(0,0,0,.3);
	position: relative;
	z-index: auto;
	transition: .08s ease-in;
}
.Grid4 .BannerArea2 .Links.hover,.Grid4 .BannerArea2 .Link.hover {
	opacity: .8;
	cursor: pointer;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,.3);
}
.Grid4 .BannerArea2 .Links h2,
.Grid4 .BannerArea2 .Link h2 {
	background: var(--White);
	padding: .5em;
	margin: 0;
	font-weight: bold;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	color: var(--Gray5);
	border-radius: 2px;
	line-height: 1.4;
	font-size: 230%;
	display: inline-block;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	transform: skew(0deg);
}
.Grid4 .BannerArea2 .Links a:link, .Grid4 .BannerArea2 .Links a:hover, .Grid4 .BannerArea2 .Links a:active, .Grid4 .BannerArea2 .Links a:focus, .Grid4 .BannerArea2 .Links a:link h2, .Grid4 .BannerArea2 .Links a:hover h2, .Grid4 .BannerArea2 .Links a:active h2, .Grid4 .BannerArea2 .Links a:focus .TextStyle1, .Grid4 .BannerArea2 .Links a:link .TextStyle1, .Grid4 .BannerArea2 .Links a:hover .TextStyle1, .Grid4 .BannerArea2 .Links a:active .TextStyle1, .Grid4 .BannerArea2 .Links a:focus .TextStyle1,
.Grid4 .BannerArea2 .Link a:link, .Grid4 .BannerArea2 .Link a:hover, .Grid4 .BannerArea2 .Link a:active, .Grid4 .BannerArea2 .Link a:focus, .Grid4 .BannerArea2 .Link a:link h2, .Grid4 .BannerArea2 .Link a:hover h2, .Grid4 .BannerArea2 .Link a:active h2, .Grid4 .BannerArea2 .Link a:focus .TextStyle1, .Grid4 .BannerArea2 .Link a:link .TextStyle1, .Grid4 .BannerArea2 .Link a:hover .TextStyle1, .Grid4 .BannerArea2 .Link a:active .TextStyle1, .Grid4 .BannerArea2 .Link a:focus .TextStyle1 {
	text-decoration: none;
}
.Grid4 .BannerArea2 .Links a:link h2, .Grid4 .BannerArea2 .Links a:hover h2, .Grid4 .BannerArea2 .Links a:active h2,
 .Grid4 .BannerArea2 .Link a:link h2, .Grid4 .BannerArea2 .Link a:hover h2, .Grid4 .BannerArea2 .Link a:active h2 {
	color: var(--Gray5);
}
.Grid4 .BannerArea2 .Links .TextStyle1,
.Grid4 .BannerArea2 .Link .TextStyle1 {
	font-size: 160%;
	padding: .75em;
	line-height: 1.4;
	text-shadow: 0 0 5px rgba(255,255,255,.6);
}
.Grid4 .BannerArea2 .Links:after,
.Grid4 .BannerArea2 .Link:after {
	content: "";
	background: url("/-/media/sp/iot/image/img_dxbanner.png") no-repeat center;
	width: 582px;
	height: 291px;
	position: absolute;
	top: 5%;
	right: -3%;
	z-index: 0;
}
.BannerArea3 .Inner a img {
	transition: transform 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
	display: block;
	margin: 50px auto;
}
.BannerArea3 .Inner a:hover img {
	opacity: 0.7;
	filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.4));
	transform: translateY(-3px);
}

div#Contents,
.GridSet,
.Grid4 { 
	width: 100%;
	margin: auto;
	overflow: visible;
}
div.Section.Gray { 
	background: #aaaaaa;
}
div.Section:before { 
	content: "";
	display: block;
	clear: both;
	float: none;
}
.Section .Inner h3:after { 
	content: "";
	display: block;
	float: none;
	clear: both;
}
.PageTitleStyle3 { 
	background: linear-gradient(145deg,#D3FFFE,#BEEFEC);
	height: 425px;
	margin-bottom: 0;
}
.PageTitleStyle3 .Wrapper { 
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
}
.Grid4 #FloatingContacts {
	width: 100%;
	margin: 0;
}
.Grid4 #FloatingContacts h2.ShowSP {
	display: none;
}
#Contents #FloatingContacts button {
	background-color: var(--Red2);
}
#Contents #FloatingContacts li {
	width: 50%;
}
@media screen and (max-width: 1280px) {
	.PageTitleStyle3 .Inner:first-child:before {
		background-size: 80%;
		background-position: 140% 166%;
	}
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD .GridSet {
		margin: 0;
	}
	.OptionWideRWD .Grid4 {
		padding: 0;
	}
	.OptionWideRWD .Grid4.rpa .Section .Inner,
	.OptionWideRWD .Grid4.sig .Section .Inner,
	.OptionWideRWD .Section .Inner {
		padding: 1em;
		width: auto;
		box-sizing: border-box;
	}
	.OptionWideRWD .SP #FloatingContacts form {
		width: auto;
	}
	.OptionWideRWD #FloatingContacts .Inner {
		width: auto;
		max-width: 965px;
	}
	.OptionWideRWD .Grid4.Sub .PageTitleStyle3 .Inner {
		width: 100%;
	}
	.OptionWideRWD .Grid4.Sub .PageTitleStyle3 .ColumnSet {
		overflow-x: hidden;
		width: 100%;
		padding: 0 1em;
	}
	.OptionWideRWD .Grid4.Sub .PageTitleStyle3 .Column2 {
		width: 100%;
	}
	.OptionWideRWD .Grid4.Sub .PageTitleStyle3 .Inner div.contact_btn.subp.ofst1 {
		width: 100%;
	}
	.OptionWideRWD .Grid4.Sub .PageTitleStyle3 .Inner {
		padding: 0;
	}
	.OptionWideRWD .Grid4.Pisystem .normal_palet,
	.OptionWideRWD .Grid4.rpa .Point .normal_palet {
		width: 90%;
		margin: 2.5em auto;
	}
}
@media screen and (max-width: 994px) {
	.JS .PageTitleStyle3 .Wrapper {
		background-size: auto 100%;
	}
	.JS .PageTitleStyle3 .Inner {
		width: 100%;
		padding: 1em;
		overflow: hidden;
		max-width: inherit;
	}
	.JS .PageTitleStyle3 .Inner div,
	.JS .PageTitleStyle3 .Inner div h1,
	.JS .PageTitleStyle3 .Inner div .Read {
		width: auto;
		display: block;
	}
	.JS .Grid4.Pisystem .PageTitleStyle3 .Inner div.contact_btn {
		position: relative;
		margin: -5em 0 0;
	}
	.JS .Grid4.Sub .PageTitleStyle3 .Inner div.contact_btn.subp.ofst1 {
		width: 100%;
	}
	.JS .Food br.PC,
	.JS .Chemical br.PC,
	.JS .Whitepaper br.PC,
	.JS .Manufacturing br.PC {
		display: none;
	}
	.JS .Section>.Inner {
		padding: 2em 1em;
	}
	.JS .Case .Section#Sec01,
	.JS .Solution .Section#Sec01 {
		padding: 4em 0 0;
	}
	.JS .InnerLink ul {
		width: auto;
	}
	.JS .Grid4 .FlexChild dd {
		height: auto;
	}
	.JS .Section .More {
		margin: 1em -100% 1em 60%;
	}
	.JS .Sub .Contact.More {
		margin: 0;
	}
	.JS .Grid4.Case .SolBox .More,
	.JS .Grid4.Case #Sec03 .SolBox .More,
	.JS .Grid4.Solution .SolBox .More,
	.JS .Grid4.Solution #Sec03 .SolBox .More {
		font-size: 1.2em;
		max-height: 4em;
	}
	.JS .Grid4.Case .SolBox .More span,
	.JS .Grid4.Solution .SolBox .More span {
		height: 4em;
		max-height: 4em;
	}
	.JS .Sub #Map .Inner {
		height: 580px;
	}
	.JS .Grid4 .Solution .FlexChild dd {
		min-height: 186px;
	}
	.JS .Grid4 .FlexChild dt h3 span {
		padding: 0 0 0 1em;
	}
	.JS .Grid4 .BannerArea .Links {
		width: 90%;
		height: auto;
	}
	.JS .Grid4 .BannerArea .Links .TextStyle1 {
		width: 60%;
		text-shadow: 0 0 5px rgba(255,255,255,1);
	}
	.JS .Grid4 .BannerArea .Links:after {
		content: "";
		background-size: 90%;
		right: -8%;
	}
	.JS div .PaperSection {
		padding: 0;
	}
	.JS .AiOCR br.PC { 
		display: none;
	}
	.JS .GridSet { 
		max-width: 100%;
	}
	.JS .Grid4 .PageTitleStyle3 .Inner,
	.JS .Grid4 .PageTitleStyle3 h1,
	.JS .Grid4 .PageTitleStyle3,
	.JS .Grid4 .Section .Inner,
	.JS .Grid4 .Contact,
	.JS .Grid4 h2 { 
		width: 100%;
	}
	.JS .Grid4 .Section .Inner { 
		margin: auto 1em;
		padding: 1em;
		width: auto;
	}
	.JS .Grid4 .Panel .TextStyle1 { 
		font-size: 96%;
	}
	.JS .Grid4.Sub .PageTitleStyle3 { 
		background-size: auto 120%;
		box-sizing: border-box;
	}
	.JS #Contents,
	.JS .GridSet,
	.JS .Grid4 { 
		padding: 0;
		margin: 0;
		width: auto;
	}
	.JS .Grid4 .Read { 
		padding: 1em;
		margin: 1em;
		width: auto;
	}
	.JS .Grid4 .Section { 
		background-size: 200%;
	}
	.JS .Grid4 .ColumnSet { 
		width: auto;
		margin: 1em;
	}
	.JS .Grid4.Sub .ColumnSet { 
		margin: 0;
	}
	.JS .Grid4.Sub .PageTitleStyle3 .Column2 {
		width: 100%;
	}
	.JS .Grid4 .Column2.FirstItem { 
		padding: 0;
	}
	.JS .Grid4 .Column2.LastItem { 
	}
	.JS .Grid4.Sub .Column2.FirstItem,
	.JS .Grid4.Sub .Column2.LastItem { 
		padding: 1.5em;
	}
	.JS .Grid4 .Upper h3 { 
		padding: 1.5em .5em 1.5em 6em;
	}
	.JS .Grid4.Sub.Free .Flexbox { 
		flex-flow: column;
	}
	.JS .Grid4.Sub.Free .Flexbox dl { 
		width: 90%;
		margin: 0 auto 1em;
	}
	.JS .Grid4.Sub .Flexbox.Split div { 
		width: 90%;
	}
	.JS .Grid4.Sub .Flexbox.Split div img { 
		margin: auto;
		width: 100%;
	}
	.JS .Grid4.Sub.Free .Flexbox dt { 
		justify-content: center;
	}
	.JS .Grid4.Sub.Free .Sol .Flexbox dt { 
		justify-content: flex-start;
	}
	.JS .Grid4.Sub.Free .Flexbox.Split.Box div { 
		margin: auto auto 1em;
	}
	.Grid4.Sub .Flexbox.Split.Box .ImgTxt img { 
		min-width: 100px;
		height: auto;
	}
	.JS .Grid4.Sub.Free .Flexbox.Split.Box dt { 
		justify-content: flex-start;
		width: inherit;
	}
	.JS .Grid4.rpa .normal_palet { 
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.JS .Grid4.rpa .Point .normal_palet { 
		width: 77%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.JS .Grid4.Pisystem .Section.Photo { 
		background: linear-gradient(
	137deg
	, rgba(255, 239, 225,.6) 0%, rgba(198, 197, 216,.6) 100%) 0% 0% no-repeat padding-box, url(/-/media/sp/iot/solution/pisystem/image/bg_pisystem.png) no-repeat center / auto 100%;
	}
	.JS .Grid4.Sub .Flexbox.Split { 
		flex-flow: column;
	}
	.JS .Grid4.Pisystem .Flexbox.Split .Arrow { 
		transform: rotate(90deg);
	}
	.Grid4.otsecurity .PageTitleStyle3 .Column2 h1 span { 
		padding: 0 .5em;
	}
	.JS .Grid4 .PageTitleStyle3 .Column2 .PC,
	.JS .Grid4 .PageTitleStyle3 .Column2 h1 span .PC { 
		display: none;
	}
	.JS .Grid4 .Contact .TextStyle3 a:link,
    .JS .Grid4 .Contact .TextStyle3 a:visited { 
		font-size: 110%;
		padding: 20px;
	}
	.JS .Grid4 .Contact .TextStyle3 a .SubText { 
		font-size: 0.80em;
	}
	.JS .Inner { 
		padding: 1em;
		width: auto;
	}
	.JS .PageTitleStyle3 h1 { 
		line-height: 1.2;
	}
	.JS .PageTitleStyle3 .Read { 
		width: auto;
	}
	.JS .ColumnSet { 
		margin: 0;
	}
}
@media screen and (max-width: 767px) {
	.JS br.PC {
		display: none;
	}
	.JS br.RWD {
		display: block;
	}
	.JS .PageTitleStyle3 .Inner {
		padding: 1em;
	}
	.JS .Grid4.Sub .PageTitleStyle3 .Inner {
		height: auto;
	}
	.JS .PageTitleStyle3 .Inner .Read {
		font-size: 1.6em;
	}
	.JS .PageTitleStyle3 .Inner h1 {
		width: auto;
		font-size: 2.4em;
	}
	.JS .Grid4.Sub.Solution .PageTitleStyle3 h1 span {
		transform: skew(0);
	}
	.JS .InnerLink li a:link,
	.JS .InnerLink li a:visited {
		margin: 1px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1em;
	}
	.JS .InnerLink li#toTop a {
		height: 70px;
		box-sizing: border-box;
	}
	.JS .InnerLink li#toTop img {
		width: 30px;
		min-width: 30px;
		height: 30px;
		min-height: 30px;
	}
	.JS .InnerLink ul {
		width: 100%;
	}
	.JS .Grid4 .Section {
		padding: 2em 0;
	}
	.JS .Grid4 .FlexChild {
		width: 100%;
		margin: 0 0 1em;
	}
	.JS .Grid4 .InnerLink .FlexChild {
		width: 80%;
		margin: .5em auto;
	}
	.JS .Grid4 .FlexChild dt {
		background-size: 100% auto;
	}
	.JS .Grid4 .FlexChild dd {
		min-height: inherit;
	}
	.JS .Grid4.Top .SolBox dl {
		width: calc((100% / 2) - 15px);
	}
	.JS #Contents .Grid4 .Solution .FlexChild dt {
		background-size: 120%;
	}
	.JS .Contact a:before {
		content: none;
	}
	.JS .Sub #Map {
		overflow-x: scroll;
	}
	.JS .Sub #Map .Inner {
		height: 500px;
		width: 768px;
	}
	.JS .Grid4 .Solution .FlexChild dt h3 {
		margin: 1em 5em 1em -1em;
		padding: 1em .5em 1em 1.5em;
	}
	.JS .Contact {
		margin: 0em;
		padding: 4em 1em;
	}
	.JS .Sub .Contact {
		padding: 0;
	}
	.JS .Contact a:link,
	.JS .Contact a:visited {
		font-size: 1.2em /* iot_wide.css: 1.6em (overridden) */;
		justify-content: center ;
	}
	.JS .Grid4 .BannerArea .Links h2 {
		font-size: 200%;
	}
	.JS .Grid4 .BannerArea .Links {
		margin: 3em auto 5em;
	}
	.JS .Grid4 .BannerArea .Links:after {
		top: 70%;
		background-size: 70%;
		right: 0%;
	}
	.JS .Grid4 .BannerArea .Links .TextStyle1 {
		width: 100%;
		font-size: 140%;
		box-sizing: border-box;
	}
	.JS div.PaperSection div.Inner {
		width: 95%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.JS .PaperTitle strong {
		font-size: 80%;
		padding: 0 10px;
	}
	.JS div.PaperSection div #wp {
		display: block;
		flex-direction: column;
		align-items: center;
	}
	.JS .PaperTitle {
		order: 1;
		font-size: 1em;
		line-height: normal;
		letter-spacing: normal;
	}
	.JS .PaperTitle small {
		letter-spacing: normal;
	}
	.JS .PaperCover {
		order: 2;
		margin: 0 auto;
	}
	.JS .Paperlink {
		order: 4;
		width: 80%;
		padding-top: 0;
	}
	.JS a.DownloadButton {
		width: 100%;
		margin: 20px auto;
		padding: 1em 0.8em;
		font-size: 1em;
	}
	.SP .contact_btn a {
		width: 100%;
		height: 56px;
		line-height: 56px;
		font-size: 18px;
	}
	.SP #FloatingContacts h2 {
		font-size: 100%;
		line-height: 160%;
		width: auto;
	}
	.SP #FloatingContacts h2::after {
		content: none;
	}
	.SP .Top .PageTitleStyle3 {
		max-height: 340px;
		height: 340px;
	}
	.SP .PageTitleStyle3 .Inner .Read {
		padding-top: 10px;
	}
	.SP .PageTitleStyle3 .Inner div.contact_btn {
		margin-bottom: 0;
		margin-top: 20px;
	}
	.SP .contact_btn.subp {
		bottom: 0;
		padding: 1.5em;
		box-sizing: border-box;
		position: relative;
	}
	.SP .Grid4.Sub .PageTitleStyle3 .Column2 .Read {
		margin: auto;
	}
	
	.JS .Grid4 h2 { 
		text-align: left;
	}
	.SP .Grid4 #FloatingContacts h2 { 
		font-size: inherit;
	}
	.JS .Grid4.AiOCR h2 { 
		margin: 0 1em;
		width: auto;
	}
	.JS .Grid4.AiOCR h2:after { 
		margin: -.5em 0 1em;
		width: 100%;
	}
	.JS .Grid4.Sub .Flexbox.Three { 
		flex-flow: column;
	}
	.JS .Grid4.Sub .Flexbox.Three li { 
		width: 100%;
		background-size: 100% auto;
	}
	.JS .Grid4 .Panel:hover { 
		box-shadow: 0 20px 20px 2px rgba(0,0,0,.6);
		transform: scale(1);
		z-index: 10;
	}
	.JS .Grid4 .Solution { 
		min-height: 250px;
		padding: 3em 2em;
	}
	.JS .Grid4.Sub .PageTitleStyle3 { 
		background-size: auto 150%;
		background-position: center;
		height: auto;
	}
	.JS .Grid4.Sub .PageTitleStyle3 .ColumnSet { 
		display: inherit;
		height: auto;
	}
	.JS .Grid4.Sub .PageTitleStyle3 .Column2 { 
		min-height: inherit;
		display: block;
		transform: skew(0);
	}
	.JS .Grid4.Sub .PageTitleStyle3 h1 { 
		transform: skew(0);
	}
	.JS .Grid4.Sub .PageTitleStyle3 .TextStyle1 { 
		transform: skew(0);
	}
	.JS .Grid4 .BoxPatternC.Package span.Arrow { 
		width: 200px;
		top: -32px;
	}
	.JS .Grid4 .BoxPatternC.Package ol,
	.JS .Grid4 .BoxPatternC.Package ul { 
		margin: 0 0 0 2em;
	}
	.JS .Grid4 .BoxPatternC.Package ol.Plat { 
		margin: 0 0 1em;
	}
	.JS .Grid4.Sub .Solution .FirstItem:after { 
		content: "";
		display: block;
		margin: auto;
		width: 60px;
		height: 50px;
		background: url(/-/media/sp/iot/image/icon_arrow_under.svg) no-repeat center / 60px 50px;
	}
	.JS .Grid4.Sub .Solution .ColumnSet { 
		background: none;
	}
	.JS .Grid4.Sub .Solution .Column2 { 
		float: none;
		width: 100%;
	}
	.JS .Grid4.Sub .Solution .Column2.LastItem { 
		margin: auto;
	}
	.JS .Grid4.Ocr .BoxPatternC.Package .Features li { 
		width: 70%;
		margin-right: 0;
		padding-left: 2em;
	}
	.JS .Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(1):before { 
		content: url(/-/media/sp/iot/aiocr/image/icon_ocr_01.png);
		left: -40px;
	}
	.JS .Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(2):before { 
		content: url(/-/media/sp/iot/aiocr/image/icon_ocr_02.png);
		left: -40px;
	}
	.JS .Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(3):before { 
		content: url(/-/media/sp/iot/aiocr/image/icon_ocr_03.png);
		left: -40px;
	}
	.JS .Grid4.Ocr .BoxPatternC.Package .Features li:nth-of-type(4):before { 
		content: url(/-/media/sp/iot/aiocr/image/icon_ocr_04.png);
		left: -40px;
	}
	.JS .Grid4.Sub.Ocr table.TableStyele3 td,
	.JS .Grid4.Sub.Ocr table.TableStyele3 th { 
		word-break: keep-all;
	}
	.JS .Grid4.Pisystem .PageTitleStyle3 .Inner div.contact_btn {
		margin: 0;
	}
	.columnbox.threebox { 
		display: block;
	}
	.columnbox.type_p_1 .text,
	.columnbox.threebox .box { 
		width: 100%;
	}
	.pc_view { 
		display: none;
	}
	.sp_view { 
		display: block;
	}
	.Grid4.otsecurity .columnbox.type_three,
	.Grid4.rpa .columnbox { 
		display: block;
	}
	.Grid4.otsecurity .columnbox.type_three .box { 
		width: 90%;
		padding-right: 5%;
		padding-left: 5%;
		margin-bottom: 15px ;
	}
	.Grid4.otsecurity .columnbox.type_three .keiei p.cat,
	.Grid4.otsecurity .columnbox.type_three .joho p.cat,
 	.Grid4.otsecurity .columnbox.type_three .seigyo p.cat { 
		background-position: bottom center;
	}
	.Grid4.rpa .columnbox .box { 
		width: 100%;
	}
	.Grid4.rpa #Sec02 h2 { 
		margin-bottom: 50px;
	}
	.JS .Grid4.Pisystem .PageTitleStyle3 { 
		background-position: center;
	}
	.JS .columnbox.threebox .box .box_bottom { 
		min-height: inherit;
	}
	.JS .Grid4.sig .Flexbox.Two li { 
		width: auto;
	}
	.JS #Contents .Grid4.sig .Flexbox.Two li img { 
		max-width: 400px;
	}
	.JS .Grid4.sig .Case h3 { 
		font-size: 1.8em;
	}
	.JS .PageTitleStyle3 h1 { 
		font-size: 1.6em;
	}
	.JS .PageTitleStyle3 .Read { 
		font-size: 1.4em;
	}
	.JS .Section h2 { 
		font-size: 1.4em;
	}
	.JS .Section .Inner h3 { 
		font-size: 1.4em;
		text-align: left;
	}
	.JS .Contact a:link,
   .JS .Contact a:visited,
   .JS .Contact .TextStyle1 { 
		width: auto;
		justify-content: flex-start;
	}
	.JS .Grid4 .ColumnSet .ColumnOneThird:nth-of-type(1),
	.JS .Grid4 .ColumnOneThird { 
		width: 100%;
		float: none;
		margin: 0 0 1em;
	}
	.JS .contact_btn.subp.ofst1 {
		position: relative;
		bottom: inherit;
	}
}
@media screen and (min-width:580px) {
	.sp {
		display: none;
	}
	.Inner .DLContents {
		display: block;
		align-items: center;
	}
}
@media screen and (max-width: 579px) {
	.JS .PageTitleStyle3 {
		max-height: 400px;
		height: 400px;
		background-color: transparent ;
	}
	.JS .Sub .PageTitleStyle3 {
		max-height: inherit;
		height: auto;
		background-size: auto 100%;
	}
	.JS .PageTitleStyle3 .Wrapper {
		background-size: auto 100%;
	}
	.JS .PageTitleStyle3 .Inner h1 {
		font-size: 2em;
	}
	.JS .PageTitleStyle3 .Inner .SubTitle {
		font-size: 1.6em;
	}
	.JS .InnerLink li a:link,
	.JS .InnerLink li a:visited {
		font-size: 1em;
		line-height: 1;
	}
	.JS .InnerLink li#toTop a {
		height: 38px;
		box-sizing: border-box;
	}
	.JS .InnerLink li#toTop img {
		width: 20px;
		min-width: 20px;
		height: 20px;
		min-height: 20px;
	}
	.JS .Sub .Grid4 .Section {
		padding: 0;
	}
	.JS .Grid4 .Section.Last {
		padding: 0;
	}
	.JS .Grid4 .Section.BannerArea {
		padding: 0 0 3em;
	}
	.JS .Grid4.Case .SolBox dd,
	.JS .Grid4.Solution .SolBox dd {
		flex-direction: column;
		overflow: hidden;
	}
	.JS .Grid4.Case .SolBox h4,
	.JS .Grid4.Solution .SolBox h4 {
		margin-left: 0;
		width: 70%;
	}
	.JS .Grid4.Case .SolBox h4 span,
	.JS .Grid4.Solution .SolBox h4 span {
		margin-left: 0;
	}
	.JS .Grid4.Case .SolBox .More,
	.JS .Grid4.Case #Sec03 .SolBox .More,
	.JS .Grid4.Solution .SolBox .More,
	.JS .Grid4.Solution #Sec03 .SolBox .More {
		margin: 0 -1em .5em 1em;
	}
	.JS #Contents .Grid4.Case .More.Double {
		padding: 0 0.35em 0 0;
		margin: 0 -1em .5em 1em;
	}
	.JS .Inner .DLContents {
		padding: 10px;
		flex-direction: column;
		align-items: center;
	}
	.JS .Grid4.Sub .InnerLink ul { 
		flex-flow: column;
	}
	.JS .Grid4.Sub .columnbox { 
		flex-flow: column;
	}
	.JS .Grid4.otsecurity .columnbox.type_p_2 { 
		padding: 1em;
	}
	.JS .columnbox.type_p_2 .text { 
		width: 100%;
	}
	.JS .Grid4.Sub .columnbox .box { 
		width: 100%;
		box-sizing: border-box;
	}
	.JS .Grid4.Sub .Section iframe { 
		width: 100%;
	}
	.JS .Narrow { 
		width: auto;
	}
	.JS .Grid4.Sub ol.Flex li { 
		display: block;
	}
	.JS .Grid4.Sub ol.Flex li .ImgOnlyStyle { 
		margin: auto;
	}
	.JS .Grid4 h2 { 
		font-size: 160%;
	}
	.JS .Grid4 .Solution h3, .JS .Grid4 .Upper h3 { 
		margin: auto 0 auto -24%;
		padding: 1.5em .5em 1.5em 4em;
	}
	.JS .Grid4.AiOCR .Solution h3 { 
		margin: auto 0 auto 0;
		padding: 0.5em 1em;
		font-size: 1.6em;
		text-align: left;
	}
	.JS .Grid4 .Upper h3 { 
		font-size: 110%;
	}
	.JS .Grid4 .Contact .TextStyle1 a:link { 
		font-size: 150%;
	}
	.JS .Grid4 .ColumnOneThird { 
		width: 100%;
		float: none;
		margin: 0;
		min-height: inherit;
	}
	.JS .Grid4.AiOCR .ColumnOneThird { 
		margin: 0 0 1em;
	}
	.JS .Grid4 .Customer dl:before { 
		width: 90px;
	}
	.JS .Grid4.AiOCR .LinkPanel { 
		flex-flow: column;
	}
	.JS .Grid4.AiOCR .LinkPanel li { 
		width: 100%;
	}
	.JS .Grid4 .PageTitleStyle3 .Column2 h1 { 
		font-size: 180%;
	}
	.JS .Grid4.Sub .Solution .Column2.FirstItem,
	.JS .Grid4.Sub .Solution .Column2.LastItem { 
		padding: 0;
	}
	.JS .Grid4.Sub .Flow dt { 
		float: none;
		margin: 0;
		width: 14em;
	}
	.JS .Grid4.Sub .Flow dt:after { 
		content: "";
		border-width: 2em 8em 0 8em;
	}
	.JS .Grid4.Sub .Flow dd { 
		margin: 4em 0 0;
	}
	.JS .Grid4 .Solution { 
		min-height: 250px;
		padding: 3em 1em;
	}
	.JS .Grid4 .InnerColumn .OneHalf { 
		width: 100%;
		margin: 0;
		float: none;
	}
	.JS .Grid4 .Section .BoxPatternC .Inner { 
		margin: auto .5em;
		padding: 1em;
	}
	.JS .Grid4.Sub.Jisseki .Func ul li { 
		font-size: 1em;
	}
	.JS .Grid4.Sub .Check li,
	.JS .Grid4.Sub .Disc.Wh li { 
		line-height: 1.4;
	}
	.JS .columnbox.type_p_1 .point { 
		margin: 0;
	}
}
@media screen and (max-width: 479px) {
	.JS .PageTitleStyle3 {
		max-height: 300px;
		height: 300px;
	}
	.JS .Top .PageTitleStyle3 .Wrapper {
		padding: 0;
	}
	.JS .Top .PageTitleStyle3 .Inner {
		background: rgba(255,255,255,.5);
	}
	.JS .PageTitleStyle3 .Inner .Read {
		line-height: 1.2;
		font-size: 1em;
	}
	.JS .PageTitleStyle3 .Inner h1 {
		font-size: 1.4em;
	}
	.JS .PageTitleStyle3 .Inner span {
		font-size: .8em;
		top: -20px;
	}
	.JS .InnerLink {
		background: rgba(0,0,0,.5);
		margin: 0;
	}
	.JS .InnerLink::before {
		content: none;
	}
	.JS .InnerLink ul {
		display: flex;
		flex-wrap: wrap;
		padding: 1px 0;
	}
	.JS .InnerLink ul li {
		width: calc((100% / 3) - 5px);
		display: flex;
		align-items: center;
		margin: 0 0 1px;
		height: 38px;
	}
	.JS .InnerLink li a {
		width: 100%;
	}
	.JS .InnerLink li#toTop {
		margin: 0;
	}
	.JS .InnerLink li a:link,
	.JS .InnerLink li a:visited {
		line-height: 1;
		height: 38px;
		font-size: .8em;
		box-sizing: border-box;
	}
	.JS .Section>.Inner {
		padding: 1em;
	}
	.JS .Grid4.Top .SolBox dd h4 a:link,
	.JS .Grid4.Top .SolBox dd h4 a:visited {
		text-align: left;
	}
	.JS .Grid4.Top .SolBox dl {
		width: 100%;
	}
	.JS .Section .More {
		font-size: 1em;
		margin: 1em -100% 1em 52%;
	}
	.JS .Grid4 .FlexChild dt {
		background-size: auto 100%;
	}
	.JS .Grid4 .Solution .FlexChild dt h3 {
		margin: 1em 1em 1em -1em;
	}
	.JS #Contents .Grid4 .Solution .FlexChild dt {
		background-size: auto 100%;
	}
	.JS .Grid4 .BannerArea .Links h2 {
		font-size: 1.6em /* iot_wide.css: 150% (overridden) */;
	}
	.JS .Grid4 .BannerArea .Links .TextStyle1 {
		font-size: 1.2em /* iot_wide.css: 110% (overridden) */;
	}
	.JS .Grid4 .FooterArea {
		min-height: 100px;
	}
	.JS .contact_btn a {
		width: 96%;
	}
	.JS .Grid4.Pisystem .Grad dl { 
		flex-flow: column;
		align-items: center;
	}
	.JS .Grid4.Pisystem .Grad dl dt { 
		margin: 0 0 1em;
	}
	.JS .Grid4 .Contact .TextStyle1 a:link { 
		font-size: 110%;
	}
	.JS .Grid4 .Read { 
		margin: 1em 0;
	}
	.JS .Grid4.Top .ColumnSet { 
		margin: 0;
	}
	.JS .Grid4 .BoxPatternC.Package h3 { 
		font-size: 130%;
		min-height: 113px;
	}
	.JS .Grid4 .BoxPatternC.Package span.Arrow { 
		height: 119px;
		top: -22px;
	}
	.JS .Grid4 .BoxPatternC.Package ol,
	.JS .Grid4 .BoxPatternC.Package ul { 
		margin: 0;
	}
	.JS .Grid4 .BoxPatternC.Package ol.Plat { 
		margin-bottom: 1em;
	}
	.JS .Grid4 .BoxPatternC.Package ol.Plat li { 
		line-height: 1.4;
	}
	.JS .Grid4 .Contact p.TextStyle1 { 
		font-size: 110%;
	}
	.JS .Grid4 .Section.BannerArea { 
		padding: 0 0 3em;
	}
}
@media screen and (max-width: 399px) {
	.JS a.DownloadButton {
		width: auto;
		padding: 1em 0.8em;
		font-size: 0.9em;
	}
}